Иконка Globe

circum:globe

Иконка Globe (circum:globe) — бесплатная SVG-иконка из набора Circum Icons от Klarr Agency. Она нарисована на сетке 24 × 24. Circum Icons выпущены под лицензией Mozilla Public License 2.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Circum Icons
Автор: Klarr Agency
Лицензия: MPL-2.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.645 2.428a8 8 0 0 0-1.61-.3a9.3 9.3 0 0 0-3.6.28l-.07.02a9.928 9.928 0 0 0 .01 19.15a9 9 0 0 0 2.36.34a1.3 1.3 0 0 0 .27.02a9.7 9.7 0 0 0 2.63-.36a9.931 9.931 0 0 0 .01-19.15m-.27.96a8.94 8.94 0 0 1 5.84 5.11h-4.26a13.8 13.8 0 0 0-2.74-5.35a8 8 0 0 1 1.16.24m-2.37-.09a12.8 12.8 0 0 1 2.91 5.2h-5.84a12.55 12.55 0 0 1 2.93-5.198Zm3.16 6.2a13.2 13.2 0 0 1 0 5.01h-6.32a12.2 12.2 0 0 1-.25-2.5a12.4 12.4 0 0 1 .25-2.51Zm-5.6-6.09l.07-.02a9 9 0 0 1 1.16-.23A13.6 13.6 0 0 0 8.045 8.5H3.8a9 9 0 0 1 5.765-5.092m-6.5 8.6a8.7 8.7 0 0 1 .37-2.51h4.39a14 14 0 0 0-.23 2.51a14 14 0 0 0 .23 2.5h-4.39a8.6 8.6 0 0 1-.37-2.5m6.57 8.61a8.9 8.9 0 0 1-5.84-5.11h4.24a13.6 13.6 0 0 0 2.77 5.35a8 8 0 0 1-1.17-.24m-.56-5.11h5.84a12.64 12.64 0 0 1-2.91 5.21a12.9 12.9 0 0 1-2.93-5.21m5.3 5.11a12 12 0 0 1-1.17.24a13.8 13.8 0 0 0 2.75-5.35h4.26a8.92 8.92 0 0 1-5.84 5.11m1.8-6.11a13.6 13.6 0 0 0 0-5.01h4.39a8.4 8.4 0 0 1 .37 2.51a8.7 8.7 0 0 1-.36 2.5Z"/></svg>

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

React

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

<Icon icon="circum:globe" width="24" />

Vue

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

<template>
  <Icon icon="circum:globe" width="24" />
</template>

Svelte

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

<Icon icon="circum:globe" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="circum:globe"></iconify-icon>

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

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

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

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

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

Да. Circum Icons выпущены под лицензией Mozilla Public License 2.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Circum Icons →