ICON SYSTEM · COMPLETE
Solar Linear icons
Use all 1,246 Solar Linear icons through literal, tree-shakeable imports that work in Coordiation templates, server rendering, static sites, and any JavaScript framework.
Solar icon artwork is created by 480 Design and licensed under CC BY 4.0. Commercial use is allowed, but attribution is required.
Install the icon package
npm install @coordiation/iconsThe package pins its upstream Solar asset source, exposes only the Linear style, and keeps each icon behind an independent import path.
Import one literal icon
import { HomeLinearIcon } from "@coordiation/icons/linear/home";
import { renderIcon } from "@coordiation/icons";
const decorative = renderIcon(HomeLinearIcon, { size: 24 });
const meaningful = renderIcon(HomeLinearIcon, {
size: "1.5rem",
label: "Home",
});Decorative output receives aria-hidden="true". Pass a label only when nearby text does not already communicate the icon's meaning.
Control icons with CSS
@import "@coordiation/icons/style.css";
.navigation {
--co-icon-size: 1.25rem;
--co-icon-color: currentColor;
}Every rendered icon receives co-icon, uses currentColor, and can still override size, class, or stroke width per instance.
Discover names without guessing
{
"name": "home",
"export": "HomeLinearIcon",
"style": "linear",
"categories": ["home-furniture"],
"import": "@coordiation/icons/linear/home"
}The icon registry is the exact source for search interfaces and AI generation. Emit its literal import path so Node and bundlers load only the selected icon.
ATTRIBUTION REQUIRED
Keep the credit with the product
The wrapper and the artwork use different licenses.
- Coordiation wrapper code is MIT licensed.
- Solar icon artwork remains CC BY 4.0.
- Credit Solar Icons by 480 Design in a visible credits, about, legal, or documentation surface.
- Keep LICENSE-THIRD-PARTY when redistributing the package.
- Indicate material modifications to the artwork.
Icons shown on this page: Solar Icons by 480 Design, licensed under CC BY 4.0.