Иконка Globe Solid

stash:globe-solid

Иконка Globe Solid (stash:globe-solid) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: globesolid

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.022 9.024c.24-1.492.655-2.836 1.205-3.935c.496-.992 1.126-1.828 1.864-2.37a9.485 9.485 0 0 0-7.39 7.466a10.5 10.5 0 0 1 1.806-.652a21 21 0 0 1 2.515-.51m-4.475 3.613a10 10 0 0 1 0-1.272q.051-.036.108-.072c.47-.303 1.18-.594 2.1-.845a20 20 0 0 1 2.137-.446a19.2 19.2 0 0 0 0 3.998a20 20 0 0 1-2.136-.446c-.92-.252-1.632-.542-2.101-.845zm.153 1.18a9.485 9.485 0 0 0 7.391 7.465c-.738-.542-1.368-1.378-1.864-2.37c-.55-1.1-.966-2.443-1.205-3.935a21 21 0 0 1-2.515-.51a10.5 10.5 0 0 1-1.807-.65m11.209 7.465a9.485 9.485 0 0 0 7.391-7.465a10.5 10.5 0 0 1-1.806.65a21 21 0 0 1-2.516.51c-.24 1.492-.655 2.835-1.205 3.935c-.496.992-1.126 1.828-1.864 2.37m7.544-9.917a10 10 0 0 1 0 1.272l-.107.072c-.47.303-1.181.594-2.102.845c-.632.172-1.35.322-2.136.446a19.2 19.2 0 0 0 0-3.998c.786.123 1.504.274 2.136.446c.921.251 1.632.542 2.102.845q.057.036.107.072m-.153-1.179a9.485 9.485 0 0 0-7.391-7.466c.738.542 1.368 1.378 1.864 2.37c.55 1.1.966 2.443 1.205 3.935a21 21 0 0 1 2.515.51c.689.187 1.3.404 1.807.65M8.004 8.898c.231-1.295.602-2.448 1.07-3.385c.705-1.41 1.575-2.235 2.452-2.454v5.628a36 36 0 0 0-3.522.21m4.47-.21V3.059c.877.22 1.747 1.044 2.452 2.454c.468.937.839 2.09 1.07 3.385a36 36 0 0 0-3.522-.211M7.86 9.868a35 35 0 0 1 3.666-.234v4.732a35 35 0 0 1-3.665-.234A18 18 0 0 1 7.737 12c0-.736.043-1.45.124-2.132m8.279 0a35 35 0 0 0-3.666-.234v4.732a35 35 0 0 0 3.666-.234c.08-.682.123-1.396.123-2.132s-.043-1.45-.123-2.132m-8.136 5.234c1.098.123 2.284.196 3.522.21v5.629c-.877-.22-1.747-1.044-2.452-2.454c-.468-.937-.839-2.09-1.07-3.385m4.47.211v5.628c.877-.22 1.747-1.044 2.452-2.454c.468-.937.839-2.09 1.07-3.385a36 36 0 0 1-3.522.21"/></svg>

Как использовать иконку Globe Solid

React

import { Icon } from "@iconify/react";

<Icon icon="stash:globe-solid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="stash:globe-solid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="stash:globe-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--globe-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:globe-solid"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="stash:globe-solid"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/stash/globe-solid.svg" alt="Иконка Globe Solid" width="24" height="24">

Иконка Globe Solid в других наборах

Вопросы и ответы: Иконка Globe Solid

Можно ли бесплатно использовать иконку Globe Solid в коммерческих проектах?

Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Globe Solid в React?

Установите @iconify/react и выведите <Icon icon="stash:globe-solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Globe Solid на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/globe-solid.svg" alt="Иконка Globe Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Stash Icons →