Сітка іконок
Розміри, товщина ліній і відступи для ікон-сетів
Розмірна сітка
| Розмір | Де використовується | Stroke | Внутр. відступ |
|---|---|---|---|
| 16px | favicon, inline-текстові | 1–1.5px | 1px |
| 20px | меню, компактні списки | 1.5px | 2px |
| 24px | стандарт UI (Material/Lucide) | 1.5–2px | 2px |
| 32px | великі кнопки, порожні стани | 2px | 3px |
| 48px | онбординг, feature-блоки | 2–3px | 4px |
Консистентність важливіша за естетику окремої іконки: однаковий stroke, однаковий радіус заокруглення, однаковий оптичний центр. Експортуйте з векторною сіткою, не масштабуйте растр. Для ретіни SVG — єдиний правильний формат.