Бесплатный набор SVG-иконок для вашего сайта — Feather Icons

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

Feather — это набор почти из 300 иконок, построенных на сетке 24x24 пикселя с единообразной линейной графикой. В нём есть все иконки, какие могут понадобиться для вашего следующего веб-проекта: стрелки, домик, пользователь, настройки, поиск, камера, колокольчик, сердечко, корзина, почта, замок, телефон и многое другое. Все иконки доступны по лицензии MIT. Это значит, что об указании авторства не нужно беспокоиться, даже если вы используете иконки в коммерческих проектах.

Самый простой способ подключить иконки Feather в любой веб-проект — использовать CDN unpkg. Ничего устанавливать не нужно, регистрация не требуется. Просто добавьте один тег <script>, и любую иконку можно использовать по её имени через data-атрибут. Агенту не нужно думать о файлах или загрузках. Ему достаточно знать имя иконки с feathericons.com.

1Как пользоваться Feather Icons

<script src="https://unpkg.com/feather-icons"></script>

<i data-feather="circle"></i>

<script>
  feather.replace();
</script>

Готово! Просто скопируйте и вставьте приведённый выше фрагмент кода своему агенту и скажите ему найти правильное имя иконки на feathericons.com и по такому же образцу подключить иконки на ваш сайт. Об остальном агент позаботится сам. Все иконки наследуют цвета и размеры из вашего CSS, чтобы соответствовать дизайну.