Иконки — та часть дизайн-системы, которая деградирует быстрее всего. Начинаешь с одного набора, не хватает иконки, берёшь её из другого, и через полгода ничего не сходится.
Правило, которое это предотвращает, скучное: выберите одну библиотеку, покрывающую вашу предметную область, и выходите из неё только ради логотипов брендов.
IconKit
3039 иконок в outline и solid, все на currentColor, с обёртками для web, Flutter, React, Vue, Swift и не только.
iconkit.suils.esLucide
Продолжение Feather силами сообщества: цельный, лёгкий и доступный в любом фреймворке.
lucide.devPhosphor
Шесть начертаний одной иконки — редкость и большая польза в плотных интерфейсах.
phosphoricons.comTabler Icons
Более пяти тысяч контурных иконок: лучшее покрытие, если у продукта необычные понятия.
tabler.io/iconsHeroicons
Небольшой аккуратный набор от команды Tailwind, идеален, если Tailwind уже используется.
heroicons.comSimple Icons
Официальные знаки с правильными цветами — для логотипов, которых нет в общих наборах.
simpleicons.orgЧто бы вы ни выбрали, размещайте у себя только используемые SVG вместо целого иконочного шрифта: обычно это разница между 80 КБ и 2 КБ.
Нужно не выбрать, а построить?
Веб-приложения, API, инфраструктура и интерфейсы. Фриланс из Барселоны, клиенты по всему миру.
Leave a Reply