crown icon
crown-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- crown-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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 IconscrownLine AwesomecrownLucidecrownMajesticons
Related icons in Phosphor
Use the crown icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M244 80a24 24 0 1 0-42 15.83l-33 40.54l-27.9-64.28a24 24 0 1 0-26.2 0L87 136.37L54 95.83A24 24 0 1 0 35.94 104l15 90a12 12 0 0 0 11.84 10h130.44a12 12 0 0 0 11.84-10l15-90A24 24 0 0 0 244 80M128 36a16 16 0 1 1-16 16a16 16 0 0 1 16-16M20 80a16 16 0 1 1 16 16a16 16 0 0 1-16-16m177.17 112.66a4 4 0 0 1-3.95 3.34H62.78a4 4 0 0 1-4-3.34l-15-90a23.4 23.4 0 0 0 4-1.8l37.12 45.66A4 4 0 0 0 88 148a3.3 3.3 0 0 0 .54 0a4 4 0 0 0 3.13-2.37l30.56-70.3a23.8 23.8 0 0 0 11.54 0l30.56 70.3a4 4 0 0 0 3.13 2.37a3.3 3.3 0 0 0 .54 0a4 4 0 0 0 3.1-1.48l37.09-45.64a23.4 23.4 0 0 0 4 1.8ZM220 96a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>
React
import type { SVGProps } from "react";
export function PhCrownThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M244 80a24 24 0 1 0-42 15.83l-33 40.54l-27.9-64.28a24 24 0 1 0-26.2 0L87 136.37L54 95.83A24 24 0 1 0 35.94 104l15 90a12 12 0 0 0 11.84 10h130.44a12 12 0 0 0 11.84-10l15-90A24 24 0 0 0 244 80M128 36a16 16 0 1 1-16 16a16 16 0 0 1 16-16M20 80a16 16 0 1 1 16 16a16 16 0 0 1-16-16m177.17 112.66a4 4 0 0 1-3.95 3.34H62.78a4 4 0 0 1-4-3.34l-15-90a23.4 23.4 0 0 0 4-1.8l37.12 45.66A4 4 0 0 0 88 148a3.3 3.3 0 0 0 .54 0a4 4 0 0 0 3.13-2.37l30.56-70.3a23.8 23.8 0 0 0 11.54 0l30.56 70.3a4 4 0 0 0 3.13 2.37a3.3 3.3 0 0 0 .54 0a4 4 0 0 0 3.1-1.48l37.09-45.64a23.4 23.4 0 0 0 4 1.8ZM220 96a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M244 80a24 24 0 1 0-42 15.83l-33 40.54l-27.9-64.28a24 24 0 1 0-26.2 0L87 136.37L54 95.83A24 24 0 1 0 35.94 104l15 90a12 12 0 0 0 11.84 10h130.44a12 12 0 0 0 11.84-10l15-90A24 24 0 0 0 244 80M128 36a16 16 0 1 1-16 16a16 16 0 0 1 16-16M20 80a16 16 0 1 1 16 16a16 16 0 0 1-16-16m177.17 112.66a4 4 0 0 1-3.95 3.34H62.78a4 4 0 0 1-4-3.34l-15-90a23.4 23.4 0 0 0 4-1.8l37.12 45.66A4 4 0 0 0 88 148a3.3 3.3 0 0 0 .54 0a4 4 0 0 0 3.13-2.37l30.56-70.3a23.8 23.8 0 0 0 11.54 0l30.56 70.3a4 4 0 0 0 3.13 2.37a3.3 3.3 0 0 0 .54 0a4 4 0 0 0 3.1-1.48l37.09-45.64a23.4 23.4 0 0 0 4 1.8ZM220 96a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg> </template>
CSS
.icon-crown-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M244%2080a24%2024%200%201%200-42%2015.83l-33%2040.54l-27.9-64.28a24%2024%200%201%200-26.2%200L87%20136.37L54%2095.83A24%2024%200%201%200%2035.94%20104l15%2090a12%2012%200%200%200%2011.84%2010h130.44a12%2012%200%200%200%2011.84-10l15-90A24%2024%200%200%200%20244%2080M128%2036a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16M20%2080a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m177.17%20112.66a4%204%200%200%201-3.95%203.34H62.78a4%204%200%200%201-4-3.34l-15-90a23.4%2023.4%200%200%200%204-1.8l37.12%2045.66A4%204%200%200%200%2088%20148a3.3%203.3%200%200%200%20.54%200a4%204%200%200%200%203.13-2.37l30.56-70.3a23.8%2023.8%200%200%200%2011.54%200l30.56%2070.3a4%204%200%200%200%203.13%202.37a3.3%203.3%200%200%200%20.54%200a4%204%200%200%200%203.1-1.48l37.09-45.64a23.4%2023.4%200%200%200%204%201.8ZM220%2096a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M244%2080a24%2024%200%201%200-42%2015.83l-33%2040.54l-27.9-64.28a24%2024%200%201%200-26.2%200L87%20136.37L54%2095.83A24%2024%200%201%200%2035.94%20104l15%2090a12%2012%200%200%200%2011.84%2010h130.44a12%2012%200%200%200%2011.84-10l15-90A24%2024%200%200%200%20244%2080M128%2036a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16M20%2080a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m177.17%20112.66a4%204%200%200%201-3.95%203.34H62.78a4%204%200%200%201-4-3.34l-15-90a23.4%2023.4%200%200%200%204-1.8l37.12%2045.66A4%204%200%200%200%2088%20148a3.3%203.3%200%200%200%20.54%200a4%204%200%200%200%203.13-2.37l30.56-70.3a23.8%2023.8%200%200%200%2011.54%200l30.56%2070.3a4%204%200%200%200%203.13%202.37a3.3%203.3%200%200%200%20.54%200a4%204%200%200%200%203.1-1.48l37.09-45.64a23.4%2023.4%200%200%200%204%201.8ZM220%2096a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/crown-thin.svg?color=%231a73e8&size=48
