Atomicons генератор SVG иконок

Atomicons генератор SVG иконок это набор из 256 иконок, которые с помощью инструментов Atomicons, мы можем стилизовать под свои нужды.
Atomicons

Сайт проекта

Atomicons это проект от разработчиков известной коллекции SVG иконок Boxicons.

Толщина линий иконок

Мы можем регулировать толщину линий иконок SVG от 0,5 px до 3 px. Это поможет подобрать ту толщину линий, которая будет лучшим образом сочетаться с прочими элементами дизайна, вашего сайта или приложения.

Радиус закругления линий иконок

Инструмент Радиус закругления, позволяет выбрать нужные нам узлы фигуры иконок или линий и задать им необходимый радиус от 0 до 3 px. Переключая узлы, можно отслеживать, как они меняются и выбирать нужный режим через визуальную оценку.
Радиус закругления иконок

Размеры иконок

Размер иконок регулируется от 24 до 120 px. Тут все просто и понятно. Так же как и с радиусом, изменения можно отслеживать визуально.

Цвет и заливка

Этот режим имеет две вариации: 1 - Цвет и 2 - Цвет и Заливка. Изменить режимы можно переключателем Duotone.

Заливка работает только с замкнутыми областями, что впрочем логично. Она также имеет опцию Прозрачности, что поможет вам настроить цвет или тональность заливки.

Скачать иконки Atomicons

После завершения настроек, мы можем скачать иконки Atomicons. Можно взять код отдельных иконок или скачать их файлами. Или можно скачать всю коллекцию, нажав кнопку Export Set, которая расположена в самом низу настроечной боковой панели.

Еще больше иконок SVG в разделе Ресурсы для вебмастеров.


Поделиться

Комментировать