ICONYZ
Русский
Иконка Earth Europe Circle Filled из набора Pepicons Print

Иконка Earth Europe Circle Filled

pepicons-print:earth-europe-circle-filled

Иконка Earth Europe Circle Filled (pepicons-print:earth-europe-circle-filled) — бесплатная SVG-иконка из набора Pepicons Print от CyCraft. Она нарисована на сетке 26 × 26. Pepicons Print icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Pepicons Print
Автор
CyCraft
Лицензия
CC-BY-4.0
Размер
26 × 26
Теги
eartheurope, europecircle, circlefilled, eartheuropecirclefilled
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor"><path d="M26 14c0 6.627-5.373 12-12 12S2 20.627 2 14S7.373 2 14 2s12 5.373 12 12" opacity=".2"/><g fill-rule="evenodd" clip-rule="evenodd"><path d="M13 4.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17M3.5 13a9.5 9.5 0 1 1 19 0a9.5 9.5 0 0 1-19 0"/><path d="M15.006 4.68L12.91 5.928a.082.082 0 0 0 0 .141c.707.42.707 1.443 0 1.862l-.686.407a1.5 1.5 0 0 1-.503.186l-1.809.322a.5.5 0 0 0-.412.492v.353a.31.31 0 0 0 .447.276l.618-.309a1.5 1.5 0 0 1 .671-.158H13.5a.5.5 0 0 0 .4-.2l.724-.966a1.38 1.38 0 0 1 1.813-.355l.485.29c.874.526.678 1.846-.312 2.094a.145.145 0 0 0-.11.14v.379a1.5 1.5 0 0 1-.83 1.342l-.802.4a1.5 1.5 0 0 1-1.731-.28L13 12.207a.5.5 0 0 0-.424-.141l-2.563.366a.5.5 0 0 0-.345.217l-.507.76a.5.5 0 0 0-.069.399l.388 1.552l.117.349a.412.412 0 0 0 .62.212a1.41 1.41 0 0 1 1.566 0l.773.516a1.5 1.5 0 0 1 .51.577l.776 1.551a1.5 1.5 0 0 1 .158.671v.787a.5.5 0 0 0 .686.464l.356-.142a.5.5 0 0 0 .305-.563L15.11 18.6c-.095-.477.054-.97.398-1.314l.066-.066q.146-.145.335-.221l.987-.395l-.583-.583a1.5 1.5 0 0 1-.362-.586l-.359-1.076a1.13 1.13 0 0 1 0-.716c.306-.916 1.545-1.052 2.042-.224l.347.578a.44.44 0 0 0 .574.167l.022-.01a.467.467 0 0 0 .121-.748l-.351-.351a1.312 1.312 0 1 1 2.02-1.656l.252.38a.5.5 0 0 0 .416.222h.465v1h-.465a1.5 1.5 0 0 1-1.248-.668l-.252-.379a.312.312 0 1 0-.481.394l.351.351a1.467 1.467 0 0 1-.38 2.349l-.022.01a1.44 1.44 0 0 1-1.88-.546l-.346-.578a.13.13 0 0 0-.236.108l.359 1.077a.5.5 0 0 0 .12.195l.701.701c.623.125.75 1.036.105 1.294l-1.545.618l-.066.066a.46.46 0 0 0-.125.411l.237 1.183a1.5 1.5 0 0 1-.914 1.687l-.356.143A1.5 1.5 0 0 1 13 20.023v-.787a.5.5 0 0 0-.053-.224l-.775-1.55a.5.5 0 0 0-.17-.193l-.773-.516a.41.41 0 0 0-.458 0a1.412 1.412 0 0 1-2.123-.728l-.128-.385l-.398-1.59a1.5 1.5 0 0 1 .207-1.195l.507-.76a1.5 1.5 0 0 1 1.036-.653l2.562-.366a1.5 1.5 0 0 1 1.273.424l.137.137a.5.5 0 0 0 .577.093l.803-.4a.5.5 0 0 0 .276-.448v-.378c0-.526.358-.984.867-1.111a.145.145 0 0 0 .04-.266l-.484-.29a.38.38 0 0 0-.499.097L14.7 9.9a1.5 1.5 0 0 1-1.2.6h-2.264a.5.5 0 0 0-.224.053l-.618.309A1.31 1.31 0 0 1 8.5 9.69v-.353A1.5 1.5 0 0 1 9.737 7.86l1.81-.322a.5.5 0 0 0 .167-.062l.686-.407a.082.082 0 0 0 0-.14a1.082 1.082 0 0 1-.002-1.86l2.096-1.25z"/></g><path fill-rule="evenodd" d="M13 24.5c6.351 0 11.5-5.149 11.5-11.5S19.351 1.5 13 1.5S1.5 6.649 1.5 13S6.649 24.5 13 24.5m0 1c6.904 0 12.5-5.596 12.5-12.5S19.904.5 13 .5S.5 6.096.5 13S6.096 25.5 13 25.5" clip-rule="evenodd"/></g></svg>

Как использовать иконку Earth Europe Circle Filled

React

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

<Icon icon="pepicons-print:earth-europe-circle-filled" width="24" />

Vue

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

<template>
  <Icon icon="pepicons-print:earth-europe-circle-filled" width="24" />
</template>

Svelte

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

<Icon icon="pepicons-print:earth-europe-circle-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-print--earth-europe-circle-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pepicons-print -->
<div class="i-pepicons-print:earth-europe-circle-filled"></div>

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

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

<iconify-icon icon="pepicons-print:earth-europe-circle-filled"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/pepicons-print/earth-europe-circle-filled.svg" alt="Иконка Earth Europe Circle Filled" width="24" height="24">

Похожие иконки в наборе Pepicons Print

Иконка Earth Europe Circle Filled в других наборах

Вопросы и ответы: Иконка Earth Europe Circle Filled

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

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

Как использовать иконку Earth Europe Circle Filled в React?

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

Как добавить иконку Earth Europe Circle Filled на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pepicons-print/earth-europe-circle-filled.svg" alt="Иконка Earth Europe Circle Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Pepicons Print →