 # Radix Icons for Astro Radix Icons are a crisp set of 15×15 icons designed by the [Modulz](https://modulz.app/) team. ```shell 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. ```astro --- 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. ```astro --- 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: ```ts 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 <!-- ICON_STATS: --> 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` |  | <!-- :ICON_STATS --> --- ## License Licensed under the MIT License. Copyright © 2020–present Modulz.