crown icon

crown-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.

Name
crown-sharp-duotone
Set
Keyline Icons
Style
Sharp Duotone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

crowncrown-duotonecrown-fillcrown-sharpcrown-sharp-fillcrown-sharp-two-tonecrown-two-tone

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="currentColor"><path 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"/><path d="M4.0772 16L19.9228 16L19.6014 19L4.3986 19L4.0772 16Z"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCrownSharpDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path 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"/><path d="M4.0772 16L19.9228 16L19.6014 19L4.3986 19L4.0772 16Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path 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"/><path d="M4.0772 16L19.9228 16L19.6014 19L4.3986 19L4.0772 16Z"/></g></svg>
</template>

CSS

.icon-crown-sharp-duotone {
  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%22currentColor%22%3E%3Cpath%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%2F%3E%3Cpath%20d%3D%22M4.0772%2016L19.9228%2016L19.6014%2019L4.3986%2019L4.0772%2016Z%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%22currentColor%22%3E%3Cpath%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%2F%3E%3Cpath%20d%3D%22M4.0772%2016L19.9228%2016L19.6014%2019L4.3986%2019L4.0772%2016Z%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-duotone.svg?color=%231a73e8&size=48