Иконка Peace

glyphs-poly:peace

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><mask id="SVG2OSZvb3a" width="58" height="58" x="11" y="11" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#333" fill-rule="evenodd" d="M30.146 12.926a28.81 28.81 0 0 1 34.805 12.668a28.81 28.81 0 0 1-6.431 36.477a28.93 28.93 0 0 1-18.516 6.74H40a28.812 28.812 0 0 1-9.854-55.885m7.365 3.393a23.81 23.81 0 0 0-19.229 33.444L37.511 38.61zm5 .002v22.285L61.746 49.7a23.81 23.81 0 0 0-19.235-33.38m16.73 37.706l-16.732-9.65l-.008 19.298a23.9 23.9 0 0 0 12.805-5.434a23.8 23.8 0 0 0 3.935-4.214m-21.74 9.653l.008-19.289l-16.71 9.692a23.8 23.8 0 0 0 16.702 9.597" clip-rule="evenodd"/></mask><g fill="none" mask="url(#SVG2OSZvb3a)"><path fill="#eb5757" d="M40 72a32 32 0 0 1-20.57-7.487L40 40z"/><path fill="#f2994a" d="M19.43 64.513A32 32 0 0 1 8.487 45.557L40 40z"/><path fill="#f2c94c" d="M8.486 45.557A32 32 0 0 1 12.287 24L40 40z"/><path fill="#219653" d="M12.287 24A32 32 0 0 1 29.055 9.93L40 40z"/><path fill="#27ae60" d="M29.055 9.93a32 32 0 0 1 21.89 0L40 40z"/><path fill="#2f80ed" d="M50.945 9.93A32 32 0 0 1 67.713 24L40 40z"/><path fill="#2d9cdb" d="M67.713 24a32 32 0 0 1 3.8 21.557L40 40z"/><path fill="#9b51e0" d="M71.514 45.557a32 32 0 0 1-10.945 18.956L40 40z"/><path fill="#bb6bd9" d="M60.57 64.513A32 32 0 0 1 40 72V40z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="glyphs-poly:peace"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

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