README
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 like1.5x
into1.5em
. - The
size
attribute is used as the default values forwidth
andheight
.
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.