Loom73
Stitch Icons
A small, hand drawn icon set for Loom73.
Selective, scalable and entirely CSS-driven.
- Crisp at any size
- Color follows context
- Lightweight and accessible
Just a <span> with a few classes.
<span class="stitch stitch--arrow x4 color-info r90"></span>
The Collection
38 IconsScale it
Utility classes for sizing
Rotate it
Utility classes for rotation, 45° increments
Color follows context
Icons inherit the current text color.
Arbitrary when you need it
Just use CSS variables.
<span class="stitch stitch--leaf" style="
--stitch-color: #8B0CC2;
--stitch-rotation: -17deg;
--stitch-scale: 8;
"></span>
Accessible by context
Use with labels or aria labels
<button type="button" class="button hollow" aria-label="Delete">
<span class="stitch stitch--bin" aria-hidden="true"></span>
</button>
<button type="button" class="button hollow" aria-label="Search">
<span class="stitch stitch--search" aria-hidden="true"></span>
</button>
Selective by design
Stitch includes only what you need. No icon fonts. No giant sprites. Just lightweight SVG masks.
CSS-Driven
One class does the job.
Tiny Footprint
Only the icons you use.
Theme ready
Supports any color system.
Yours to use
Open, clear, easy to extend.