Ten free SVG icons from Slate, a matched line-icon system for SaaS and
productivity interfaces. Free for personal and commercial use, no
attribution required. See LICENSE.txt.
Every Slate glyph with a focal region carries one soft accent wash on its
subject — the envelope's flap, the folder's body, the bell's shell — filled in
the same currentColor at 15% opacity, drawn underneath the 2px outline.
Because the accent is currentColor at reduced alpha rather than a second
hardcoded hue, the outline and its accent both follow one CSS color
value:
<span style="color:#2563eb">
<!-- paste communication-mail.svg here -->
</span>Set color once and the whole set recolours — you keep full contrast control,
so the icons stay accessible in light and dark themes without a second export.
Glyphs with no focal region (plus, check, menu, home) stay pure monoline, the way a real duotone family behaves — the accent is applied by a rule, not per icon.
| File | Category | Style |
|---|---|---|
navigation-home.svg |
navigation | duotone accent |
navigation-menu.svg |
navigation | pure monoline |
action-search.svg |
action | duotone accent |
action-plus.svg |
action | pure monoline |
action-settings.svg |
action | duotone accent |
status-check.svg |
status | pure monoline |
status-bell.svg |
status | duotone accent |
communication-mail.svg |
communication | duotone accent |
content-calendar.svg |
content | duotone accent |
file-folder.svg |
file | duotone accent |
Every icon is drawn on the same 24×24 keyline grid with the same 2px rounded
stroke, and is legible from 16px to 48px. png/ carries 48px rasterizations
if you just want to look at them.
HTML / React — paste the SVG inline and set color on any ancestor. No
build step, no icon font, no runtime dependency.
Figma / Sketch / Penpot — drag the .svg files onto the canvas. They
import as editable vectors on the 24px grid.
Tailwind — inline the SVG and use a text colour utility (text-blue-600);
currentColor picks it up.
CSS mask — the icons are single-path-family and mask cleanly if you
prefer background-image icons.
These 10 are a subset of a finished, matched family — not a teaser for something unbuilt. What exists today:
- Slate — 37 line icons (SVG + PNG, commercial licence): https://eliteseo6.gumroad.com/l/ajkvvu
- Slate — full matched family — the 37 icons plus 4 spot illustrations, 6 UI-kit components, and 3 social templates, all on the same grid, stroke, and accent rule: https://eliteseo6.gumroad.com/l/ibgler
Same currentColor themeability across every file in both packs.
minimal line icon set · free svg icons commercial use · saas icon pack · currentColor svg icons · duotone line icons · 24px icon grid · figma icon set · webflow icon pack · notion style icons · themeable svg icon library