Иконка Globe Middle

glyphs-poly:globe-middle

Иконка Globe Middle (glyphs-poly:globe-middle) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs Poly
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: globemiddle

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" d="M29.393 14.393a27.717 27.717 0 1 1 21.214 51.214a27.717 27.717 0 0 1-21.214-51.214"/><path fill="#6fcf97" fill-rule="evenodd" d="M21.284 31.96a2.34 2.34 0 0 0 1.869-.642l.662-.637a4.32 4.32 0 0 1 3.072-1.207h.037l2.133 2.447l1.636-.149l.861-.077a2.16 2.16 0 0 0 1.327-.619a2.16 2.16 0 0 1 1.394-.623l1.354-.08l1.425 1.596a2.355 2.355 0 0 1-1.835 3.921l-2.039-.068a.72.72 0 0 0-.65.368a.716.716 0 0 1-.863.327l-3.31-1.163a.9.9 0 0 1-.597-.743a.904.904 0 0 0-.927-.793l-3.18.106a.63.63 0 0 1-.507-.232a.626.626 0 0 0-.978.007l-1.788 2.265a2.93 2.93 0 0 0-.614 1.503l-.265 2.46a7.2 7.2 0 0 0 2.086 5.88l.966.958a3.84 3.84 0 0 0 2.658 1.115a3.84 3.84 0 0 1 3.792 3.769l.028 1.538c.016.905.44 1.755 1.153 2.312a3 3 0 0 1 1.153 2.27l.112 3.515a3.173 3.173 0 0 0 3.113 3.071a3.23 3.23 0 0 0 2.387-.98l1.122-1.164a6.9 6.9 0 0 0 1.934-4.77l.016-4.703a5.34 5.34 0 0 1 1.54-3.734l.963-.975a2.94 2.94 0 0 0 .009-4.124l-4.489-4.583a.738.738 0 1 1 1.06-1.03l2.329 2.418a3.76 3.76 0 0 0 2.552 1.148l.73.03a2.082 2.082 0 0 0 1.55-3.56l-2.4-2.378a.578.578 0 0 1 .81-.824l1.095 1.069c.328.32.767.5 1.226.504l.956.005a4.14 4.14 0 0 1 3.49 1.953l2.3 3.696a.613.613 0 0 0 1.11-.151l.558-1.903a2.9 2.9 0 0 1 .45-.904l.472-.634c1.239-1.665 3.76-1.575 4.878.174l.43.672a1.88 1.88 0 0 0 3.456-1.173l-.032-.368a2.32 2.32 0 0 1 1.03-2.133l.638-.425q.305-.202.544-.472a27.72 27.72 0 0 0-17.466-20.97a3.7 3.7 0 0 0-1.733 1.225l-.33.42a4.8 4.8 0 0 1-3.757 1.836l-3.825.015a5 5 0 0 1-3.442-1.356l-.121-.113a4.537 4.537 0 0 0-6.279.062l-1.553 1.52a1.185 1.185 0 0 0 1.607 1.738l1.5-1.311a.78.78 0 0 1 1.085 1.122l-1.308 1.395a1.4 1.4 0 0 0-.374.834a1.405 1.405 0 0 1-1.37 1.278l-1.893.041a3.53 3.53 0 0 0-2.287.908l-2.148 1.94l-.8-3.004a3.03 3.03 0 0 0-2.387-2.211a27.7 27.7 0 0 0-3.24 3.899a2.41 2.41 0 0 0 2.004 1.182l4.423.134l-1.191 2.534a2.25 2.25 0 0 1-1.351 1.187l-.9.287a1.149 1.149 0 0 0 .23 2.237zm46.012 12.873a28 28 0 0 1-1.128 4.308a3.65 3.65 0 0 1-1.417-1.279l-1.632-2.534a1.607 1.607 0 0 1 2.424-2.067zm-31.668-14.46l.528-1.126a3.43 3.43 0 0 1 2.85-1.965l.715-.053a2.16 2.16 0 0 1 1.926.91l.393.555a1.388 1.388 0 0 1-1.812 2.012l-.578-.324a2.3 2.3 0 0 0-1.36-.282zM43.64 57.84a1.157 1.157 0 0 1-1.154-1.222l.053-.939c.023-.41.17-.805.42-1.132l.368-.477a.998.998 0 0 1 1.79.641l-.046 1.387c-.01.3-.094.594-.247.854l-.186.317c-.208.354-.587.57-.998.57" clip-rule="evenodd"/></g></svg>

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

React

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

<Icon icon="glyphs-poly:globe-middle" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:globe-middle" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:globe-middle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--globe-middle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:globe-middle"></div>

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

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

<iconify-icon icon="glyphs-poly:globe-middle"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-middle.svg" alt="Иконка Globe Middle" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Glyphs Poly →