Иконка Crown 2 Outline

glyphs:crown-2-outline

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M52.826 21.448a13.24 13.24 0 0 0-3.443-5.914c-5.187-5.169-13.579-5.169-18.766 0a13.24 13.24 0 0 0-3.442 5.91a18 18 0 0 0-3.08-.266h-.19A17.905 17.905 0 0 0 6 39.083v2.06a18 18 0 0 0 6.17 13.568l5.65 4.925a5.24 5.24 0 0 0-1.153 3.284v4.211c0 3.27 3.071 5.67 6.244 4.88a70.7 70.7 0 0 1 34.178 0c3.173.79 6.245-1.61 6.245-4.88v-4.21a5.24 5.24 0 0 0-1.147-3.276l5.66-4.934a18 18 0 0 0 6.17-13.567v-2.061a17.905 17.905 0 0 0-17.904-17.905h-.191c-1.045 0-2.08.092-3.096.27m-6.266-3.08a9.293 9.293 0 0 0-13.12 0a9.24 9.24 0 0 0-2.425 4.201a17.9 17.9 0 0 1 8.994 8.308a17.9 17.9 0 0 1 8.978-8.301a9.24 9.24 0 0 0-2.427-4.209M42.237 36.62l.004-.023a13.905 13.905 0 0 1 13.68-11.42h.192a13.905 13.905 0 0 1 13.904 13.905v2.06a14 14 0 0 1-4.8 10.553l-6.774 5.907a80 80 0 0 0-16.426-2.128V39.083c0-.831.075-1.655.22-2.462M28.125 25.775l.046.015a13.9 13.9 0 0 1 9.605 10.809l.003.015A14 14 0 0 1 38 39.083v16.392A80 80 0 0 0 21.571 57.6L14.8 51.696A14 14 0 0 1 10 41.144v-2.061a13.904 13.904 0 0 1 13.905-13.905h.19c1.378 0 2.735.205 4.03.597M21.563 61.72l.017-.005l.036-.01A76 76 0 0 1 40 59.45h.017a76 76 0 0 1 18.367 2.255l.019.005l.023.007l.016.004c.527.158.892.644.892 1.2v4.21c0 .67-.629 1.16-1.278.999a74.7 74.7 0 0 0-36.111 0a1.03 1.03 0 0 1-1.278-.999v-4.21c0-.557.367-1.045.896-1.201" clip-rule="evenodd"/></svg>

Как использовать иконку Crown 2 Outline

React

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

<Icon icon="glyphs:crown-2-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:crown-2-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:crown-2-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--crown-2-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:crown-2-outline"></div>

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

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

<iconify-icon icon="glyphs:crown-2-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs/crown-2-outline.svg" alt="Иконка Crown 2 Outline" width="24" height="24">

Вопросы и ответы: Иконка Crown 2 Outline

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

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

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

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

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

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

Все Иконки Glyphs →