crown simple icon

crown-simple-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: crown-simple-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

crown-simple crown-simple-bold crown-simple-duotone crown-simple-fill crown-simple-thin

Related icons in Phosphor

Use the crown simple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230 75.4a13.87 13.87 0 0 0-16.52 3.34l-35.74 38.52l-37.03-83.13a14 14 0 0 0-25.45.07l-37 83.06l-35.78-38.52a14 14 0 0 0-24.26 11.72c0 .08 0 .16.05.24L41 194.57A14 14 0 0 0 54.71 206h146.58a14 14 0 0 0 13.76-11.43L237.73 90.7c0-.08 0-.16.05-.24A13.89 13.89 0 0 0 230 75.4m-4 12.89l-22.69 103.82a2 2 0 0 0-.05.24a2 2 0 0 1-2 1.65H54.71a2 2 0 0 1-2-1.65a2 2 0 0 0-.05-.24L30 88.29a1.82 1.82 0 0 1 1.12-2.06a1.84 1.84 0 0 1 2.36.48l.12.13l42 45.24a6 6 0 0 0 9.88-1.64l40.7-91.28A1.92 1.92 0 0 1 128 38a1.87 1.87 0 0 1 1.78 1.09l40.74 91.35a6 6 0 0 0 9.88 1.64l42-45.24l.12-.13a1.84 1.84 0 0 1 2.36-.48a1.82 1.82 0 0 1 1.12 2.06"/></svg>

React

import type { SVGProps } from "react";

export function PhCrownSimpleLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230 75.4a13.87 13.87 0 0 0-16.52 3.34l-35.74 38.52l-37.03-83.13a14 14 0 0 0-25.45.07l-37 83.06l-35.78-38.52a14 14 0 0 0-24.26 11.72c0 .08 0 .16.05.24L41 194.57A14 14 0 0 0 54.71 206h146.58a14 14 0 0 0 13.76-11.43L237.73 90.7c0-.08 0-.16.05-.24A13.89 13.89 0 0 0 230 75.4m-4 12.89l-22.69 103.82a2 2 0 0 0-.05.24a2 2 0 0 1-2 1.65H54.71a2 2 0 0 1-2-1.65a2 2 0 0 0-.05-.24L30 88.29a1.82 1.82 0 0 1 1.12-2.06a1.84 1.84 0 0 1 2.36.48l.12.13l42 45.24a6 6 0 0 0 9.88-1.64l40.7-91.28A1.92 1.92 0 0 1 128 38a1.87 1.87 0 0 1 1.78 1.09l40.74 91.35a6 6 0 0 0 9.88 1.64l42-45.24l.12-.13a1.84 1.84 0 0 1 2.36-.48a1.82 1.82 0 0 1 1.12 2.06"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230 75.4a13.87 13.87 0 0 0-16.52 3.34l-35.74 38.52l-37.03-83.13a14 14 0 0 0-25.45.07l-37 83.06l-35.78-38.52a14 14 0 0 0-24.26 11.72c0 .08 0 .16.05.24L41 194.57A14 14 0 0 0 54.71 206h146.58a14 14 0 0 0 13.76-11.43L237.73 90.7c0-.08 0-.16.05-.24A13.89 13.89 0 0 0 230 75.4m-4 12.89l-22.69 103.82a2 2 0 0 0-.05.24a2 2 0 0 1-2 1.65H54.71a2 2 0 0 1-2-1.65a2 2 0 0 0-.05-.24L30 88.29a1.82 1.82 0 0 1 1.12-2.06a1.84 1.84 0 0 1 2.36.48l.12.13l42 45.24a6 6 0 0 0 9.88-1.64l40.7-91.28A1.92 1.92 0 0 1 128 38a1.87 1.87 0 0 1 1.78 1.09l40.74 91.35a6 6 0 0 0 9.88 1.64l42-45.24l.12-.13a1.84 1.84 0 0 1 2.36-.48a1.82 1.82 0 0 1 1.12 2.06"/></svg>
</template>

CSS

.icon-crown-simple-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M230%2075.4a13.87%2013.87%200%200%200-16.52%203.34l-35.74%2038.52l-37.03-83.13a14%2014%200%200%200-25.45.07l-37%2083.06l-35.78-38.52a14%2014%200%200%200-24.26%2011.72c0%20.08%200%20.16.05.24L41%20194.57A14%2014%200%200%200%2054.71%20206h146.58a14%2014%200%200%200%2013.76-11.43L237.73%2090.7c0-.08%200-.16.05-.24A13.89%2013.89%200%200%200%20230%2075.4m-4%2012.89l-22.69%20103.82a2%202%200%200%200-.05.24a2%202%200%200%201-2%201.65H54.71a2%202%200%200%201-2-1.65a2%202%200%200%200-.05-.24L30%2088.29a1.82%201.82%200%200%201%201.12-2.06a1.84%201.84%200%200%201%202.36.48l.12.13l42%2045.24a6%206%200%200%200%209.88-1.64l40.7-91.28A1.92%201.92%200%200%201%20128%2038a1.87%201.87%200%200%201%201.78%201.09l40.74%2091.35a6%206%200%200%200%209.88%201.64l42-45.24l.12-.13a1.84%201.84%200%200%201%202.36-.48a1.82%201.82%200%200%201%201.12%202.06%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M230%2075.4a13.87%2013.87%200%200%200-16.52%203.34l-35.74%2038.52l-37.03-83.13a14%2014%200%200%200-25.45.07l-37%2083.06l-35.78-38.52a14%2014%200%200%200-24.26%2011.72c0%20.08%200%20.16.05.24L41%20194.57A14%2014%200%200%200%2054.71%20206h146.58a14%2014%200%200%200%2013.76-11.43L237.73%2090.7c0-.08%200-.16.05-.24A13.89%2013.89%200%200%200%20230%2075.4m-4%2012.89l-22.69%20103.82a2%202%200%200%200-.05.24a2%202%200%200%201-2%201.65H54.71a2%202%200%200%201-2-1.65a2%202%200%200%200-.05-.24L30%2088.29a1.82%201.82%200%200%201%201.12-2.06a1.84%201.84%200%200%201%202.36.48l.12.13l42%2045.24a6%206%200%200%200%209.88-1.64l40.7-91.28A1.92%201.92%200%200%201%20128%2038a1.87%201.87%200%200%201%201.78%201.09l40.74%2091.35a6%206%200%200%200%209.88%201.64l42-45.24l.12-.13a1.84%201.84%200%200%201%202.36-.48a1.82%201.82%200%200%201%201.12%202.06%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/crown-simple-light.svg?color=%231a73e8&size=48