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

Бесплатные иконки глобуса (SVG)

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

Обновлено

globe
Lucideglobe
Tablerglobe-alt
Heroiconsglobe
Phosphorglobe
Bootstrap Iconsglobe
Iconoirglobe-12-filled
Fluent UIglobe
Material Symbolsglobe
Material Design Iconsglobe
Carbonglobe-2
Lucideglobe-filled
Tablerglobe-alt-16-solid
Heroiconsglobe-bold
Phosphorglobe-12-regular
Fluent UIglobe-uk
Material Symbolsglobe-light
Material Design Iconsglobe-x
Lucideglobe-off
Tablerglobe-alt-20-solid
Heroiconsglobe-duotone
Phosphorglobe-16-filled
Fluent UIglobe-uk-sharp
Material Symbolsglobe-box
Material Design Iconsglobe-off
Lucideglobe-alt-solid
Heroiconsglobe-fill
Phosphorglobe-16-regular
Fluent UIglobe-asia
Material Symbolsglobe-off
Material Design Iconsglobe-code
Lucideglobe-light
Phosphorglobe-20-filled
Fluent UIglobe-asia-sharp
Material Symbolsglobe-plus
Material Design Iconsglobe-lock
Lucideglobe-thin
Phosphorglobe-20-regular
Fluent UIglobe-book
Material Symbolsglobe-minus
Material Design Iconsglobe-x
Phosphorglobe-24-filled
Fluent UIglobe-book-rounded
Material Symbolsglobe-light-outline
Material Design Iconsglobe-x-bold
Phosphorglobe-24-regular
Fluent UIglobe-clock
Material Symbolsglobe-x-duotone
Phosphor

Использование иконок глобуса

Глобус обозначает переключатели языка и региона, сайты и всё, что связано с миром.

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

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

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

Лицензии

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

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

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