Об Icon Library

Icon Library — бесплатный инструмент для подбора иконок для меню, кнопок и интерфейсов. Он собирает четыре популярных набора на одной странице с поиском, чтобы вы могли сравнить стили рядом и скопировать именно то, что нужно: SVG для вставки в HTML, React-компонент, PNG или эмодзи.

Наборы иконок

Lucide

Около 1900 аккуратных контурных иконок на сетке 24×24 с обводкой 2 px. Форк Feather, который поддерживает сообщество; сегодня это самый полный из контурных наборов. Лицензия: ISC.

Feather

Оригинальный минималистичный контурный набор, около 290 иконок. Lucide вырос из него, поэтому стиль и большинство названий у них совпадают. Лицензия: MIT.

Bootstrap Icons

Более 2000 иконок от команды Bootstrap, многие — в контурном и залитом вариантах (названия с -fill). Нарисованы залитыми фигурами на сетке 16×16. Лицензия: MIT.

Emoji (Unicode)

Все стандартные эмодзи, сгруппированные как в стандарте Unicode. В отличие от остальных, эмодзи — это текст: их вид зависит от шрифтов, установленных на каждом устройстве.

Пошаговые инструкции по всем функциям — поиску, стилю, Scratchpad, редактору иконок, проектам .ile и сочетаниям клавиш — в руководстве.

Частые вопросы

Почему некоторые эмодзи помечены «нет изображения»?

Новейшие эмодзи попадают в стандарт Unicode раньше, чем операционные системы выпускают шрифты с их изображениями. Страница проверяет, может ли системный шрифт нарисовать каждый эмодзи, и помечает те, что не может. Не используйте их в меню: посетители, скорее всего, увидят пустой квадрат. Отметьте Только те, что отображаются на этом устройстве, чтобы скрыть их.

Что лучше в интерфейсе — эмодзи или векторные иконки?

Векторные иконки выглядят одинаково везде, наследуют цвет текста и масштабируются без потерь. Эмодзи добавить быстрее, но они выглядят по-разному в Windows, macOS, Android и iOS. Для интерфейсов продуктов векторные иконки обычно надёжнее.

Почему не работает копирование?

Браузеры разрешают копировать в буфер обмена только на защищённых страницах (https://) или на localhost. Если вы запускаете собственную копию сайта, отдавайте её по HTTPS.

Можно ли использовать эти иконки в коммерческих проектах?

Lucide (ISC), Feather (MIT) и Bootstrap Icons (MIT) разрешают коммерческое использование; сохраните их уведомление о лицензии в своём проекте. Изображения эмодзи принадлежат производителям шрифтов (Microsoft, Apple, Google и другим): копировать символ эмодзи можно, но перед использованием их рисунков как изображений проверьте условия производителя.

Благодарности

Иконки принадлежат их авторам и используются по их лицензиям: Lucide, Feather, Bootstrap Icons и unicode-emoji-json. Icon Library создаёт и поддерживает André M. Ferreira; код открыт: исходный код на GitHub.