Get started
Bloom
1,260 icons in 5 styles on a 24 grid. One drawing per concept, plain SVG files, one color.
What Bloom is
Bloom is the 24px icon set our projects share, and every shape is drawn in this repository. Each concept is drawn once, as Linear. The build grows the other four styles from that drawing, so when you switch style the size, the position and the visual center stay where they were.
In numbers
- Icons
- 1,260
- Styles
- 5
- Files
- 6,300
- Categories
- 37
- Grid
- 24, in 16 cells of 1.5
- Stroke
- 1.5
Five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear and Line Duotone are strokes, so their weight can change. Outline, Bold and Bold Duotone are fills with a fixed weight. How each style is made.
Where the files are
| Path | What it holds |
|---|---|
src/<name>.svg | The drawings: one Linear source per concept, with its category and tags on the first line. |
dist/<style>/<name>.svg | The built files, one per icon and style. These are the files to use. |
dist/motion/<style>/<name>.svg | The same drawings moving on hover, for the 39 icons that have motion. See Hover motion. |
dist/icons.json | The list of every icon with its category and tags. See icons.json. |
catalog/index.html | The whole set at a glance, every concept in all five styles. It opens from disk with no server. |
Categories
Each of the 37 categories opens in the icon browser.
- UI150
- Video87
- Devices66
- Arrows75
- Arrows Action61
- Messages59
- IT62
- Security35
- Sports27
- Files38
- Map36
- List23
- Text Formatting39
- Weather32
- Home25
- Money34
- School23
- Settings31
- Medicine22
- Astronomy26
- Folders32
- Tools29
- Notes25
- Business21
- Shopping20
- Time24
- Users23
- Call10
- Faces20
- Search21
- Parts24
- Food15
- Like18
- Nature8
- Building7
- Notifications7
- Hands5