Иконка Globe North America Duo

glyphs:globe-north-america-duo

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

Набор: Glyphs
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: globenorth, northamerica, americaduo, globenorthamericaduo

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M29.394 14.394a27.716 27.716 0 1 1 21.213 51.212a27.716 27.716 0 0 1-21.213-51.212"/><path fill="currentColor" fill-opacity=".25" d="M60.555 58.59a27.7 27.7 0 0 1-13.881 8.303a8 8 0 0 1-.087-.942l-.118-3.64a3.4 3.4 0 0 1 .863-2.375l.125-.14A3.18 3.18 0 0 0 45.6 54.54l-1.688-.276a7.67 7.67 0 0 1-4.47-2.445l-5.407-6.023a8 8 0 0 1-1.978-4.299l-.496-3.764a6.7 6.7 0 0 0-2.44-4.342l-.815-.656a4.79 4.79 0 0 0-4.526-.808l-1.25.42a2.692 2.692 0 0 1-3.55-2.551v-4.45a3.863 3.863 0 0 1 5.565-3.468l1.992.978a8 8 0 0 0 4.536.754l2.231-.285a8 8 0 0 1 2.422.061l11.144 1.996a3.1 3.1 0 0 1 2.074 1.392l.337.532a2.26 2.26 0 0 1-.206 2.696a2.26 2.26 0 0 0 .06 3.037l1.13 1.195a3.4 3.4 0 0 0 2.82 1.046l1.111-.115a1.966 1.966 0 0 0 1.743-1.677l.143-.998c.172-1.198 1.639-1.683 2.49-.824c.233.235.538.384.866.424l1.567.188a2.52 2.52 0 0 1 1.518 4.248l-9.276 9.66a1.33 1.33 0 0 0-.368 1.026l.007.089c.098 1.271-1.498 1.915-2.31.932a1.3 1.3 0 0 0-1.007-.475h-2.13a2.429 2.429 0 0 0-.682 4.76l1.54.45a4.57 4.57 0 0 1 2.147 1.365l.597.677a7.7 7.7 0 0 0 5.428 2.596l.702.031a7.7 7.7 0 0 1 3.385.953M39.948 20.399c0-.72.548-1.323 1.265-1.39l4.857-.451a2.134 2.134 0 1 1-.243 4.212l-4.772-1.006a1.395 1.395 0 0 1-1.108-1.365m13.975.231a2.2 2.2 0 0 0 .03 3.402l5.041 4.065a1.355 1.355 0 0 0 1.944-1.856l-3.83-5.223a2.2 2.2 0 0 0-3.185-.388"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.394 14.394a27.716 27.716 0 1 1 21.213 51.212a27.716 27.716 0 0 1-21.213-51.212"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M60.555 58.59a27.7 27.7 0 0 1-13.881 8.303a8 8 0 0 1-.087-.942l-.118-3.64a3.4 3.4 0 0 1 .863-2.375l.125-.14A3.18 3.18 0 0 0 45.6 54.54l-1.688-.276a7.67 7.67 0 0 1-4.47-2.445l-5.407-6.023a8 8 0 0 1-1.978-4.299l-.496-3.764a6.7 6.7 0 0 0-2.44-4.342l-.815-.656a4.79 4.79 0 0 0-4.526-.808l-1.25.42a2.692 2.692 0 0 1-3.55-2.551v-4.45a3.863 3.863 0 0 1 5.565-3.468l1.992.978a8 8 0 0 0 4.536.754l2.231-.285a8 8 0 0 1 2.422.061l11.144 1.996a3.1 3.1 0 0 1 2.074 1.392l.337.532a2.26 2.26 0 0 1-.206 2.696a2.26 2.26 0 0 0 .06 3.037l1.13 1.195a3.4 3.4 0 0 0 2.82 1.046l1.111-.115a1.966 1.966 0 0 0 1.743-1.677l.143-.998c.172-1.198 1.639-1.683 2.49-.824c.233.235.538.384.866.424l1.567.188a2.52 2.52 0 0 1 1.518 4.248l-9.276 9.66a1.33 1.33 0 0 0-.368 1.026l.007.089c.098 1.271-1.498 1.915-2.31.932a1.3 1.3 0 0 0-1.007-.475h-2.13a2.429 2.429 0 0 0-.682 4.76l1.54.45a4.57 4.57 0 0 1 2.147 1.365l.597.677a7.7 7.7 0 0 0 5.428 2.596l.702.031a7.7 7.7 0 0 1 3.385.953M39.948 20.399c0-.72.548-1.323 1.265-1.39l4.857-.451a2.134 2.134 0 1 1-.243 4.212l-4.772-1.006a1.395 1.395 0 0 1-1.108-1.365m13.975.231a2.2 2.2 0 0 0 .03 3.402l5.041 4.065a1.355 1.355 0 0 0 1.944-1.856l-3.83-5.223a2.2 2.2 0 0 0-3.185-.388"/></g></svg>

Как использовать иконку Globe North America Duo

React

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

<Icon icon="glyphs:globe-north-america-duo" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:globe-north-america-duo" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:globe-north-america-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--globe-north-america-duo]"></span>

UnoCSS

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

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

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

<iconify-icon icon="glyphs:globe-north-america-duo"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs/globe-north-america-duo.svg" alt="Иконка Globe North America Duo" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Glyphs →