666 icons, drawn to one grid.
Solid, regular and brand icons for your website. Find one, set its size and color, and copy it as HTML, SVG or React. One stylesheet adds all of them to any page, with no fonts or scripts.
Shapes
sp-solid-shapesThree styles
Two lines to start
Add the stylesheet to your page once. Then every icon is an <i> tag that takes the size and color of the text around it.
<link rel="stylesheet" href="http://localhost:3000/v1/all.min.css">
<i class="sp sp-solid-house" aria-hidden="true"></i>Categories
All 22 categories- Accessibility & Alerts25 icons
- Arrows48 icons
- Business & Coding42 icons
- Communication & Social Media89 icons
- Connectivity & Devices29 icons
- Emojis & Expressions36 icons
- Files & Documents39 icons
- Gender & People28 icons
- Hands & Gestures27 icons
- Hotels & Accommodation20 icons
- Maps & Locations24 icons
- Nature & Weather26 icons
- Numbers & Shapes26 icons
- Photos & Images20 icons
- Search & Navigation22 icons
- Shopping & E-commerce32 icons
- Spinners & Loading8 icons
- Sports20 icons
- Time & Calendars22 icons
- Toggles & Controls36 icons
- Transportation & Travel20 icons
- Writing & Editing27 icons
Copy it the way you need it
Every icon page gives you the same four formats, already set to the size, color and rotation you choose.
Paper Planesp-solid-paper-planeNeeds the stylesheet. Takes the size and color of the text around it.
<i class="sp sp-solid-paper-plane" aria-hidden="true"></i>Choose how your link updates
Both links load every icon. They differ in what happens when we publish new icons.
- Pinned to version 1
http://localhost:3000/v1/all.min.css - Your icons never change, and browsers keep the file for a year. When a new version is out, change the number in the link to get it.
- Always the latest
http://localhost:3000/latest/all.min.css - New icons reach your site on their own, within an hour. Icons we rename or remove disappear from it too.