devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Бесплатные иконки плюс (SVG)

48 бесплатных иконок плюс из наборов с открытым исходным кодом — нажмите на любую, чтобы изменить размер, цвет и толщину обводки, и скопируйте её как SVG, JSX, data URI или CSS.

Обновлено

plus
Lucideplus
Tablerplus
Heroiconsplus
Phosphorplus
Bootstrap Iconsplus
Iconoir1k-plus
Material Symbolsplus
Material Design Iconsmap-plus
Lucideplus-filled
Tablerplus-16-solid
Heroiconsplus-bold
Phosphorplus-lg
Bootstrap Iconskey-plus
Iconoir1k-plus-outline
Material Symbolsplus-outline
Material Design Iconseye-plus
Tablerplus-20-solid
Heroiconsplus-duotone
Phosphor1k-plus-outline-rounded
Material Symbolseye-plus
Material Design Iconsmap-plus
Tablerplus-solid
Heroiconsplus-fill
Phosphor1k-plus-outline-sharp
Material Symbolseye-plus-outline
Material Design Iconstag-plus
Tablerplus-light
Phosphor1k-plus-rounded
Material Symbolsfan-plus
Material Design Iconsplus-thin
Phosphor1k-plus-sharp
Material Symbolskey-plus
Material Design Icons2k-plus
Material Symbolsmap-plus
Material Design Icons2k-plus-outline
Material Symbolsplus-one
Material Design Icons2k-plus-outline-rounded
Material Symbolspen-plus
Material Design Icons2k-plus-outline-sharp
Material Symbolsplus-box
Material Design Icons2k-plus-rounded
Material Symbolsplus-box-outline
Material Design Icons2k-plus-sharp
Material Symbolstab-plus
Material Design Icons3k-plus
Material Symbolstag-plus
Material Design Icons3k-plus-outline
Material Symbols

Использование иконок плюс

Иконка «плюс» добавляет элементы, открывает «создать новое» и разворачивает разделы.

Все иконки здесь следуют за currentColor, поэтому они берут цвет текста того элемента, в котором находятся: один SVG работает на светлом и тёмном фоне, в ссылках и кнопках. Задайте явные width и height (или задайте размер в CSS через 1em), чтобы верстка не смещалась во время загрузки страницы.

Доступные иконки

Если иконка декоративная или стоит рядом с видимым текстом, добавьте aria-hidden="true". Если она — единственное содержимое кнопки или ссылки, задайте этому элементу aria-label, например «Плюс».

Лицензии

Эти иконки плюс взяты из Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols и Material Design Icons. Это наборы с открытым исходным кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают личное и коммерческое использование. Нужно что-то другое? Ищите среди всех 70 000+ иконок в SVG Icon Finder.

Часто задаваемые вопросы

Можно ли использовать эти иконки плюс в коммерческих проектах бесплатно?
Да. Они взяты из наборов иконок с открытым исходным кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают коммерческое использование. Если вы распространяете сами файлы иконок, сохраните уведомление о лицензии.
Как изменить цвет иконки плюс?
SVG использует currentColor, поэтому задайте CSS-свойство color для родительского элемента. Также можно открыть иконку в поиске и выбрать фиксированный цвет перед копированием.
Можно ли использовать эти иконки в Webflow или React?
Да. Откройте иконку и используйте Copy to Webflow (вставит Code Embed) или Copy JSX для компонента React.