Crown 2 Outline icon
glyphs:crown-2-outline
The Crown 2 Outline icon (glyphs:crown-2-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- crownoutline
SVG code
<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>
How to use the Crown 2 Outline icon
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>
Web component
<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 image
<img src="https://iconyz.com/api/public/svg/glyphs/crown-2-outline.svg" alt="Crown 2 Outline icon" width="24" height="24">
Crown 2 Outline icon FAQ
Is the Crown 2 Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Crown 2 Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:crown-2-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Crown 2 Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/crown-2-outline.svg" alt="Crown 2 Outline icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs icons →
ICONYZ
