Radix Icons for Astro

Radix Icons are a crisp set of 15×15 icons designed by the Modulz team.

npm install @astropub/icons

Usage

All of the icons are available from a single import, and only the icons that are used will be added to the page.

---
import * as Icon from '@astropub/icons'
---
<Icon.Sun />
<Icon.Moon />
<Icon.Star />
<Icon.LightningBolt size="60" fill="gold" />

The icons are also available as individual imports.

---
import SunIcon from '@astropub/icons/Sun'
import MoonIcon from '@astropub/icons/MoonIcon'
import StarIcon from '@astropub/icons/StarIcon'
import LightningBoltIcon from '@astropub/icons/LightningBolt'
---
<SunIcon />
<MoonIcon />
<StarIcon />
<LightningBoltIcon size="60" fill="gold" />

Prop Types

The following Props interface is available to every icon:

export interface Props {
  'fill'?: string;
  'fill-opacity'?: number | string;
  'fill-rule'?: "nonzero" | "evenodd" | "inherit";
  'height'?: number | string;
  'size'?: number | string;
  'stroke'?: string;
  'stroke-dasharray'?: string | number;
  'stroke-dashoffset'?: string | number;
  'stroke-linecap'?: "butt" | "round" | "square" | "inherit";
  'stroke-linejoin'?: "miter" | "round" | "bevel" | "inherit";
  'stroke-miterlimit'?: number | string;
  'stroke-opacity'?: number | string;
  'stroke-width'?: number | string;
  'viewBox'?: string;
  'width'?: number | string;
}

• The Props interface additionally includes:
  • All HTML global attributes.
  • All WAI-ARIA attributes and the WAI-ARIA role attribute.
• The title attribute transforms into a <title> element within the <svg>.
• The size attribute transforms values like 1.5x into 1.5em.
• The size attribute is used as the default values for width and height.

Icons

There are 297 icons included in this package.

| Icon | Import | Preview | |:---- |:------ |:-------:| | Activity Log | @astropub/icons/ActivityLog | | | Align Baseline | @astropub/icons/AlignBaseline | | | Align Bottom | @astropub/icons/AlignBottom | | | Align Center Horizontally | @astropub/icons/AlignCenterHorizontally | | | Align Center Vertically | @astropub/icons/AlignCenterVertically | | | Align Left | @astropub/icons/AlignLeft | | | Align Right | @astropub/icons/AlignRight | | | Align Top | @astropub/icons/AlignTop | | | All Sides | @astropub/icons/AllSides | | | Angle | @astropub/icons/Angle | | | Archive | @astropub/icons/Archive | | | Arrow Bottom Left | @astropub/icons/ArrowBottomLeft | | | Arrow Bottom Right | @astropub/icons/ArrowBottomRight | | | Arrow Down | @astropub/icons/ArrowDown | | | Arrow Left | @astropub/icons/ArrowLeft | | | Arrow Right | @astropub/icons/ArrowRight | | | Arrow Top Left | @astropub/icons/ArrowTopLeft | | | Arrow Top Right | @astropub/icons/ArrowTopRight | | | Arrow Up | @astropub/icons/ArrowUp | | | Aspect Ratio | @astropub/icons/AspectRatio | | | Avatar | @astropub/icons/Avatar | | | Backpack | @astropub/icons/Backpack | | | Badge | @astropub/icons/Badge | | | Bar Chart | @astropub/icons/BarChart | | | Bell | @astropub/icons/Bell | | | Blending Mode | @astropub/icons/BlendingMode | | | Bookmark | @astropub/icons/Bookmark | | | Border All | @astropub/icons/BorderAll | | | Border Bottom | @astropub/icons/BorderBottom | | | Border Dashed | @astropub/icons/BorderDashed | | | Border Dotted | @astropub/icons/BorderDotted | | | Border Left | @astropub/icons/BorderLeft | | | Border None | @astropub/icons/BorderNone | | | Border Right | @astropub/icons/BorderRight | | | Border Solid | @astropub/icons/BorderSolid | | | Border Split | @astropub/icons/BorderSplit | | | Border Style | @astropub/icons/BorderStyle | | | Border Top | @astropub/icons/BorderTop | | | Box Model | @astropub/icons/BoxModel | | | Box | @astropub/icons/Box | | | Button | @astropub/icons/Button | | | Calendar | @astropub/icons/Calendar | | | Camera | @astropub/icons/Camera | | | Card Stack Minus | @astropub/icons/CardStackMinus | | | Card Stack Plus | @astropub/icons/CardStackPlus | | | Card Stack | @astropub/icons/CardStack | | | Caret Down | @astropub/icons/CaretDown | | | Caret Left | @astropub/icons/CaretLeft | | | Caret Right | @astropub/icons/CaretRight | | | Caret Sort | @astropub/icons/CaretSort | | | Caret Up | @astropub/icons/CaretUp | | | Chat Bubble | @astropub/icons/ChatBubble | | | Check Circled | @astropub/icons/CheckCircled | | | Check | @astropub/icons/Check | | | Checkbox | @astropub/icons/Checkbox | | | Chevron Down | @astropub/icons/ChevronDown | | | Chevron Left | @astropub/icons/ChevronLeft | | | Chevron Right | @astropub/icons/ChevronRight | | | Chevron Up | @astropub/icons/ChevronUp | | | Circle Backslash | @astropub/icons/CircleBackslash | | | Circle | @astropub/icons/Circle | | | Clipboard Copy | @astropub/icons/ClipboardCopy | | | Clipboard | @astropub/icons/Clipboard | | | Clock | @astropub/icons/Clock | | | Code | @astropub/icons/Code | | | CodeSandbox Logo | @astropub/icons/CodeSandboxLogo | | | Column Spacing | @astropub/icons/ColumnSpacing | | | Columns | @astropub/icons/Columns | | | Commit | @astropub/icons/Commit | | | Component 1 | @astropub/icons/Component1 | | | Component 2 | @astropub/icons/Component2 | | | Component Boolean | @astropub/icons/ComponentBoolean | | | Component Instance | @astropub/icons/ComponentInstance | | | Component None | @astropub/icons/ComponentNone | | | Component Placeholder | @astropub/icons/ComponentPlaceholder | | | Container | @astropub/icons/Container | | | Cookie | @astropub/icons/Cookie | | | Copy | @astropub/icons/Copy | | | Corner Bottom Left | @astropub/icons/CornerBottomLeft | | | Corner Bottom Right | @astropub/icons/CornerBottomRight | | | Corner Top Left | @astropub/icons/CornerTopLeft | | | Corner Top Right | @astropub/icons/CornerTopRight | | | Corners | @astropub/icons/Corners | | | Countdown Timer | @astropub/icons/CountdownTimer | | | Counter Clockwise Clock | @astropub/icons/CounterClockwiseClock | | | Crop | @astropub/icons/Crop | | | Cross 1 | @astropub/icons/Cross1 | | | Cross 2 | @astropub/icons/Cross2 | | | Cross Circled | @astropub/icons/CrossCircled | | | Crosshair 1 | @astropub/icons/Crosshair1 | | | Crosshair 2 | @astropub/icons/Crosshair2 | | | Crumpled Paper | @astropub/icons/CrumpledPaper | | | Cube | @astropub/icons/Cube | | | Cursor Arrow | @astropub/icons/CursorArrow | | | Cursor Text | @astropub/icons/CursorText | | | Dash | @astropub/icons/Dash | | | Dashboard | @astropub/icons/Dashboard | | | Dimensions | @astropub/icons/Dimensions | | | Disc | @astropub/icons/Disc | | | Divider Horizontal | @astropub/icons/DividerHorizontal | | | Divider Vertical | @astropub/icons/DividerVertical | | | Dot Filled | @astropub/icons/DotFilled | | | Dot | @astropub/icons/Dot | | | Dots Horizontal | @astropub/icons/DotsHorizontal | | | Dots Vertical | @astropub/icons/DotsVertical | | | Double Arrow Down | @astropub/icons/DoubleArrowDown | | | Double Arrow Left | @astropub/icons/DoubleArrowLeft | | | Double Arrow Right | @astropub/icons/DoubleArrowRight | | | Double Arrow Up | @astropub/icons/DoubleArrowUp | | | Download | @astropub/icons/Download | | | Drag Handle Dots 1 | @astropub/icons/DragHandleDots1 | | | Drag Handle Dots 2 | @astropub/icons/DragHandleDots2 | | | Drag Handle Horizontal | @astropub/icons/DragHandleHorizontal | | | Drag Handle Vertical | @astropub/icons/DragHandleVertical | | | Drawing Pin Filled | @astropub/icons/DrawingPinFilled | | | Drawing Pin | @astropub/icons/DrawingPin | | | Dropdown Menu | @astropub/icons/DropdownMenu | | | Enter Full Screen | @astropub/icons/EnterFullScreen | | | Enter | @astropub/icons/Enter | | | Envelope Closed | @astropub/icons/EnvelopeClosed | | | Envelope Open | @astropub/icons/EnvelopeOpen | | | Exclamation Triangle | @astropub/icons/ExclamationTriangle | | | Exit Full Screen | @astropub/icons/ExitFullScreen | | | Exit | @astropub/icons/Exit | | | External Link | @astropub/icons/ExternalLink | | | Eye Closed | @astropub/icons/EyeClosed | | | Eye None | @astropub/icons/EyeNone | | | Eye Open | @astropub/icons/EyeOpen | | | Face | @astropub/icons/Face | | | Figma Logo | @astropub/icons/FigmaLogo | | | File Minus | @astropub/icons/FileMinus | | | File Plus | @astropub/icons/FilePlus | | | File Text | @astropub/icons/FileText | | | File | @astropub/icons/File | | | Font Bold | @astropub/icons/FontBold | | | Font Family | @astropub/icons/FontFamily | | | Font Italic | @astropub/icons/FontItalic | | | Font Roman | @astropub/icons/FontRoman | | | Font Size | @astropub/icons/FontSize | | | Font Style | @astropub/icons/FontStyle | | | Frame | @astropub/icons/Frame | | | Framer Logo | @astropub/icons/FramerLogo | | | Gear | @astropub/icons/Gear | | | GitHub Logo | @astropub/icons/GitHubLogo | | | Globe | @astropub/icons/Globe | | | Grid | @astropub/icons/Grid | | | Group | @astropub/icons/Group | | | Half 1 | @astropub/icons/Half1 | | | Half 2 | @astropub/icons/Half2 | | | Hamburger Menu | @astropub/icons/HamburgerMenu | | | Hand | @astropub/icons/Hand | | | Heading | @astropub/icons/Heading | | | Height | @astropub/icons/Height | | | Home | @astropub/icons/Home | | | IconJar Logo | @astropub/icons/IconJarLogo | | | Id Card | @astropub/icons/IdCard | | | Image | @astropub/icons/Image | | | Info Circled | @astropub/icons/InfoCircled | | | Input | @astropub/icons/Input | | | Lap Timer | @astropub/icons/LapTimer | | | Layers | @astropub/icons/Layers | | | Layout | @astropub/icons/Layout | | | Letter Case Capitalize | @astropub/icons/LetterCaseCapitalize | | | Letter Case Lowercase | @astropub/icons/LetterCaseLowercase | | | Letter Case Toggle | @astropub/icons/LetterCaseToggle | | | Letter Case Uppercase | @astropub/icons/LetterCaseUppercase | | | Letter Spacing | @astropub/icons/LetterSpacing | | | Lightning Bolt | @astropub/icons/LightningBolt | | | Line Height | @astropub/icons/LineHeight | | | Link 1 | @astropub/icons/Link1 | | | Link 2 | @astropub/icons/Link2 | | | Link Break 1 | @astropub/icons/LinkBreak1 | | | Link Break 2 | @astropub/icons/LinkBreak2 | | | Link None 1 | @astropub/icons/LinkNone1 | | | Link None 2 | @astropub/icons/LinkNone2 | | | List Bullet | @astropub/icons/ListBullet | | | Lock Closed | @astropub/icons/LockClosed | | | Lock Open 1 | @astropub/icons/LockOpen1 | | | Lock Open 2 | @astropub/icons/LockOpen2 | | | Loop | @astropub/icons/Loop | | | Magic Wand | @astropub/icons/MagicWand | | | Magnifying Glass | @astropub/icons/MagnifyingGlass | | | Margin | @astropub/icons/Margin | | | Mask Off | @astropub/icons/MaskOff | | | Mask On | @astropub/icons/MaskOn | | | Minus Circled | @astropub/icons/MinusCircled | | | Minus | @astropub/icons/Minus | | | Mix | @astropub/icons/Mix | | | Mixer Horizontal | @astropub/icons/MixerHorizontal | | | Mixer Vertical | @astropub/icons/MixerVertical | | | Modulz Logo | @astropub/icons/ModulzLogo | | | Moon | @astropub/icons/Moon | | | Move | @astropub/icons/Move | | | Notion Logo | @astropub/icons/NotionLogo | | | Opacity | @astropub/icons/Opacity | | | Overline | @astropub/icons/Overline | | | Padding | @astropub/icons/Padding | | | Paper Plane | @astropub/icons/PaperPlane | | | Pause | @astropub/icons/Pause | | | Pencil 1 | @astropub/icons/Pencil1 | | | Pencil 2 | @astropub/icons/Pencil2 | | | Person | @astropub/icons/Person | | | Pie Chart | @astropub/icons/PieChart | | | Pilcrow | @astropub/icons/Pilcrow | | | Pin Bottom | @astropub/icons/PinBottom | | | Pin Left | @astropub/icons/PinLeft | | | Pin Right | @astropub/icons/PinRight | | | Pin Top | @astropub/icons/PinTop | | | Play | @astropub/icons/Play | | | Plus Circled | @astropub/icons/PlusCircled | | | Plus | @astropub/icons/Plus | | | Question Mark Circled | @astropub/icons/QuestionMarkCircled | | | Question Mark | @astropub/icons/QuestionMark | | | Quote | @astropub/icons/Quote | | | Radiobutton | @astropub/icons/Radiobutton | | | Reader | @astropub/icons/Reader | | | Reload | @astropub/icons/Reload | | | Reset | @astropub/icons/Reset | | | Resume | @astropub/icons/Resume | | | Rocket | @astropub/icons/Rocket | | | Rotate Counter Clockwise | @astropub/icons/RotateCounterClockwise | | | Row Spacing | @astropub/icons/RowSpacing | | | Rows | @astropub/icons/Rows | | | Ruler Horizontal | @astropub/icons/RulerHorizontal | | | Ruler Square | @astropub/icons/RulerSquare | | | Section | @astropub/icons/Section | | | Sewing Pin Filled | @astropub/icons/SewingPinFilled | | | Sewing Pin | @astropub/icons/SewingPin | | | Shadow Inner | @astropub/icons/ShadowInner | | | Shadow None | @astropub/icons/ShadowNone | | | Shadow Outer | @astropub/icons/ShadowOuter | | | Shadow | @astropub/icons/Shadow | | | Share 1 | @astropub/icons/Share1 | | | Share 2 | @astropub/icons/Share2 | | | Shuffle | @astropub/icons/Shuffle | | | Size | @astropub/icons/Size | | | Sketch Logo | @astropub/icons/SketchLogo | | | Slash | @astropub/icons/Slash | | | Slider | @astropub/icons/Slider | | | Space Between Horizontally | @astropub/icons/SpaceBetweenHorizontally | | | Space Between Vertically | @astropub/icons/SpaceBetweenVertically | | | Space Evenly Horizontally | @astropub/icons/SpaceEvenlyHorizontally | | | Space Evenly Vertically | @astropub/icons/SpaceEvenlyVertically | | | Speaker Loud | @astropub/icons/SpeakerLoud | | | Speaker Moderate | @astropub/icons/SpeakerModerate | | | Speaker Off | @astropub/icons/SpeakerOff | | | Speaker Quiet | @astropub/icons/SpeakerQuiet | | | Square | @astropub/icons/Square | | | Stack | @astropub/icons/Stack | | | Star Filled | @astropub/icons/StarFilled | | | Star | @astropub/icons/Star | | | Stitches Logo | @astropub/icons/StitchesLogo | | | Stop | @astropub/icons/Stop | | | Stopwatch | @astropub/icons/Stopwatch | | | Stretch Horizontally | @astropub/icons/StretchHorizontally | | | Stretch Vertically | @astropub/icons/StretchVertically | | | Strikethrough | @astropub/icons/Strikethrough | | | Sun | @astropub/icons/Sun | | | Switch | @astropub/icons/Switch | | | Symbol | @astropub/icons/Symbol | | | Table | @astropub/icons/Table | | | Target | @astropub/icons/Target | | | Text Align Center | @astropub/icons/TextAlignCenter | | | Text Align Justify | @astropub/icons/TextAlignJustify | | | Text Align Left | @astropub/icons/TextAlignLeft | | | Text Align Right | @astropub/icons/TextAlignRight | | | Text None | @astropub/icons/TextNone | | | Text | @astropub/icons/Text | | | Thick Arrow Down | @astropub/icons/ThickArrowDown | | | Thick Arrow Left | @astropub/icons/ThickArrowLeft | | | Thick Arrow Right | @astropub/icons/ThickArrowRight | | | Thick Arrow Up | @astropub/icons/ThickArrowUp | | | Timer | @astropub/icons/Timer | | | Tokens | @astropub/icons/Tokens | | | Track Next | @astropub/icons/TrackNext | | | Track Previous | @astropub/icons/TrackPrevious | | | Transparency Grid | @astropub/icons/TransparencyGrid | | | Trash | @astropub/icons/Trash | | | Triangle Down | @astropub/icons/TriangleDown | | | Triangle Left | @astropub/icons/TriangleLeft | | | Triangle Right | @astropub/icons/TriangleRight | | | Triangle Up | @astropub/icons/TriangleUp | | | Twitter Logo | @astropub/icons/TwitterLogo | | | Underline | @astropub/icons/Underline | | | Update | @astropub/icons/Update | | | Upload | @astropub/icons/Upload | | | Value None | @astropub/icons/ValueNone | | | Value | @astropub/icons/Value | | | Vercel Logo | @astropub/icons/VercelLogo | | | Video | @astropub/icons/Video | | | View Grid | @astropub/icons/ViewGrid | | | View Horizontal | @astropub/icons/ViewHorizontal | | | View None | @astropub/icons/ViewNone | | | View Vertical | @astropub/icons/ViewVertical | | | Width | @astropub/icons/Width | | | Zoom In | @astropub/icons/ZoomIn | | | Zoom Out | @astropub/icons/ZoomOut | |

License

Licensed under the MIT License. Copyright © 2020–present Modulz.