ICONYZ
Русский

Иконки Интерфейс, другие сетки

68 623 бесплатных SVG-иконок с открытым кодом в 35 наборах категории «Интерфейс, другие сетки». Самые крупные — Fluent UI System Icons, Phosphor и Energy Icons. Откройте набор, чтобы посмотреть иконки, проверить лицензию и скопировать код SVG, React, Vue или CSS.

Наборы иконок: Интерфейс, другие сетки (35)

Об иконках Интерфейс, другие сетки

Эти наборы UI-иконок используют сетку, отличную от 24 px, или смешивают несколько размеров. Они пригодятся, когда нужна особая толщина линий или стиль, которых нет в стандартных наборах 24 px.

На Iconyz собрано 68 623 иконок категории «Интерфейс, другие сетки» из 35 наборов. Самые крупные — Fluent UI System Icons, Phosphor и Energy Icons. 34 набора одноцветные, их цвет меняется через CSS; 1 набор многоцветный.

Лицензии у наборов разные: 26 наборов можно использовать в коммерческих целях без указания автора, 9 разрешают коммерческое использование с указанием автора. Сводка — в таблице ниже; на странице каждого набора есть ссылка на полную лицензию.

Лицензии иконок: Интерфейс, другие сетки

ЛицензияНаборы иконокКоммерческое использованиеУказание автора
MIT21ДаНе требуется
CC-BY-4.09ДаТребуется
Apache-2.03ДаНе требуется
OFL-1.11ДаНе требуется
Unlicense1ДаНе требуется

Это краткий обзор, а не юридическая консультация. Прочитайте наше руководство по лицензиям иконок и лицензию на странице каждого набора.

Вопросы и ответы: иконки Интерфейс, другие сетки

Можно ли бесплатно использовать Иконки Интерфейс, другие сетки в коммерческих проектах?

В основном да, но это зависит от набора. 26 из 35 наборов категории «Интерфейс, другие сетки» разрешают коммерческое использование без указания автора (MIT, Apache-2.0, OFL-1.1, Unlicense). Ещё 9 наборов разрешают это при указании автора.

В каком наборе иконок «Интерфейс, другие сетки» больше всего иконок?

Самый крупный набор — Fluent UI System Icons: 19 900 иконок. В больших наборах выше шанс найти все нужные иконки, а значит, интерфейс останется визуально единым.

Как использовать Иконки Интерфейс, другие сетки в React, Vue или HTML?

Откройте любую иконку и скопируйте её код в виде SVG, JSX для React или Solid, компонента Vue или Svelte, Astro или CSS либо скачайте её в SVG или PNG. Можно также подключить иконку прямо в HTML тегом <img> со ссылкой на её SVG.

Можно ли изменить цвет: Иконки Интерфейс, другие сетки?

Да, у одноцветных наборов. Их SVG-код использует currentColor, поэтому встроенные иконки наследуют CSS-цвет родительского элемента. Если подключаете иконку как изображение, добавьте ?color=%23RRGGBB к её SVG-ссылке. Многоцветные иконки сохраняют исходные цвета.

Другие категории иконок