Иконка Globe Europe Duo

glyphs:globe-europe-duo

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

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

Скачать 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" fill-rule="evenodd" d="M24.412 45.611a4.14 4.14 0 0 0 3.32-1.146l1.174-1.139a7.65 7.65 0 0 1 5.457-2.154l.056.001l3.781 4.368l4.424-.403a3.83 3.83 0 0 0 2.357-1.105a3.83 3.83 0 0 1 2.477-1.113l2.395-.143l2.538 2.863a4.203 4.203 0 0 1-3.286 6.99l-3.59-.122a1.27 1.27 0 0 0-1.155.656c-.3.544-.95.791-1.536.584l-5.86-2.075a1.61 1.61 0 0 1-1.063-1.326c-.1-.83-.82-1.446-1.656-1.418l-5.624.19a1.1 1.1 0 0 1-.901-.413a1.108 1.108 0 0 0-1.736.01l-3.179 4.057a5.2 5.2 0 0 0-1.076 2.654l-.527 4.926a27.72 27.72 0 0 0 35.9 1.453l-2.973-3.057a1.314 1.314 0 1 1 1.89-1.824l3.049 3.186a27.7 27.7 0 0 0 5.495-7.27l-.11-.109a1.028 1.028 0 0 1 .985-1.723q.088-.205.174-.412a27.72 27.72 0 0 0-6.517-30.7l-1.525.005a8 8 0 0 1-5.531-2.19l-.469-.443a8 8 0 0 0-11.115.11l-2.77 2.728a2.108 2.108 0 0 0 2.873 3.085l2.636-2.32a1.39 1.39 0 0 1 1.936 1.99l-2.325 2.497a2.5 2.5 0 0 0-.663 1.486a2.51 2.51 0 0 1-2.447 2.287l-3.332.072a6.24 6.24 0 0 0-4.062 1.622l-3.809 3.465l-1.42-5.38c-.99-3.744-5.485-5.256-8.535-2.87l-.378.294a4.317 4.317 0 0 0 2.527 7.717l7.806.239l-2.113 4.529a4 4 0 0 1-2.399 2.115l-1.582.51a2.054 2.054 0 0 0 .414 3.998zm25.44-2.834l.946-2.032a6.06 6.06 0 0 1 5.04-3.486l1.245-.094a3.86 3.86 0 0 1 3.45 1.634l.698.994a2.471 2.471 0 0 1-3.238 3.571l-1.01-.57a4.06 4.06 0 0 0-2.412-.503z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m34.419 41.173l-.056-.001a7.65 7.65 0 0 0-5.457 2.154l-1.175 1.14a4.14 4.14 0 0 1-3.319 1.145l-1.6-.168a2.054 2.054 0 0 1-.414-3.998l1.582-.51a4 4 0 0 0 2.399-2.115l2.113-4.53m5.927 6.883l3.781 4.368m-3.781-4.368s2.556 3.145 3.781 4.368m0 0l4.424-.403a3.83 3.83 0 0 0 2.357-1.105a3.83 3.83 0 0 1 2.477-1.113l2.395-.143m0 0l2.538 2.863a4.203 4.203 0 0 1-3.286 6.99l-3.59-.122a1.27 1.27 0 0 0-1.155.656c-.3.544-.95.791-1.536.584l-5.86-2.075a1.61 1.61 0 0 1-1.063-1.326c-.1-.83-.82-1.446-1.656-1.418l-5.624.19a1.1 1.1 0 0 1-.901-.413a1.108 1.108 0 0 0-1.736.01l-3.179 4.057a5.2 5.2 0 0 0-1.076 2.654l-.527 4.926a27.72 27.72 0 0 0 35.9 1.453l-2.973-3.057a1.314 1.314 0 1 1 1.89-1.824l3.049 3.186a27.7 27.7 0 0 0 5.495-7.27l-.11-.109a1.028 1.028 0 0 1 .985-1.723q.088-.205.174-.412a27.72 27.72 0 0 0-6.517-30.7l-1.525.005a8 8 0 0 1-5.531-2.19l-.469-.443a8 8 0 0 0-11.115.11l-2.77 2.728a2.108 2.108 0 0 0 2.873 3.085l2.636-2.32a1.39 1.39 0 0 1 1.936 1.99l-2.325 2.497a2.5 2.5 0 0 0-.663 1.486a2.51 2.51 0 0 1-2.447 2.287l-3.332.072a6.24 6.24 0 0 0-4.062 1.622l-3.809 3.465m21.36 8.486l.946-2.032a6.06 6.06 0 0 1 5.04-3.486l1.245-.094a3.86 3.86 0 0 1 3.45 1.634l.698.994a2.471 2.471 0 0 1-3.238 3.571l-1.01-.57a4.06 4.06 0 0 0-2.412-.503zm-21.36-8.486l-1.42-5.38c-.99-3.744-5.485-5.256-8.535-2.87l-.378.294a4.317 4.317 0 0 0 2.527 7.717zm-14.099-4.897a27.716 27.716 0 1 1 51.213 21.212a27.716 27.716 0 0 1-51.212-21.213"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Glyphs →