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

Бесплатные иконки Wi-Fi (SVG)

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

Обновлено

wifi
Lucidewifi
Tablerwifi
Heroiconswifi-x
Phosphorwifi
Bootstrap Iconswifi
Iconoirwifi-1-20-filled
Fluent UIwifi
Material Symbolswifi
Material Design Iconswifi
Carbonwifi-cog
Lucidewifi-0
Tablerwifi-16-solid
Heroiconswifi-x-bold
Phosphorwifi-1
Bootstrap Iconswifi-off
Iconoirwifi-1-20-regular
Fluent UIwifi-rounded
Material Symbolswifi-cog
Material Design Iconswifi-off
Carbonwifi-low
Lucidewifi-1
Tablerwifi-20-solid
Heroiconswifi-x-duotone
Phosphorwifi-2
Bootstrap Iconswifi-tag
Iconoirwifi-1-24-filled
Fluent UIwifi-sharp
Material Symbolswifi-off
Material Design Iconswifi-off
Lucidewifi-2
Tablerwifi-solid
Heroiconswifi-x-fill
Phosphorwifi-off
Bootstrap Iconswifi-tag-solid
Iconoirwifi-1-24-regular
Fluent UIwifi-add
Material Symbolswifi-lock
Material Design Iconswifi-pen
Lucidewifi-off
Tablerwifi-x-light
Phosphorwifi-1-48-filled
Fluent UIwifi-add-outline
Material Symbolswifi-plus
Material Design Iconswifi-high
Lucidewifi-x-thin
Phosphorwifi-1-48-regular
Fluent UIwifi-add-outline-rounded
Material Symbols

Использование иконок Wi-Fi

Дуги Wi-Fi показывают статус подключения и настройки сети.

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

Доступность иконок

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

Лицензии

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

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

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