Эта галерея чистых иконок CSS - это то, что хотят все разработчики веб-интерфейса

Adobe дизайнер Вентинг Чжан создал интересное веб-приложение за генерировать чистые иконки CSS. Это просто называется “CSS иконка” и это может быть одним из самых крутых генераторы иконок для веб-разработчиков.

Этот проект совершенно бесплатно а также с открытым исходным кодом на GitHub так что вы можете свободно скачивать и связываться с любым из кодов.

Эти значки не имеет CSS-зависимостей или нужны какие-то специальные функции браузера. На первый взгляд может показаться, что иконки построены на SVG, но они на самом деле просто дивы.

С помощью магии CSS вы можете построить пользовательские значки линий за общие элементы интерфейса такие как меню гамбургера, значок с тремя точками или значок печати (среди многих других).

Вы можете выбрать между тонкие линии иконки или же темные значки. Они оба используют похожие свойства CSS и вы даже можете увидеть, что они есть, нажав на любую иконку в списке. Вы увидите выдвижная боковая панель с кодом HTML и CSS вместе с увеличенной иконкой.

Если вы посмотрите в верхний правый угол полей кода, вы увидите маленькая иконка копирования. Нажмите, чтобы автоматически скопировать код в буфер обмена. Ах, а этот значок копирования? Также построен с использованием чистого кода Wenting.

к изменить цвет любой иконы, просто Найти цвет имущество в главном классе значков. Обновление этого цвет имущество изменит все остальное тоже.

Поскольку эти значки довольно просто, они, вероятно, не будут работать на каждом сайте. Но это классная альтернатива изображениям или иконкам шрифтов И его совершенно бесплатно.

Проверьте Домашняя страница CSS Icon в увидеть больше примеров и к копировать / редактировать источник. Вы также можете проверить каждую иконку отдельно в CodePen, если вы хотите возиться с источником в вашем браузере.