crown emoji
crown from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- crown
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji 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
More objects icons from OpenMoji
Use the crown emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M4 51.624h64v7.267H4z"/><circle cx="35.996" cy="16.008" r="5" fill="#fff"/><path fill="#f1b31c" d="M4 51.624h64v7.267H4z"/><path fill="#fcea2b" d="M7 11a5 5 0 0 1 0 10m58 0a5 5 0 0 1 0-10"/><path fill="#fcea2b" d="M64.967 17.495c0 9.08-7.361 16.442-16.442 16.442h-.287c-9.081 0-11.443-7.361-11.443-16.443h-2.074c0 9.082-2.361 16.443-11.442 16.443h.164a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494V11v40.624h58V11"/><circle cx="35.996" cy="16.008" r="5" fill="#fcea2b"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M4 51.624h64v7.267H4zM7 11v40.624h58V11"/><path d="M7 11a5 5 0 0 1 0 10"/><path d="M23.443 33.937a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494m57.967.001c0 9.08-7.361 16.442-16.442 16.442"/><circle cx="35.996" cy="16.008" r="5"/><path d="M65 21a5 5 0 0 1 0-10M4 51.624h64v7.267H4zM7 11a5 5 0 0 1 0 10"/><path d="M65 21a5 5 0 0 1 0-10"/><path d="M34.597 20.874c-.588 7.46-3.396 13.063-11.318 13.063h.164a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494V11v40.624h58V11"/><path d="M64.967 17.495c0 9.08-7.361 16.442-16.442 16.442h-.287c-7.906 0-10.72-5.58-11.315-13.016"/><circle cx="35.996" cy="16.008" r="5"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiCrown(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M4 51.624h64v7.267H4z"/><circle cx="35.996" cy="16.008" r="5" fill="#fff"/><path fill="#f1b31c" d="M4 51.624h64v7.267H4z"/><path fill="#fcea2b" d="M7 11a5 5 0 0 1 0 10m58 0a5 5 0 0 1 0-10"/><path fill="#fcea2b" d="M64.967 17.495c0 9.08-7.361 16.442-16.442 16.442h-.287c-9.081 0-11.443-7.361-11.443-16.443h-2.074c0 9.082-2.361 16.443-11.442 16.443h.164a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494V11v40.624h58V11"/><circle cx="35.996" cy="16.008" r="5" fill="#fcea2b"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M4 51.624h64v7.267H4zM7 11v40.624h58V11"/><path d="M7 11a5 5 0 0 1 0 10"/><path d="M23.443 33.937a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494m57.967.001c0 9.08-7.361 16.442-16.442 16.442"/><circle cx="35.996" cy="16.008" r="5"/><path d="M65 21a5 5 0 0 1 0-10M4 51.624h64v7.267H4zM7 11a5 5 0 0 1 0 10"/><path d="M65 21a5 5 0 0 1 0-10"/><path d="M34.597 20.874c-.588 7.46-3.396 13.063-11.318 13.063h.164a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494V11v40.624h58V11"/><path d="M64.967 17.495c0 9.08-7.361 16.442-16.442 16.442h-.287c-7.906 0-10.72-5.58-11.315-13.016"/><circle cx="35.996" cy="16.008" r="5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M4 51.624h64v7.267H4z"/><circle cx="35.996" cy="16.008" r="5" fill="#fff"/><path fill="#f1b31c" d="M4 51.624h64v7.267H4z"/><path fill="#fcea2b" d="M7 11a5 5 0 0 1 0 10m58 0a5 5 0 0 1 0-10"/><path fill="#fcea2b" d="M64.967 17.495c0 9.08-7.361 16.442-16.442 16.442h-.287c-9.081 0-11.443-7.361-11.443-16.443h-2.074c0 9.082-2.361 16.443-11.442 16.443h.164a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494V11v40.624h58V11"/><circle cx="35.996" cy="16.008" r="5" fill="#fcea2b"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M4 51.624h64v7.267H4zM7 11v40.624h58V11"/><path d="M7 11a5 5 0 0 1 0 10"/><path d="M23.443 33.937a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494m57.967.001c0 9.08-7.361 16.442-16.442 16.442"/><circle cx="35.996" cy="16.008" r="5"/><path d="M65 21a5 5 0 0 1 0-10M4 51.624h64v7.267H4zM7 11a5 5 0 0 1 0 10"/><path d="M65 21a5 5 0 0 1 0-10"/><path d="M34.597 20.874c-.588 7.46-3.396 13.063-11.318 13.063h.164a16.42 16.42 0 0 1-13.042-6.427A16.37 16.37 0 0 1 7 17.494V11v40.624h58V11"/><path d="M64.967 17.495c0 9.08-7.361 16.442-16.442 16.442h-.287c-7.906 0-10.72-5.58-11.315-13.016"/><circle cx="35.996" cy="16.008" r="5"/></g></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2051.624h64v7.267H4z%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M4%2051.624h64v7.267H4z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M7%2011a5%205%200%200%201%200%2010m58%200a5%205%200%200%201%200-10%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M64.967%2017.495c0%209.08-7.361%2016.442-16.442%2016.442h-.287c-9.081%200-11.443-7.361-11.443-16.443h-2.074c0%209.082-2.361%2016.443-11.442%2016.443h.164a16.42%2016.42%200%200%201-13.042-6.427A16.37%2016.37%200%200%201%207%2017.494V11v40.624h58V11%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M4%2051.624h64v7.267H4zM7%2011v40.624h58V11%22%2F%3E%3Cpath%20d%3D%22M7%2011a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20d%3D%22M23.443%2033.937a16.42%2016.42%200%200%201-13.042-6.427A16.37%2016.37%200%200%201%207%2017.494m57.967.001c0%209.08-7.361%2016.442-16.442%2016.442%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M65%2021a5%205%200%200%201%200-10M4%2051.624h64v7.267H4zM7%2011a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20d%3D%22M65%2021a5%205%200%200%201%200-10%22%2F%3E%3Cpath%20d%3D%22M34.597%2020.874c-.588%207.46-3.396%2013.063-11.318%2013.063h.164a16.42%2016.42%200%200%201-13.042-6.427A16.37%2016.37%200%200%201%207%2017.494V11v40.624h58V11%22%2F%3E%3Cpath%20d%3D%22M64.967%2017.495c0%209.08-7.361%2016.442-16.442%2016.442h-.287c-7.906%200-10.72-5.58-11.315-13.016%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2051.624h64v7.267H4z%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M4%2051.624h64v7.267H4z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M7%2011a5%205%200%200%201%200%2010m58%200a5%205%200%200%201%200-10%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M64.967%2017.495c0%209.08-7.361%2016.442-16.442%2016.442h-.287c-9.081%200-11.443-7.361-11.443-16.443h-2.074c0%209.082-2.361%2016.443-11.442%2016.443h.164a16.42%2016.42%200%200%201-13.042-6.427A16.37%2016.37%200%200%201%207%2017.494V11v40.624h58V11%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M4%2051.624h64v7.267H4zM7%2011v40.624h58V11%22%2F%3E%3Cpath%20d%3D%22M7%2011a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20d%3D%22M23.443%2033.937a16.42%2016.42%200%200%201-13.042-6.427A16.37%2016.37%200%200%201%207%2017.494m57.967.001c0%209.08-7.361%2016.442-16.442%2016.442%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M65%2021a5%205%200%200%201%200-10M4%2051.624h64v7.267H4zM7%2011a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20d%3D%22M65%2021a5%205%200%200%201%200-10%22%2F%3E%3Cpath%20d%3D%22M34.597%2020.874c-.588%207.46-3.396%2013.063-11.318%2013.063h.164a16.42%2016.42%200%200%201-13.042-6.427A16.37%2016.37%200%200%201%207%2017.494V11v40.624h58V11%22%2F%3E%3Cpath%20d%3D%22M64.967%2017.495c0%209.08-7.361%2016.442-16.442%2016.442h-.287c-7.906%200-10.72-5.58-11.315-13.016%22%2F%3E%3Ccircle%20cx%3D%2235.996%22%20cy%3D%2216.008%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/crown.svg?color=%231a73e8&size=48
