crown icon
crown-outline from Material Symbols Light by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- crown-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- crown-outline-sharp
3 other variants in Material Symbols Light
The same icon in other sets
All crown icons →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 IconscrownKeyline IconscrownLine AwesomecrownLucide
More social icons from Material Symbols Light
Use the crown icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.827 19v-1h12.346v1zm-.058-2.884L4.321 8.475q-.05.02-.112.022q-.063.003-.113.003q-.471 0-.783-.32T3 7.404q0-.473.313-.804q.312-.33.784-.33t.803.33q.33.331.33.804q0 .104-.008.193t-.059.176l3.202 1.285l2.971-4.045q-.217-.142-.344-.376q-.127-.233-.127-.503q0-.472.331-.803q.33-.331.803-.331q.472 0 .804.33t.332.8q0 .284-.127.512q-.127.23-.344.371l2.97 4.045l3.203-1.285q-.027-.08-.047-.175q-.02-.096-.02-.194q0-.473.312-.804q.312-.33.784-.33t.803.33q.331.331.331.804q0 .454-.332.775t-.806.321q-.038 0-.086-.012t-.104-.013l-1.441 7.64zm.854-1h10.754l1.227-6.137l-3.317 1.323L12 5.804l-3.286 4.498l-3.318-1.323zm5.377 0"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCrownOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.827 19v-1h12.346v1zm-.058-2.884L4.321 8.475q-.05.02-.112.022q-.063.003-.113.003q-.471 0-.783-.32T3 7.404q0-.473.313-.804q.312-.33.784-.33t.803.33q.33.331.33.804q0 .104-.008.193t-.059.176l3.202 1.285l2.971-4.045q-.217-.142-.344-.376q-.127-.233-.127-.503q0-.472.331-.803q.33-.331.803-.331q.472 0 .804.33t.332.8q0 .284-.127.512q-.127.23-.344.371l2.97 4.045l3.203-1.285q-.027-.08-.047-.175q-.02-.096-.02-.194q0-.473.312-.804q.312-.33.784-.33t.803.33q.331.331.331.804q0 .454-.332.775t-.806.321q-.038 0-.086-.012t-.104-.013l-1.441 7.64zm.854-1h10.754l1.227-6.137l-3.317 1.323L12 5.804l-3.286 4.498l-3.318-1.323zm5.377 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.827 19v-1h12.346v1zm-.058-2.884L4.321 8.475q-.05.02-.112.022q-.063.003-.113.003q-.471 0-.783-.32T3 7.404q0-.473.313-.804q.312-.33.784-.33t.803.33q.33.331.33.804q0 .104-.008.193t-.059.176l3.202 1.285l2.971-4.045q-.217-.142-.344-.376q-.127-.233-.127-.503q0-.472.331-.803q.33-.331.803-.331q.472 0 .804.33t.332.8q0 .284-.127.512q-.127.23-.344.371l2.97 4.045l3.203-1.285q-.027-.08-.047-.175q-.02-.096-.02-.194q0-.473.312-.804q.312-.33.784-.33t.803.33q.331.331.331.804q0 .454-.332.775t-.806.321q-.038 0-.086-.012t-.104-.013l-1.441 7.64zm.854-1h10.754l1.227-6.137l-3.317 1.323L12 5.804l-3.286 4.498l-3.318-1.323zm5.377 0"/></svg> </template>
CSS
.icon-crown-outline {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.827%2019v-1h12.346v1zm-.058-2.884L4.321%208.475q-.05.02-.112.022q-.063.003-.113.003q-.471%200-.783-.32T3%207.404q0-.473.313-.804q.312-.33.784-.33t.803.33q.33.331.33.804q0%20.104-.008.193t-.059.176l3.202%201.285l2.971-4.045q-.217-.142-.344-.376q-.127-.233-.127-.503q0-.472.331-.803q.33-.331.803-.331q.472%200%20.804.33t.332.8q0%20.284-.127.512q-.127.23-.344.371l2.97%204.045l3.203-1.285q-.027-.08-.047-.175q-.02-.096-.02-.194q0-.473.312-.804q.312-.33.784-.33t.803.33q.331.331.331.804q0%20.454-.332.775t-.806.321q-.038%200-.086-.012t-.104-.013l-1.441%207.64zm.854-1h10.754l1.227-6.137l-3.317%201.323L12%205.804l-3.286%204.498l-3.318-1.323zm5.377%200%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.827%2019v-1h12.346v1zm-.058-2.884L4.321%208.475q-.05.02-.112.022q-.063.003-.113.003q-.471%200-.783-.32T3%207.404q0-.473.313-.804q.312-.33.784-.33t.803.33q.33.331.33.804q0%20.104-.008.193t-.059.176l3.202%201.285l2.971-4.045q-.217-.142-.344-.376q-.127-.233-.127-.503q0-.472.331-.803q.33-.331.803-.331q.472%200%20.804.33t.332.8q0%20.284-.127.512q-.127.23-.344.371l2.97%204.045l3.203-1.285q-.027-.08-.047-.175q-.02-.096-.02-.194q0-.473.312-.804q.312-.33.784-.33t.803.33q.331.331.331.804q0%20.454-.332.775t-.806.321q-.038%200-.086-.012t-.104-.013l-1.441%207.64zm.854-1h10.754l1.227-6.137l-3.317%201.323L12%205.804l-3.286%204.498l-3.318-1.323zm5.377%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/crown-outline.svg?color=%231a73e8&size=48
