Иконки Интерфейс 16px / 32px
13 229 бесплатных SVG-иконок с открытым кодом в 18 наборах категории «Интерфейс 16px / 32px». Самые крупные — Carbon, Bootstrap Icons и IonIcons. Откройте набор, чтобы посмотреть иконки, проверить лицензию и скопировать код SVG, React, Vue или CSS.
Наборы иконок: Интерфейс 16px / 32px (18)
Об иконках Интерфейс 16px / 32px
Эти наборы нарисованы по сетке 16 или 32 px. Иконки 16 px остаются чёткими в плотных интерфейсах — таблицах, редакторах кода и панелях инструментов; иконки 32 px подходят для крупных сенсорных элементов и иллюстраций функций.
На Iconyz собрано 13 229 иконок категории «Интерфейс 16px / 32px» из 18 наборов. Самые крупные — Carbon, Bootstrap Icons и IonIcons. Все они монохромные: каждая иконка принимает цвет окружающего текста (currentColor), и её цвет можно менять через CSS.
Лицензии у наборов разные: 15 наборов можно использовать в коммерческих целях без указания автора, 3 разрешают коммерческое использование с указанием автора. Сводка — в таблице ниже; на странице каждого набора есть ссылка на полную лицензию.
Лицензии иконок: Интерфейс 16px / 32px
| Лицензия | Наборы иконок | Коммерческое использование | Указание автора |
|---|---|---|---|
| MIT | 13 | Да | Не требуется |
| CC-BY-4.0 | 3 | Да | Требуется |
| Apache-2.0 | 1 | Да | Не требуется |
| BSD-3-Clause | 1 | Да | Не требуется |
Это краткий обзор, а не юридическая консультация. Прочитайте наше руководство по лицензиям иконок и лицензию на странице каждого набора.
Вопросы и ответы: иконки Интерфейс 16px / 32px
Можно ли бесплатно использовать Иконки Интерфейс 16px / 32px в коммерческих проектах?
В основном да, но это зависит от набора. 15 из 18 наборов категории «Интерфейс 16px / 32px» разрешают коммерческое использование без указания автора (MIT, Apache-2.0, BSD-3-Clause). Ещё 3 набора разрешают это при указании автора.
В каком наборе иконок «Интерфейс 16px / 32px» больше всего иконок?
Самый крупный набор — Carbon: 2 632 иконок. В больших наборах выше шанс найти все нужные иконки, а значит, интерфейс останется визуально единым.
Как использовать Иконки Интерфейс 16px / 32px в React, Vue или HTML?
Откройте любую иконку и скопируйте её код в виде SVG, JSX для React или Solid, компонента Vue или Svelte, Astro или CSS либо скачайте её в SVG или PNG. Можно также подключить иконку прямо в HTML тегом <img> со ссылкой на её SVG.
Можно ли изменить цвет: Иконки Интерфейс 16px / 32px?
Да, у одноцветных наборов. Их SVG-код использует currentColor, поэтому встроенные иконки наследуют CSS-цвет родительского элемента. Если подключаете иконку как изображение, добавьте ?color=%23RRGGBB к её SVG-ссылке. Многоцветные иконки сохраняют исходные цвета.
Другие категории иконок
Эмодзи (11) Флаги и карты (12) Логотипы (18) Material (6) Программирование (11) Тематические (9) Интерфейс 24px (65) Многоцветный интерфейс (12) Интерфейс, другие сетки (35) Архив без поддержки (30) Без категории (16)