crown emoji
crown from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- crown
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 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 Twitter Emoji
Use the crown emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M14.174 17.075L6.75 7.594l-3.722 9.481z"/><path fill="#f4900c" d="m17.938 5.534l-6.563 12.389H24.5z"/><path fill="#f4900c" d="m21.826 17.075l7.424-9.481l3.722 9.481z"/><path fill="#ffcc4d" d="M28.669 15.19L23.887 3.523l-5.88 11.668l-.007.003l-.007-.004l-5.88-11.668L7.331 15.19C4.197 10.833 1.28 8.042 1.28 8.042S3 20.75 3 33h30c0-12.25 1.72-24.958 1.72-24.958s-2.917 2.791-6.051 7.148"/><circle cx="17.957" cy="22" r="3.688" fill="#5c913b"/><circle cx="26.463" cy="22" r="2.412" fill="#981ceb"/><circle cx="32.852" cy="22" r="1.986" fill="#dd2e44"/><circle cx="9.45" cy="22" r="2.412" fill="#981ceb"/><circle cx="3.061" cy="22" r="1.986" fill="#dd2e44"/><path fill="#ffac33" d="M33 34H3a1 1 0 1 1 0-2h30a1 1 0 1 1 0 2m0-3.486H3a1 1 0 1 1 0-2h30a1 1 0 1 1 0 2"/><circle cx="1.447" cy="8.042" r="1.407" fill="#ffcc4d"/><circle cx="6.75" cy="7.594" r="1.192" fill="#f4900c"/><circle cx="12.113" cy="3.523" r="1.784" fill="#ffcc4d"/><circle cx="34.553" cy="8.042" r="1.407" fill="#ffcc4d"/><circle cx="29.25" cy="7.594" r="1.192" fill="#f4900c"/><circle cx="23.887" cy="3.523" r="1.784" fill="#ffcc4d"/><circle cx="17.938" cy="5.534" r="1.784" fill="#f4900c"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCrown(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M14.174 17.075L6.75 7.594l-3.722 9.481z"/><path fill="#f4900c" d="m17.938 5.534l-6.563 12.389H24.5z"/><path fill="#f4900c" d="m21.826 17.075l7.424-9.481l3.722 9.481z"/><path fill="#ffcc4d" d="M28.669 15.19L23.887 3.523l-5.88 11.668l-.007.003l-.007-.004l-5.88-11.668L7.331 15.19C4.197 10.833 1.28 8.042 1.28 8.042S3 20.75 3 33h30c0-12.25 1.72-24.958 1.72-24.958s-2.917 2.791-6.051 7.148"/><circle cx="17.957" cy="22" r="3.688" fill="#5c913b"/><circle cx="26.463" cy="22" r="2.412" fill="#981ceb"/><circle cx="32.852" cy="22" r="1.986" fill="#dd2e44"/><circle cx="9.45" cy="22" r="2.412" fill="#981ceb"/><circle cx="3.061" cy="22" r="1.986" fill="#dd2e44"/><path fill="#ffac33" d="M33 34H3a1 1 0 1 1 0-2h30a1 1 0 1 1 0 2m0-3.486H3a1 1 0 1 1 0-2h30a1 1 0 1 1 0 2"/><circle cx="1.447" cy="8.042" r="1.407" fill="#ffcc4d"/><circle cx="6.75" cy="7.594" r="1.192" fill="#f4900c"/><circle cx="12.113" cy="3.523" r="1.784" fill="#ffcc4d"/><circle cx="34.553" cy="8.042" r="1.407" fill="#ffcc4d"/><circle cx="29.25" cy="7.594" r="1.192" fill="#f4900c"/><circle cx="23.887" cy="3.523" r="1.784" fill="#ffcc4d"/><circle cx="17.938" cy="5.534" r="1.784" fill="#f4900c"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M14.174 17.075L6.75 7.594l-3.722 9.481z"/><path fill="#f4900c" d="m17.938 5.534l-6.563 12.389H24.5z"/><path fill="#f4900c" d="m21.826 17.075l7.424-9.481l3.722 9.481z"/><path fill="#ffcc4d" d="M28.669 15.19L23.887 3.523l-5.88 11.668l-.007.003l-.007-.004l-5.88-11.668L7.331 15.19C4.197 10.833 1.28 8.042 1.28 8.042S3 20.75 3 33h30c0-12.25 1.72-24.958 1.72-24.958s-2.917 2.791-6.051 7.148"/><circle cx="17.957" cy="22" r="3.688" fill="#5c913b"/><circle cx="26.463" cy="22" r="2.412" fill="#981ceb"/><circle cx="32.852" cy="22" r="1.986" fill="#dd2e44"/><circle cx="9.45" cy="22" r="2.412" fill="#981ceb"/><circle cx="3.061" cy="22" r="1.986" fill="#dd2e44"/><path fill="#ffac33" d="M33 34H3a1 1 0 1 1 0-2h30a1 1 0 1 1 0 2m0-3.486H3a1 1 0 1 1 0-2h30a1 1 0 1 1 0 2"/><circle cx="1.447" cy="8.042" r="1.407" fill="#ffcc4d"/><circle cx="6.75" cy="7.594" r="1.192" fill="#f4900c"/><circle cx="12.113" cy="3.523" r="1.784" fill="#ffcc4d"/><circle cx="34.553" cy="8.042" r="1.407" fill="#ffcc4d"/><circle cx="29.25" cy="7.594" r="1.192" fill="#f4900c"/><circle cx="23.887" cy="3.523" r="1.784" fill="#ffcc4d"/><circle cx="17.938" cy="5.534" r="1.784" fill="#f4900c"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M14.174%2017.075L6.75%207.594l-3.722%209.481z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22m17.938%205.534l-6.563%2012.389H24.5z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22m21.826%2017.075l7.424-9.481l3.722%209.481z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M28.669%2015.19L23.887%203.523l-5.88%2011.668l-.007.003l-.007-.004l-5.88-11.668L7.331%2015.19C4.197%2010.833%201.28%208.042%201.28%208.042S3%2020.75%203%2033h30c0-12.25%201.72-24.958%201.72-24.958s-2.917%202.791-6.051%207.148%22%2F%3E%3Ccircle%20cx%3D%2217.957%22%20cy%3D%2222%22%20r%3D%223.688%22%20fill%3D%22%235c913b%22%2F%3E%3Ccircle%20cx%3D%2226.463%22%20cy%3D%2222%22%20r%3D%222.412%22%20fill%3D%22%23981ceb%22%2F%3E%3Ccircle%20cx%3D%2232.852%22%20cy%3D%2222%22%20r%3D%221.986%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%229.45%22%20cy%3D%2222%22%20r%3D%222.412%22%20fill%3D%22%23981ceb%22%2F%3E%3Ccircle%20cx%3D%223.061%22%20cy%3D%2222%22%20r%3D%221.986%22%20fill%3D%22%23dd2e44%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M33%2034H3a1%201%200%201%201%200-2h30a1%201%200%201%201%200%202m0-3.486H3a1%201%200%201%201%200-2h30a1%201%200%201%201%200%202%22%2F%3E%3Ccircle%20cx%3D%221.447%22%20cy%3D%228.042%22%20r%3D%221.407%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%226.75%22%20cy%3D%227.594%22%20r%3D%221.192%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2212.113%22%20cy%3D%223.523%22%20r%3D%221.784%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2234.553%22%20cy%3D%228.042%22%20r%3D%221.407%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2229.25%22%20cy%3D%227.594%22%20r%3D%221.192%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2223.887%22%20cy%3D%223.523%22%20r%3D%221.784%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2217.938%22%20cy%3D%225.534%22%20r%3D%221.784%22%20fill%3D%22%23f4900c%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M14.174%2017.075L6.75%207.594l-3.722%209.481z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22m17.938%205.534l-6.563%2012.389H24.5z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22m21.826%2017.075l7.424-9.481l3.722%209.481z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M28.669%2015.19L23.887%203.523l-5.88%2011.668l-.007.003l-.007-.004l-5.88-11.668L7.331%2015.19C4.197%2010.833%201.28%208.042%201.28%208.042S3%2020.75%203%2033h30c0-12.25%201.72-24.958%201.72-24.958s-2.917%202.791-6.051%207.148%22%2F%3E%3Ccircle%20cx%3D%2217.957%22%20cy%3D%2222%22%20r%3D%223.688%22%20fill%3D%22%235c913b%22%2F%3E%3Ccircle%20cx%3D%2226.463%22%20cy%3D%2222%22%20r%3D%222.412%22%20fill%3D%22%23981ceb%22%2F%3E%3Ccircle%20cx%3D%2232.852%22%20cy%3D%2222%22%20r%3D%221.986%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%229.45%22%20cy%3D%2222%22%20r%3D%222.412%22%20fill%3D%22%23981ceb%22%2F%3E%3Ccircle%20cx%3D%223.061%22%20cy%3D%2222%22%20r%3D%221.986%22%20fill%3D%22%23dd2e44%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M33%2034H3a1%201%200%201%201%200-2h30a1%201%200%201%201%200%202m0-3.486H3a1%201%200%201%201%200-2h30a1%201%200%201%201%200%202%22%2F%3E%3Ccircle%20cx%3D%221.447%22%20cy%3D%228.042%22%20r%3D%221.407%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%226.75%22%20cy%3D%227.594%22%20r%3D%221.192%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2212.113%22%20cy%3D%223.523%22%20r%3D%221.784%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2234.553%22%20cy%3D%228.042%22%20r%3D%221.407%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2229.25%22%20cy%3D%227.594%22%20r%3D%221.192%22%20fill%3D%22%23f4900c%22%2F%3E%3Ccircle%20cx%3D%2223.887%22%20cy%3D%223.523%22%20r%3D%221.784%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Ccircle%20cx%3D%2217.938%22%20cy%3D%225.534%22%20r%3D%221.784%22%20fill%3D%22%23f4900c%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/crown.svg?color=%231a73e8&size=48
