Иконка Globe
whh:globe
Иконка Globe (whh:globe) — бесплатная SVG-иконка из набора WebHostingHub Glyphs от WebHostingHub. Она нарисована на сетке 1024 × 1024. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- WebHostingHub Glyphs
- Автор
- WebHostingHub
- Лицензия
- OFL-1.1
- Размер
- 1024 × 1024
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024q-104 0-199-40.5t-163.5-109T40.5 711T0 512t40.5-199t109-163.5T313 40.5T512 0t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5m364-622q1 2 3.5 6.5t3.5 7.5q0-1-1.5-7.5T879 398zM491 129q1 0 1.5.5t1.5.5v38h-26q-16-3-23-4q2-5 5.5-15.5T456 133q-133 19-225 118h14l24 21l24 21v22q-22 9-65 27t-63 26q-3 23-10 69.5T144 507q58 63 59 64q-3 2-9 5.5t-7 4.5h-52q24 136 130.5 225.5T512 896q65 0 129-23q-51-3-140-8q-14-21-42.5-64T416 737q11-21 33-63.5t33-64.5q1 0 3.5-3t4.5-5q54-48 85-75q22 4 89-7.5t89-7.5q4 1 4 18.5t3.5 34T776 579q71-7 113 5q7-37 7-72q0-30-6-64q-71-61-107-92h-37q-1 8-4 23q40 28 71 49l-24.5 24.5L764 477q-8-14-31-51.5T698 368q-7 2-21 5.5t-20 5.5q-3 2-9.5 6t-9.5 5q2 12 6 34.5t5 29.5q-4 6-12.5 16t-9.5 11q-33-15-107-49l-4-12v-33q14-4 41-11.5t41-11.5q-2-3-41-87q8-12 15-22q4-1 54-5t75-7v-49q12-3 15-4q1 6 2 17.5t2 16.5q29-1 43-2q-32-28-67-47q-32 3-39 4l-4-4q3-10 5-18q-48-20-101-26q3 14 9.5 39.5T575 206q-17 6-22 7q5 3 7 4q-1 0-13.5 1.5T527 221q3-18 9.5-52.5T544 130q-20-2-32-2q-3 0-21 1"/></svg>
Как использовать иконку Globe
React
import { Icon } from "@iconify/react";
<Icon icon="whh:globe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:globe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:globe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--globe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:globe"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:globe"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/whh/globe.svg" alt="Иконка Globe" width="24" height="24">
Похожие иконки в наборе WebHostingHub Glyphs
Иконка Globe в других наборах
Вопросы и ответы: Иконка Globe
Можно ли бесплатно использовать иконку Globe в коммерческих проектах?
Да. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Globe в React?
Установите @iconify/react и выведите <Icon icon="whh:globe" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Globe на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/whh/globe.svg" alt="Иконка Globe">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки WebHostingHub Glyphs →
ICONYZ
