Crown icon
vs:crown
The Crown icon (vs:crown) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1472 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1664 × 1472
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1472" viewBox="0 0 1664 1472"><path fill="currentColor" d="M1472 1216H192q-24 0-44 38.5t-20 89.5t20 89.5t44 38.5h1280q24 0 44-38.5t20-89.5t-20-89.5t-44-38.5M128 128q-53 0-90.5 37.5T0 256t37.5 90.5T128 384l80 703h1248l80-703q53 0 90.5-37.5T1664 256t-37.5-90.5T1536 128t-90.5 37.5T1408 256q0 56 41 94q-153 183-207 236.5t-90 53.5q-34 0-83-66.5T899 301q28-17 44.5-46t16.5-63q0-53-37.5-90.5T832 64t-90.5 37.5T704 192q0 34 16.5 63t44.5 46Q644 507 595 573.5T512 640q-36 0-90-53.5T215 350q41-38 41-94q0-53-37.5-90.5T128 128"/></svg>
How to use the Crown icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:crown" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:crown" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:crown" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--crown]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:crown"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:crown"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/vs/crown.svg" alt="Crown icon" width="24" height="24">
Crown icon in other icon sets
Crown icon FAQ
Is the Crown icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Crown icon in React?
Install @iconify/react and render <Icon icon="vs:crown" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Crown icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/crown.svg" alt="Crown icon">, or paste the SVG code inline to style it with CSS.
Browse all Vesper Icons →
ICONYZ
