Иконка Crown

keyline-icons:crown

Иконка Crown (keyline-icons:crown) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.2726 18.2591L2.0092 8.5876C1.8904 7.6784 2.9559 7.102 3.6518 7.699L6.5724 10.2043C7.052 10.6157 7.7881 10.4848 8.0964 9.9333L11.1271 4.512C11.5088 3.8293 12.4912 3.8293 12.8729 4.512L15.9036 9.9333C16.2119 10.4848 16.948 10.6157 17.4276 10.2043L20.3482 7.699C21.0441 7.102 22.1096 7.6784 21.9908 8.5876L20.7274 18.2591C20.5973 19.255 19.7487 20 18.7443 20L5.2557 20C4.2513 20 3.4027 19.255 3.2726 18.2591ZM2.8468 15L21.1532 15"/></svg>

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

React

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

<Icon icon="keyline-icons:crown" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:crown" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:crown" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--crown]"></span>

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:crown"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →