Renovaré uses its own single-color line icons. They inherit the color of the surrounding text, so set the color on the parent (or with a text-* class) and give the SVG fill-current. Click any icon to download its SVG.
Interface
Spiritual & thematic
Content types
Sizes
| Use | Size | Classes |
|---|---|---|
| Inside buttons and text links | 13.5px | w-3 h-3 |
| Next to labels and in lists | 18–22.5px | w-4 h-4 to w-5 h-5 |
| Resource and hero icon tiles | 54–90px colored tiles | w-12 md:w-16 lg:w-20 p-4 md:p-6 rounded bg-primary |
Rules
- Use these icons only. Don’t substitute Lucide, Heroicons, emoji or Unicode symbols.
- Icon tiles use green or the accent rotation (Navy, Plum, Teal, Amber), with the icon in white.
- Icons support a label; they don’t replace one. Icon-only buttons need an
aria-label.