crown icon
crown from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- crown
- Set
- Reicon
- Style
- Outline
- 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" fill-rule="evenodd" d="M12 2.25a2.75 2.75 0 0 0-1.898 4.74l-.2.356l-1.797 3.223a8 8 0 0 1-.373.633a1 1 0 0 1-.06.077a1 1 0 0 1-.08-.058a8 8 0 0 1-.533-.507l-.08-.079a24 24 0 0 0-.872-.844a2.25 2.25 0 1 0-2.848 1.334l.01.173c.024.325.066.714.113 1.158l.185 1.717l.087.83c.112 1.083.22 2.118.38 2.991c.1.552.228 1.072.404 1.523c.175.448.417.875.774 1.195c.63.564 1.39.81 2.296.926c.875.112 1.978.112 3.352.112h2.28c1.374 0 2.477 0 3.352-.112c.907-.116 1.666-.362 2.296-.926c.357-.32.599-.747.774-1.195c.176-.451.304-.971.405-1.523c.16-.873.267-1.908.379-2.99l.087-.83l.185-1.717c.047-.445.09-.834.112-1.159l.011-.173a2.25 2.25 0 1 0-2.848-1.334c-.264.237-.554.526-.873.844l-.079.079c-.258.258-.412.41-.533.507a1 1 0 0 1-.08.058a1 1 0 0 1-.06-.077a8 8 0 0 1-.373-.633l-1.797-3.223l-.2-.356A2.75 2.75 0 0 0 12 2.25M10.75 5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0m.455 3.09q.12-.217.224-.4a2.8 2.8 0 0 0 1.142 0q.104.183.224.4l1.807 3.24c.155.278.298.535.438.734c.149.211.351.445.662.582c.268.118.564.159.854.119c.336-.047.595-.216.796-.378c.188-.153.397-.361.624-.586l.024-.024c.375-.374.65-.645.86-.837q.18.106.379.178l-.005.074c-.02.294-.06.657-.11 1.116l-.182 1.705l-.092.87c-.07.67-.134 1.295-.209 1.867H5.359a72 72 0 0 1-.21-1.868l-.09-.87l-.184-1.704a34 34 0 0 1-.114-1.19q.2-.073.38-.178c.21.192.484.463.86.837l.023.024c.227.225.436.433.624.586c.201.162.46.331.796.378c.29.04.586-.001.854-.12c.31-.136.514-.37.662-.581a9 9 0 0 0 .438-.735zM5.618 18.25q.097.414.217.72c.13.33.261.52.377.624c.317.283.739.46 1.487.556c.768.099 1.775.1 3.213.1h2.176c1.438 0 2.445-.001 3.213-.1c.748-.095 1.17-.273 1.487-.556c.116-.104.248-.294.377-.623q.12-.307.217-.721zM3.25 9a.75.75 0 1 1 .759.75H4A.75.75 0 0 1 3.25 9m16 0a.75.75 0 1 1 .75.75h-.009A.747.747 0 0 1 19.25 9" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconCrown(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" fillRule="evenodd" d="M12 2.25a2.75 2.75 0 0 0-1.898 4.74l-.2.356l-1.797 3.223a8 8 0 0 1-.373.633a1 1 0 0 1-.06.077a1 1 0 0 1-.08-.058a8 8 0 0 1-.533-.507l-.08-.079a24 24 0 0 0-.872-.844a2.25 2.25 0 1 0-2.848 1.334l.01.173c.024.325.066.714.113 1.158l.185 1.717l.087.83c.112 1.083.22 2.118.38 2.991c.1.552.228 1.072.404 1.523c.175.448.417.875.774 1.195c.63.564 1.39.81 2.296.926c.875.112 1.978.112 3.352.112h2.28c1.374 0 2.477 0 3.352-.112c.907-.116 1.666-.362 2.296-.926c.357-.32.599-.747.774-1.195c.176-.451.304-.971.405-1.523c.16-.873.267-1.908.379-2.99l.087-.83l.185-1.717c.047-.445.09-.834.112-1.159l.011-.173a2.25 2.25 0 1 0-2.848-1.334c-.264.237-.554.526-.873.844l-.079.079c-.258.258-.412.41-.533.507a1 1 0 0 1-.08.058a1 1 0 0 1-.06-.077a8 8 0 0 1-.373-.633l-1.797-3.223l-.2-.356A2.75 2.75 0 0 0 12 2.25M10.75 5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0m.455 3.09q.12-.217.224-.4a2.8 2.8 0 0 0 1.142 0q.104.183.224.4l1.807 3.24c.155.278.298.535.438.734c.149.211.351.445.662.582c.268.118.564.159.854.119c.336-.047.595-.216.796-.378c.188-.153.397-.361.624-.586l.024-.024c.375-.374.65-.645.86-.837q.18.106.379.178l-.005.074c-.02.294-.06.657-.11 1.116l-.182 1.705l-.092.87c-.07.67-.134 1.295-.209 1.867H5.359a72 72 0 0 1-.21-1.868l-.09-.87l-.184-1.704a34 34 0 0 1-.114-1.19q.2-.073.38-.178c.21.192.484.463.86.837l.023.024c.227.225.436.433.624.586c.201.162.46.331.796.378c.29.04.586-.001.854-.12c.31-.136.514-.37.662-.581a9 9 0 0 0 .438-.735zM5.618 18.25q.097.414.217.72c.13.33.261.52.377.624c.317.283.739.46 1.487.556c.768.099 1.775.1 3.213.1h2.176c1.438 0 2.445-.001 3.213-.1c.748-.095 1.17-.273 1.487-.556c.116-.104.248-.294.377-.623q.12-.307.217-.721zM3.25 9a.75.75 0 1 1 .759.75H4A.75.75 0 0 1 3.25 9m16 0a.75.75 0 1 1 .75.75h-.009A.747.747 0 0 1 19.25 9" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.25a2.75 2.75 0 0 0-1.898 4.74l-.2.356l-1.797 3.223a8 8 0 0 1-.373.633a1 1 0 0 1-.06.077a1 1 0 0 1-.08-.058a8 8 0 0 1-.533-.507l-.08-.079a24 24 0 0 0-.872-.844a2.25 2.25 0 1 0-2.848 1.334l.01.173c.024.325.066.714.113 1.158l.185 1.717l.087.83c.112 1.083.22 2.118.38 2.991c.1.552.228 1.072.404 1.523c.175.448.417.875.774 1.195c.63.564 1.39.81 2.296.926c.875.112 1.978.112 3.352.112h2.28c1.374 0 2.477 0 3.352-.112c.907-.116 1.666-.362 2.296-.926c.357-.32.599-.747.774-1.195c.176-.451.304-.971.405-1.523c.16-.873.267-1.908.379-2.99l.087-.83l.185-1.717c.047-.445.09-.834.112-1.159l.011-.173a2.25 2.25 0 1 0-2.848-1.334c-.264.237-.554.526-.873.844l-.079.079c-.258.258-.412.41-.533.507a1 1 0 0 1-.08.058a1 1 0 0 1-.06-.077a8 8 0 0 1-.373-.633l-1.797-3.223l-.2-.356A2.75 2.75 0 0 0 12 2.25M10.75 5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0m.455 3.09q.12-.217.224-.4a2.8 2.8 0 0 0 1.142 0q.104.183.224.4l1.807 3.24c.155.278.298.535.438.734c.149.211.351.445.662.582c.268.118.564.159.854.119c.336-.047.595-.216.796-.378c.188-.153.397-.361.624-.586l.024-.024c.375-.374.65-.645.86-.837q.18.106.379.178l-.005.074c-.02.294-.06.657-.11 1.116l-.182 1.705l-.092.87c-.07.67-.134 1.295-.209 1.867H5.359a72 72 0 0 1-.21-1.868l-.09-.87l-.184-1.704a34 34 0 0 1-.114-1.19q.2-.073.38-.178c.21.192.484.463.86.837l.023.024c.227.225.436.433.624.586c.201.162.46.331.796.378c.29.04.586-.001.854-.12c.31-.136.514-.37.662-.581a9 9 0 0 0 .438-.735zM5.618 18.25q.097.414.217.72c.13.33.261.52.377.624c.317.283.739.46 1.487.556c.768.099 1.775.1 3.213.1h2.176c1.438 0 2.445-.001 3.213-.1c.748-.095 1.17-.273 1.487-.556c.116-.104.248-.294.377-.623q.12-.307.217-.721zM3.25 9a.75.75 0 1 1 .759.75H4A.75.75 0 0 1 3.25 9m16 0a.75.75 0 1 1 .75.75h-.009A.747.747 0 0 1 19.25 9" clip-rule="evenodd"/></svg> </template>
CSS
.icon-crown {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25a2.75%202.75%200%200%200-1.898%204.74l-.2.356l-1.797%203.223a8%208%200%200%201-.373.633a1%201%200%200%201-.06.077a1%201%200%200%201-.08-.058a8%208%200%200%201-.533-.507l-.08-.079a24%2024%200%200%200-.872-.844a2.25%202.25%200%201%200-2.848%201.334l.01.173c.024.325.066.714.113%201.158l.185%201.717l.087.83c.112%201.083.22%202.118.38%202.991c.1.552.228%201.072.404%201.523c.175.448.417.875.774%201.195c.63.564%201.39.81%202.296.926c.875.112%201.978.112%203.352.112h2.28c1.374%200%202.477%200%203.352-.112c.907-.116%201.666-.362%202.296-.926c.357-.32.599-.747.774-1.195c.176-.451.304-.971.405-1.523c.16-.873.267-1.908.379-2.99l.087-.83l.185-1.717c.047-.445.09-.834.112-1.159l.011-.173a2.25%202.25%200%201%200-2.848-1.334c-.264.237-.554.526-.873.844l-.079.079c-.258.258-.412.41-.533.507a1%201%200%200%201-.08.058a1%201%200%200%201-.06-.077a8%208%200%200%201-.373-.633l-1.797-3.223l-.2-.356A2.75%202.75%200%200%200%2012%202.25M10.75%205a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200m.455%203.09q.12-.217.224-.4a2.8%202.8%200%200%200%201.142%200q.104.183.224.4l1.807%203.24c.155.278.298.535.438.734c.149.211.351.445.662.582c.268.118.564.159.854.119c.336-.047.595-.216.796-.378c.188-.153.397-.361.624-.586l.024-.024c.375-.374.65-.645.86-.837q.18.106.379.178l-.005.074c-.02.294-.06.657-.11%201.116l-.182%201.705l-.092.87c-.07.67-.134%201.295-.209%201.867H5.359a72%2072%200%200%201-.21-1.868l-.09-.87l-.184-1.704a34%2034%200%200%201-.114-1.19q.2-.073.38-.178c.21.192.484.463.86.837l.023.024c.227.225.436.433.624.586c.201.162.46.331.796.378c.29.04.586-.001.854-.12c.31-.136.514-.37.662-.581a9%209%200%200%200%20.438-.735zM5.618%2018.25q.097.414.217.72c.13.33.261.52.377.624c.317.283.739.46%201.487.556c.768.099%201.775.1%203.213.1h2.176c1.438%200%202.445-.001%203.213-.1c.748-.095%201.17-.273%201.487-.556c.116-.104.248-.294.377-.623q.12-.307.217-.721zM3.25%209a.75.75%200%201%201%20.759.75H4A.75.75%200%200%201%203.25%209m16%200a.75.75%200%201%201%20.75.75h-.009A.747.747%200%200%201%2019.25%209%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25a2.75%202.75%200%200%200-1.898%204.74l-.2.356l-1.797%203.223a8%208%200%200%201-.373.633a1%201%200%200%201-.06.077a1%201%200%200%201-.08-.058a8%208%200%200%201-.533-.507l-.08-.079a24%2024%200%200%200-.872-.844a2.25%202.25%200%201%200-2.848%201.334l.01.173c.024.325.066.714.113%201.158l.185%201.717l.087.83c.112%201.083.22%202.118.38%202.991c.1.552.228%201.072.404%201.523c.175.448.417.875.774%201.195c.63.564%201.39.81%202.296.926c.875.112%201.978.112%203.352.112h2.28c1.374%200%202.477%200%203.352-.112c.907-.116%201.666-.362%202.296-.926c.357-.32.599-.747.774-1.195c.176-.451.304-.971.405-1.523c.16-.873.267-1.908.379-2.99l.087-.83l.185-1.717c.047-.445.09-.834.112-1.159l.011-.173a2.25%202.25%200%201%200-2.848-1.334c-.264.237-.554.526-.873.844l-.079.079c-.258.258-.412.41-.533.507a1%201%200%200%201-.08.058a1%201%200%200%201-.06-.077a8%208%200%200%201-.373-.633l-1.797-3.223l-.2-.356A2.75%202.75%200%200%200%2012%202.25M10.75%205a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200m.455%203.09q.12-.217.224-.4a2.8%202.8%200%200%200%201.142%200q.104.183.224.4l1.807%203.24c.155.278.298.535.438.734c.149.211.351.445.662.582c.268.118.564.159.854.119c.336-.047.595-.216.796-.378c.188-.153.397-.361.624-.586l.024-.024c.375-.374.65-.645.86-.837q.18.106.379.178l-.005.074c-.02.294-.06.657-.11%201.116l-.182%201.705l-.092.87c-.07.67-.134%201.295-.209%201.867H5.359a72%2072%200%200%201-.21-1.868l-.09-.87l-.184-1.704a34%2034%200%200%201-.114-1.19q.2-.073.38-.178c.21.192.484.463.86.837l.023.024c.227.225.436.433.624.586c.201.162.46.331.796.378c.29.04.586-.001.854-.12c.31-.136.514-.37.662-.581a9%209%200%200%200%20.438-.735zM5.618%2018.25q.097.414.217.72c.13.33.261.52.377.624c.317.283.739.46%201.487.556c.768.099%201.775.1%203.213.1h2.176c1.438%200%202.445-.001%203.213-.1c.748-.095%201.17-.273%201.487-.556c.116-.104.248-.294.377-.623q.12-.307.217-.721zM3.25%209a.75.75%200%201%201%20.759.75H4A.75.75%200%200%201%203.25%209m16%200a.75.75%200%201%201%20.75.75h-.009A.747.747%200%200%201%2019.25%209%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/crown.svg?color=%231a73e8&size=48
