crown icon
crown-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- crown-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
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
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="M6.327 19q-.212 0-.356-.144t-.144-.357t.144-.356t.356-.143h11.346q.213 0 .356.144t.144.357t-.144.356t-.356.143zm.777-2.884q-.59 0-1.028-.37t-.562-.94L4.32 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.176l2.76 1.111q.192.077.385.02q.192-.058.326-.231l2.702-3.66q-.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.702 3.66q.134.173.326.23q.193.059.385-.018l2.76-1.112q-.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-.106-.013l-1.184 6.33q-.125.572-.562.941t-1.028.37zm.019-1h9.754q.212 0 .385-.135t.211-.346l1.13-5.656l-2.15.846q-.514.217-1.043.075t-.862-.61L12 5.804L9.452 9.29q-.333.468-.862.61t-1.044-.075l-2.15-.846l1.131 5.656q.038.211.211.346t.385.135m4.877 0"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCrownOutlineRounded(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="M6.327 19q-.212 0-.356-.144t-.144-.357t.144-.356t.356-.143h11.346q.213 0 .356.144t.144.357t-.144.356t-.356.143zm.777-2.884q-.59 0-1.028-.37t-.562-.94L4.32 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.176l2.76 1.111q.192.077.385.02q.192-.058.326-.231l2.702-3.66q-.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.702 3.66q.134.173.326.23q.193.059.385-.018l2.76-1.112q-.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-.106-.013l-1.184 6.33q-.125.572-.562.941t-1.028.37zm.019-1h9.754q.212 0 .385-.135t.211-.346l1.13-5.656l-2.15.846q-.514.217-1.043.075t-.862-.61L12 5.804L9.452 9.29q-.333.468-.862.61t-1.044-.075l-2.15-.846l1.131 5.656q.038.211.211.346t.385.135m4.877 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="M6.327 19q-.212 0-.356-.144t-.144-.357t.144-.356t.356-.143h11.346q.213 0 .356.144t.144.357t-.144.356t-.356.143zm.777-2.884q-.59 0-1.028-.37t-.562-.94L4.32 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.176l2.76 1.111q.192.077.385.02q.192-.058.326-.231l2.702-3.66q-.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.702 3.66q.134.173.326.23q.193.059.385-.018l2.76-1.112q-.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-.106-.013l-1.184 6.33q-.125.572-.562.941t-1.028.37zm.019-1h9.754q.212 0 .385-.135t.211-.346l1.13-5.656l-2.15.846q-.514.217-1.043.075t-.862-.61L12 5.804L9.452 9.29q-.333.468-.862.61t-1.044-.075l-2.15-.846l1.131 5.656q.038.211.211.346t.385.135m4.877 0"/></svg> </template>
CSS
.icon-crown-outline-rounded {
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%22M6.327%2019q-.212%200-.356-.144t-.144-.357t.144-.356t.356-.143h11.346q.213%200%20.356.144t.144.357t-.144.356t-.356.143zm.777-2.884q-.59%200-1.028-.37t-.562-.94L4.32%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.176l2.76%201.111q.192.077.385.02q.192-.058.326-.231l2.702-3.66q-.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.702%203.66q.134.173.326.23q.193.059.385-.018l2.76-1.112q-.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-.106-.013l-1.184%206.33q-.125.572-.562.941t-1.028.37zm.019-1h9.754q.212%200%20.385-.135t.211-.346l1.13-5.656l-2.15.846q-.514.217-1.043.075t-.862-.61L12%205.804L9.452%209.29q-.333.468-.862.61t-1.044-.075l-2.15-.846l1.131%205.656q.038.211.211.346t.385.135m4.877%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%22M6.327%2019q-.212%200-.356-.144t-.144-.357t.144-.356t.356-.143h11.346q.213%200%20.356.144t.144.357t-.144.356t-.356.143zm.777-2.884q-.59%200-1.028-.37t-.562-.94L4.32%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.176l2.76%201.111q.192.077.385.02q.192-.058.326-.231l2.702-3.66q-.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.702%203.66q.134.173.326.23q.193.059.385-.018l2.76-1.112q-.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-.106-.013l-1.184%206.33q-.125.572-.562.941t-1.028.37zm.019-1h9.754q.212%200%20.385-.135t.211-.346l1.13-5.656l-2.15.846q-.514.217-1.043.075t-.862-.61L12%205.804L9.452%209.29q-.333.468-.862.61t-1.044-.075l-2.15-.846l1.131%205.656q.038.211.211.346t.385.135m4.877%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-rounded.svg?color=%231a73e8&size=48
