Иконка Globe Oceania

glyphs-poly:globe-oceania

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

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

Скачать 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="M37.464 12.391c1.6-.147 3.21-.155 4.81-.024l-2.166 2.407a1.77 1.77 0 0 1-2.789-2.166zm-2.271.304l-1.4 1.478a3.46 3.46 0 0 1-2.546 1.08a3.46 3.46 0 0 0-3.458 2.961l-.017.117a3.6 3.6 0 0 1-1.559 2.468l-.805.54a3 3 0 0 0-1.32 2.743l.043.5a2.395 2.395 0 0 1-4.408 1.485l-.546-.861a3.74 3.74 0 0 0-1.65-1.43a27.72 27.72 0 0 1 17.666-11.08M22.928 30.277a2.055 2.055 0 0 0-1.333 3.123l2.089 3.27a4.7 4.7 0 0 0 2.822 2.03l1.762.44a2.03 2.03 0 0 0 1.853-3.473l-5.417-4.898a2.06 2.06 0 0 0-1.776-.492m13.385 5.751a1.65 1.65 0 0 0 1.542 2.01l4.26.173a2.5 2.5 0 0 0 1.554-.467l.353-.254a1.519 1.519 0 0 0-.888-2.75h-5.212a1.65 1.65 0 0 0-1.61 1.288m3.107 5.051a7.16 7.16 0 0 0-4.785 2.162l-.812.836a4.563 4.563 0 0 0 3.273 7.742h1.437a5.36 5.36 0 0 1 3.661 1.444l.562.524a3.416 3.416 0 0 0 5.746-2.495v-2.42a5.84 5.84 0 0 0-1.474-3.876l-1.185-1.332a7.77 7.77 0 0 0-6.182-2.597zM31 31.859a2.336 2.336 0 0 1-.426-3.593l2.583-2.676a1.198 1.198 0 0 1 1.876 1.47l-.073.116a1.3 1.3 0 0 0-.191.836l.112 1.011a2.75 2.75 0 0 1-.503 1.915l-.23.317A2.336 2.336 0 0 1 31 31.86m21.641 23.07a1.68 1.68 0 0 1-.047-1.967l1.156-1.682a1.684 1.684 0 1 1 2.773 1.91l-1.16 1.679a1.68 1.68 0 0 1-2.722.06" clip-rule="evenodd"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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