Icons drawn once, in five styles.

1,260 icons on a 24 grid. Each concept is drawn once as Linear, and the other four styles grow from that drawing.

Explore icons Get the CLI

Read the docs • MIT license, no dependencies

LinearStroke

The drawing every style grows from

Strokes of 1.5 with round caps and joins, and corners smoothed the way Figma does at 100%. They are real strokes, so you can change the weight.

Browse Linear icons

From word to file

Look it up, pick a style, copy the file

Names describe shapes and tags carry the use, so you search the way you think. Every icon comes in five styles and ships as a plain SVG in currentColor.

Explore icons

Look up

Search by what the icon is for. Names describe the shape and tags carry the use, so settings finds gear.

You type settings
gear comes first
Old names lead to the new one

Choose

Each concept is drawn once as Linear and the other four styles grow from that drawing, so switching style never moves the icon.

Linear for the interface
Bold for the active state
Duotone for emphasis

Copy

Copy the file as Bloom ships it: from the icon browser, from dist/, from npm or from a CDN.

Copy SVG or PNG
dist/<style>/<name>.svg
npx bloom-icons get gear

Use

Every file draws in currentColor. Set the size and the color in your CSS and the icon follows.

currentColor, one tone or two
Sharp at 16px on the 24 grid
Checked on every build

The set

Consistent in every style, sharp at every size

Find any of the 1,260 icons by name, tag or category. Preview any size, set the stroke and color, then copy the SVG.

Linear, Line Duotone, Outline, Bold and Bold Duotone all come from one Linear drawing, so switching style never shifts an icon.

The 24 grid has 16 cells of 1.5. At 16px every cell, and every 1.5 stroke, is exactly one pixel.

Every file draws in currentColor. The duotone styles keep that one color and show the secondary parts at 50%.

One file per icon and style, plus icons.json with every name, category and tag. Copy them, or take them from the npm package.

dist/linear/gear.svg

<svg xmlns="http://www.w3.org/2000/svg"
     width="24" height="24" viewBox="0 0 24 24"
     fill="none" stroke="currentColor"
     stroke-width="1.5"
     stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2.25C12.319 2.25 12.641 2.307 …"/>
  <circle cx="12" cy="12" r="3.75"/>
</svg>

5 styles × 1,260 icons, plus dist/icons.json

The build stops on any icon that breaks a rule, and names the file and the rule.

gear
nut
sliders-horizontal-three
sliders-horizontal-two
sliders-vertical-three
sliders-vertical-two
square-sliders-horizontal
square-sliders-vertical

Linear
Line Duotone
Outline
Bold
Bold Duotone

16 cells of 1.5Live area 1.5 to 22.5Circle keyline 21

Midnight#071a31
Cobalt#1e5ea7
Olive#556425
Plum#4d3589

One color per icon. The secondary parts are the same color at 50%.

dist/linear/gear.svg

<svg xmlns="http://www.w3.org/2000/svg"
     width="24" height="24" viewBox="0 0 24 24"
     fill="none" stroke="currentColor"
     stroke-width="1.5"
     stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2.25C12.319 2.25 12.641 2.307 …"/>
  <circle cx="12" cy="12" r="3.75"/>
</svg>

5 styles × 1,260 icons, plus dist/icons.json

Lines on the pixel grid
Diagonals in steps of 15°
Corner radii on the 1.5 scale
Corners smoothed at least halfway
1.5 between shapes that do not touch
currentColor only, three decimals at most
Ink inside the live area, 1.5 to 22.5
All five styles, two tones in duotone

AI agentsNew

Made for AI agents too

npx bloom-icons find settings lists the best names for a word with their tags; get prints the SVG file exactly as Bloom ships it.

Terminal

$ npx -y bloom-icons find settings --limit 4settings: 35 icons  settings was renamed in 0.1.0: use gear. Names moved from uses to shapes; the use word is now a tag.  gear                      Settings: settings, cog, preferences, options, configuration · moves on hover  nut                       Settings: settings, preferences, options, hexagon, bolt  sliders-horizontal-three  Settings: tuning, adjust, controls, settings, filters  sliders-horizontal-two    Settings: tuning, adjust, controls, settings, filters  ... 31 more (--limit 35)

bloom-icons mcp gives any MCP client two tools, find_icons and get_icon, with the same answers as the command.

The skill tells an agent never to guess a name: look it up, then copy the exact file.

skills/bloom/SKILL.md

## Never guess a name Names describe what the icon shows, not whatit is for: gear (not settings), magnifier(not search), tray-arrow-down (not download).Always look the name up, and use only namesthe lookup returns.

llms.txt explains the set and find/<word>.json answers one word, for agents that fetch pages instead of running commands.

find/settings.json

{  "query": "settings",  "match": "all",  "read": "settings",  "total": 35,  "renamed": {    "version": "0.1.0",    "from": "settings",    "to": "gear",    "kind": "renamed",    "note": "Names moved from uses to shapes; the use word is now a tag."  },  "icons": [    {      "name": "gear",      "category": "Settings",  …

Terminal

$ npx -y bloom-icons find settings --limit 4settings: 35 icons  settings was renamed in 0.1.0: use gear. Names moved from uses to shapes; the use word is now a tag.  gear                      Settings: settings, cog, preferences, options, configuration · moves on hover  nut                       Settings: settings, preferences, options, hexagon, bolt  sliders-horizontal-three  Settings: tuning, adjust, controls, settings, filters  sliders-horizontal-two    Settings: tuning, adjust, controls, settings, filters  ... 31 more (--limit 35)

mcp.json

{  "mcpServers": {    "bloom": {      "command": "npx",      "args": ["-y", "bloom-icons@0.9.0", "mcp"]    }  }} tools: find_icons, get_icon

skills/bloom/SKILL.md

## Never guess a name Names describe what the icon shows, not whatit is for: gear (not settings), magnifier(not search), tray-arrow-down (not download).Always look the name up, and use only namesthe lookup returns.

find/settings.json

{  "query": "settings",  "match": "all",  "read": "settings",  "total": 35,  "renamed": {    "version": "0.1.0",    "from": "settings",    "to": "gear",    "kind": "renamed",    "note": "Names moved from uses to shapes; the use word is now a tag."  },  "icons": [    {      "name": "gear",      "category": "Settings",  …

Terminal

$ npx -y bloom-icons find settings --limit 4settings: 35 icons  settings was renamed in 0.1.0: use gear. Names moved from uses to shapes; the use word is now a tag.  gear                      Settings: settings, cog, preferences, options, configuration · moves on hover  nut                       Settings: settings, preferences, options, hexagon, bolt  sliders-horizontal-three  Settings: tuning, adjust, controls, settings, filters  sliders-horizontal-two    Settings: tuning, adjust, controls, settings, filters  ... 31 more (--limit 35)

mcp.json

{  "mcpServers": {    "bloom": {      "command": "npx",      "args": ["-y", "bloom-icons@0.9.0", "mcp"]    }  }} tools: find_icons, get_icon

skills/bloom/SKILL.md

## Never guess a name Names describe what the icon shows, not whatit is for: gear (not settings), magnifier(not search), tray-arrow-down (not download).Always look the name up, and use only namesthe lookup returns.

find/settings.json

{  "query": "settings",  "match": "all",  "read": "settings",  "total": 35,  "renamed": {    "version": "0.1.0",    "from": "settings",    "to": "gear",    "kind": "renamed",    "note": "Names moved from uses to shapes; the use word is now a tag."  },  "icons": [    {      "name": "gear",      "category": "Settings",  …

37 categories

Solar’s categories, Bloom’s own drawings

All 1,451 of Solar’s concepts are covered, apart from 4 trademarks, by 1,260 icons drawn in this repository.

Browse by category

Copy from the browserPick an icon, set its stroke and color, then copy it or download it as SVG or PNG. Install from npmnpm i bloom-icons brings every file and icons.json, and jsDelivr serves the same files. Connect an AI toolRun bloom-icons mcp, and the agent looks names up instead of guessing them. Read icons.jsonOne list with the version, the styles, the categories, the renames and every icon’s tags.

Get started

Search the word you have in mind

Names describe the shape and tags carry the use, so a search for settings finds gear, and an old name finds the icon it became.

Explore icons

settingsgear
searchmagnifier
downloadtray-arrow-down
infocircle-info
chatmessage-text

Icons drawn once, in five styles.

The drawing every style grows from

Linear with a second tone

Linear’s lines as one filled shape

Closed shapes filled solid

Bold in two tones

Look it up, pick a style, copy the file

Look up

Choose

Copy

Use

Consistent in every style, sharp at every size

Made for AI agents too

Solar’s categories, Bloom’s own drawings

Search the word you have in mind

Icons drawn once, in five styles.

The drawing every style grows from

Look it up, pick a style, copy the file

Look up

Choose

Copy

Use

Consistent in every style, sharp at every size

Made for AI agents too

Look names up from the command line

An MCP server for AI tools

A skill for Claude Code

Answers on the web

Solar’s categories, Bloom’s own drawings

Search the word you have in mind