crown icon
crown-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- crown-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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
Use the crown icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M2.5057 20.1065L1.0057 6.1065C0.9077 5.1921 1.9921 4.6414 2.6727 5.2601L7.298 9.4649L11.1588 3.4592C11.5525 2.8469 12.4475 2.8469 12.8412 3.4592L16.702 9.4649L21.3273 5.2601C22.0079 4.6414 23.0923 5.1921 22.9943 6.1065L21.4943 20.1065C21.4399 20.6147 21.011 21 20.5 21L3.5 21C2.989 21 2.5601 20.6147 2.5057 20.1065Z" stroke="none"/><path d="M3.5 20L2 6L7.5 11L12 4L16.5 11L22 6L20.5 20L3.5 20ZM2.9643 15L21.0357 15"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCrownSharpTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M2.5057 20.1065L1.0057 6.1065C0.9077 5.1921 1.9921 4.6414 2.6727 5.2601L7.298 9.4649L11.1588 3.4592C11.5525 2.8469 12.4475 2.8469 12.8412 3.4592L16.702 9.4649L21.3273 5.2601C22.0079 4.6414 23.0923 5.1921 22.9943 6.1065L21.4943 20.1065C21.4399 20.6147 21.011 21 20.5 21L3.5 21C2.989 21 2.5601 20.6147 2.5057 20.1065Z" stroke="none"/><path d="M3.5 20L2 6L7.5 11L12 4L16.5 11L22 6L20.5 20L3.5 20ZM2.9643 15L21.0357 15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M2.5057 20.1065L1.0057 6.1065C0.9077 5.1921 1.9921 4.6414 2.6727 5.2601L7.298 9.4649L11.1588 3.4592C11.5525 2.8469 12.4475 2.8469 12.8412 3.4592L16.702 9.4649L21.3273 5.2601C22.0079 4.6414 23.0923 5.1921 22.9943 6.1065L21.4943 20.1065C21.4399 20.6147 21.011 21 20.5 21L3.5 21C2.989 21 2.5601 20.6147 2.5057 20.1065Z" stroke="none"/><path d="M3.5 20L2 6L7.5 11L12 4L16.5 11L22 6L20.5 20L3.5 20ZM2.9643 15L21.0357 15"/></g></svg> </template>
CSS
.icon-crown-sharp-two-tone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M2.5057%2020.1065L1.0057%206.1065C0.9077%205.1921%201.9921%204.6414%202.6727%205.2601L7.298%209.4649L11.1588%203.4592C11.5525%202.8469%2012.4475%202.8469%2012.8412%203.4592L16.702%209.4649L21.3273%205.2601C22.0079%204.6414%2023.0923%205.1921%2022.9943%206.1065L21.4943%2020.1065C21.4399%2020.6147%2021.011%2021%2020.5%2021L3.5%2021C2.989%2021%202.5601%2020.6147%202.5057%2020.1065Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3.5%2020L2%206L7.5%2011L12%204L16.5%2011L22%206L20.5%2020L3.5%2020ZM2.9643%2015L21.0357%2015%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M2.5057%2020.1065L1.0057%206.1065C0.9077%205.1921%201.9921%204.6414%202.6727%205.2601L7.298%209.4649L11.1588%203.4592C11.5525%202.8469%2012.4475%202.8469%2012.8412%203.4592L16.702%209.4649L21.3273%205.2601C22.0079%204.6414%2023.0923%205.1921%2022.9943%206.1065L21.4943%2020.1065C21.4399%2020.6147%2021.011%2021%2020.5%2021L3.5%2021C2.989%2021%202.5601%2020.6147%202.5057%2020.1065Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3.5%2020L2%206L7.5%2011L12%204L16.5%2011L22%206L20.5%2020L3.5%2020ZM2.9643%2015L21.0357%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/crown-sharp-two-tone.svg?color=%231a73e8&size=48
