Radix Icons are a crisp set of 15×15 icons designed by the Modulz team.
npm install @astropub/iconsAll 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" />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
Propsinterface additionally includes:- All HTML global attributes.
- All WAI-ARIA attributes and the WAI-ARIA role attribute.
- The
titleattribute transforms into a<title>element within the<svg>. - The
sizeattribute transforms values like1.5xinto1.5em. - The
sizeattribute is used as the default values forwidthandheight.
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 |
Licensed under the MIT License. Copyright © 2020–present Modulz.