crown icon
crown-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- crown-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All crown icons →crownAkar Iconscrown-filledAnt Design IconscrownBoxIcons v2crownBoxIcons v2 SolidcrownEmoji One (Colored)crownFont Awesome 6 SolidcrownFont Awesome Solidcrown-16-filledFluent UI System IconscrownFluent EmojicrownFluent Emoji FlatcrownFluent Emoji High ContrastcrownFirefox OS Emojicrowncss.ggcrownHuge IconscrownHumbleiconscrownIconParkcrownIconPark OutlinecrownIconPark SolidcrownIconPark TwoTonecrownIconoircrownJam IconscrownKeyline IconscrownLine AwesomecrownLucide
More ui icons from Reicon
Use the crown icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.092 14.326l.193-1.894c.103-1.011.17-1.678.117-2.099h.02c.871 0 1.578-.746 1.578-1.666S21.293 7 20.421 7s-1.579.746-1.579 1.667c0 .416.145.797.384 1.089c-.343.223-.792.695-1.468 1.405c-.52.547-.78.82-1.07.863a.84.84 0 0 1-.473-.07c-.268-.124-.447-.462-.804-1.139L13.527 7.25c-.22-.417-.405-.766-.572-1.047c.683-.368 1.15-1.117 1.15-1.98C14.105 2.994 13.163 2 12 2s-2.105.995-2.105 2.222c0 .864.467 1.613 1.15 1.98c-.167.282-.351.631-.572 1.048L8.59 10.816c-.358.676-.537 1.014-.805 1.139a.84.84 0 0 1-.473.07c-.29-.043-.55-.317-1.07-.864c-.676-.71-1.125-1.182-1.468-1.405c.24-.292.384-.673.384-1.09C5.158 7.747 4.45 7 3.578 7C2.708 7 2 7.746 2 8.667c0 .92.707 1.666 1.579 1.666h.019c-.054.42.014 1.088.117 2.099l.193 1.894c.107 1.051.196 2.051.306 2.952h15.572c.11-.9.199-1.901.306-2.952M10.855 22h2.29c2.985 0 4.478 0 5.474-.94c.434-.412.71-1.152.908-2.116H4.473c.198.964.473 1.704.908 2.115C6.377 22 7.87 22 10.855 22"/></svg>
React
import type { SVGProps } from "react";
export function ReiconCrownFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.092 14.326l.193-1.894c.103-1.011.17-1.678.117-2.099h.02c.871 0 1.578-.746 1.578-1.666S21.293 7 20.421 7s-1.579.746-1.579 1.667c0 .416.145.797.384 1.089c-.343.223-.792.695-1.468 1.405c-.52.547-.78.82-1.07.863a.84.84 0 0 1-.473-.07c-.268-.124-.447-.462-.804-1.139L13.527 7.25c-.22-.417-.405-.766-.572-1.047c.683-.368 1.15-1.117 1.15-1.98C14.105 2.994 13.163 2 12 2s-2.105.995-2.105 2.222c0 .864.467 1.613 1.15 1.98c-.167.282-.351.631-.572 1.048L8.59 10.816c-.358.676-.537 1.014-.805 1.139a.84.84 0 0 1-.473.07c-.29-.043-.55-.317-1.07-.864c-.676-.71-1.125-1.182-1.468-1.405c.24-.292.384-.673.384-1.09C5.158 7.747 4.45 7 3.578 7C2.708 7 2 7.746 2 8.667c0 .92.707 1.666 1.579 1.666h.019c-.054.42.014 1.088.117 2.099l.193 1.894c.107 1.051.196 2.051.306 2.952h15.572c.11-.9.199-1.901.306-2.952M10.855 22h2.29c2.985 0 4.478 0 5.474-.94c.434-.412.71-1.152.908-2.116H4.473c.198.964.473 1.704.908 2.115C6.377 22 7.87 22 10.855 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.092 14.326l.193-1.894c.103-1.011.17-1.678.117-2.099h.02c.871 0 1.578-.746 1.578-1.666S21.293 7 20.421 7s-1.579.746-1.579 1.667c0 .416.145.797.384 1.089c-.343.223-.792.695-1.468 1.405c-.52.547-.78.82-1.07.863a.84.84 0 0 1-.473-.07c-.268-.124-.447-.462-.804-1.139L13.527 7.25c-.22-.417-.405-.766-.572-1.047c.683-.368 1.15-1.117 1.15-1.98C14.105 2.994 13.163 2 12 2s-2.105.995-2.105 2.222c0 .864.467 1.613 1.15 1.98c-.167.282-.351.631-.572 1.048L8.59 10.816c-.358.676-.537 1.014-.805 1.139a.84.84 0 0 1-.473.07c-.29-.043-.55-.317-1.07-.864c-.676-.71-1.125-1.182-1.468-1.405c.24-.292.384-.673.384-1.09C5.158 7.747 4.45 7 3.578 7C2.708 7 2 7.746 2 8.667c0 .92.707 1.666 1.579 1.666h.019c-.054.42.014 1.088.117 2.099l.193 1.894c.107 1.051.196 2.051.306 2.952h15.572c.11-.9.199-1.901.306-2.952M10.855 22h2.29c2.985 0 4.478 0 5.474-.94c.434-.412.71-1.152.908-2.116H4.473c.198.964.473 1.704.908 2.115C6.377 22 7.87 22 10.855 22"/></svg> </template>
CSS
.icon-crown-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.092%2014.326l.193-1.894c.103-1.011.17-1.678.117-2.099h.02c.871%200%201.578-.746%201.578-1.666S21.293%207%2020.421%207s-1.579.746-1.579%201.667c0%20.416.145.797.384%201.089c-.343.223-.792.695-1.468%201.405c-.52.547-.78.82-1.07.863a.84.84%200%200%201-.473-.07c-.268-.124-.447-.462-.804-1.139L13.527%207.25c-.22-.417-.405-.766-.572-1.047c.683-.368%201.15-1.117%201.15-1.98C14.105%202.994%2013.163%202%2012%202s-2.105.995-2.105%202.222c0%20.864.467%201.613%201.15%201.98c-.167.282-.351.631-.572%201.048L8.59%2010.816c-.358.676-.537%201.014-.805%201.139a.84.84%200%200%201-.473.07c-.29-.043-.55-.317-1.07-.864c-.676-.71-1.125-1.182-1.468-1.405c.24-.292.384-.673.384-1.09C5.158%207.747%204.45%207%203.578%207C2.708%207%202%207.746%202%208.667c0%20.92.707%201.666%201.579%201.666h.019c-.054.42.014%201.088.117%202.099l.193%201.894c.107%201.051.196%202.051.306%202.952h15.572c.11-.9.199-1.901.306-2.952M10.855%2022h2.29c2.985%200%204.478%200%205.474-.94c.434-.412.71-1.152.908-2.116H4.473c.198.964.473%201.704.908%202.115C6.377%2022%207.87%2022%2010.855%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.092%2014.326l.193-1.894c.103-1.011.17-1.678.117-2.099h.02c.871%200%201.578-.746%201.578-1.666S21.293%207%2020.421%207s-1.579.746-1.579%201.667c0%20.416.145.797.384%201.089c-.343.223-.792.695-1.468%201.405c-.52.547-.78.82-1.07.863a.84.84%200%200%201-.473-.07c-.268-.124-.447-.462-.804-1.139L13.527%207.25c-.22-.417-.405-.766-.572-1.047c.683-.368%201.15-1.117%201.15-1.98C14.105%202.994%2013.163%202%2012%202s-2.105.995-2.105%202.222c0%20.864.467%201.613%201.15%201.98c-.167.282-.351.631-.572%201.048L8.59%2010.816c-.358.676-.537%201.014-.805%201.139a.84.84%200%200%201-.473.07c-.29-.043-.55-.317-1.07-.864c-.676-.71-1.125-1.182-1.468-1.405c.24-.292.384-.673.384-1.09C5.158%207.747%204.45%207%203.578%207C2.708%207%202%207.746%202%208.667c0%20.92.707%201.666%201.579%201.666h.019c-.054.42.014%201.088.117%202.099l.193%201.894c.107%201.051.196%202.051.306%202.952h15.572c.11-.9.199-1.901.306-2.952M10.855%2022h2.29c2.985%200%204.478%200%205.474-.94c.434-.412.71-1.152.908-2.116H4.473c.198.964.473%201.704.908%202.115C6.377%2022%207.87%2022%2010.855%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/crown-filled.svg?color=%231a73e8&size=48
