Иконка Globe Outline 24px
healthicons:globe-outline-24px
Иконка Globe Outline 24px (healthicons:globe-outline-24px) — бесплатная SVG-иконка из набора Health Icons от Resolve to Save Lives. Она нарисована на сетке 24 × 24. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Health Icons
- Автор
- Resolve to Save Lives
- Лицензия
- MIT
- Размер
- 24 × 24
- Категория
- Символы
- Теги
- globeoutline, outline24px, globeoutline24px
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.003 18.005A9.99 9.99 0 0 0 12 22a9.98 9.98 0 0 0 7.573-3.469q.19-.154.338-.351l.038-.05a9 9 0 0 0 1.04-1.706c.391-.806.531-1.293.63-1.68c.248-.872.38-1.793.38-2.744a9.98 9.98 0 0 0-3.837-7.876c-.528-.426-1.092-.797-1.64-1.048l-.037-.016A9.96 9.96 0 0 0 12 2c-5.048 0-9.223 3.74-9.903 8.602a2 2 0 0 0-.054.333l-.001.014c-.04.5-.119 1.468.108 2.878c.102.634.312 1.284.56 1.882q.285.71.67 1.364c.17.296.33.546.463.732q.077.107.16.2m15.733-6.026q.135 0 .264.017a8 8 0 0 0-.635-3.124a2 2 0 0 1-.72.281l-3.708.69a2.05 2.05 0 0 1-2.315-1.356l-.643-1.89a2.05 2.05 0 0 1 .926-2.442l.15-.086A8 8 0 0 0 4.58 9.003h3.281a2.1 2.1 0 0 1 2.035 1.581l.498 1.952a2.1 2.1 0 0 1-2.035 2.62h-.101l-.733 2.113c-.125.36-.344.665-.62.9A7.97 7.97 0 0 0 12 20a7.97 7.97 0 0 0 4.86-1.645a2 2 0 0 1-.222-.28l-1.01-1.539c-.372-.122-.931-.297-1.178-.612c-.372-.475-.478-.58-.15-1.736l.15-.653c.1-.439.122-.833.487-1.306c.356-.287 1.007-.25 1.464-.25zM5.58 16.774l1.254-3.619h1.654l-.55-2.152H4.062q-.06.491-.061.997c0 1.056.205 2.065.577 2.988c.16.382.342.742.513 1.045q.225.385.49.74m12.709.171a8 8 0 0 0 1.402-2.736l.02-.08l.035-.137a.01.01 0 0 0-.01-.013H16.4v.001l-.15.654v.001l.002.001h.516a.01.01 0 0 1 .008.005zM15.67 4.89l-.027.006l-1.75.997a.05.05 0 0 0-.022.06l.643 1.89a.05.05 0 0 0 .056.033l3.71-.69a.05.05 0 0 0 .03-.078a8.6 8.6 0 0 0-1.388-1.414a8 8 0 0 0-1.252-.804" clip-rule="evenodd"/></svg>Как использовать иконку Globe Outline 24px
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:globe-outline-24px" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:globe-outline-24px" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:globe-outline-24px" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--globe-outline-24px]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:globe-outline-24px"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:globe-outline-24px"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/healthicons/globe-outline-24px.svg" alt="Иконка Globe Outline 24px" width="24" height="24">Похожие иконки в наборе Health Icons
Вопросы и ответы: Иконка Globe Outline 24px
Можно ли бесплатно использовать иконку Globe Outline 24px в коммерческих проектах?
Да. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Globe Outline 24px в React?
Установите @iconify/react и выведите <Icon icon="healthicons:globe-outline-24px" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Globe Outline 24px на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/healthicons/globe-outline-24px.svg" alt="Иконка Globe Outline 24px">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.