crown cross icon

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

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

5 other variants in Phosphor

crown-crosscrown-cross-boldcrown-cross-duotonecrown-cross-fillcrown-cross-thin

Related icons in Phosphor

crown-simple

Use the crown cross icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 58c-19.15 0-35.57 7.79-46 20.32V38h18a6 6 0 0 0 0-12h-18V8a6 6 0 0 0-12 0v18h-18a6 6 0 0 0 0 12h18v40.32C111.57 65.79 95.15 58 76 58a58.07 58.07 0 0 0-58 58c0 29.11 14.17 47.62 26.05 58a87.7 87.7 0 0 0 22 14v20a14 14 0 0 0 14 14h96a14 14 0 0 0 14-14v-19.95A87.7 87.7 0 0 0 212 174c11.88-10.39 26.05-28.9 26.05-58A58.07 58.07 0 0 0 180 58m2.1 120.31A6 6 0 0 0 178 184v24a2 2 0 0 1-2 2H80a2 2 0 0 1-2-2v-24a6 6 0 0 0-4.1-5.69C73.46 178.16 30 163.13 30 116a46.06 46.06 0 0 1 46-46c26.65 0 46 17.66 46 42v64a6 6 0 0 0 12 0v-64c0-24.34 19.35-42 46-42a46.06 46.06 0 0 1 46 46c0 46.9-42.12 61.71-43.9 62.31"/></svg>

React

import type { SVGProps } from "react";

export function PhCrownCrossLight(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="M180 58c-19.15 0-35.57 7.79-46 20.32V38h18a6 6 0 0 0 0-12h-18V8a6 6 0 0 0-12 0v18h-18a6 6 0 0 0 0 12h18v40.32C111.57 65.79 95.15 58 76 58a58.07 58.07 0 0 0-58 58c0 29.11 14.17 47.62 26.05 58a87.7 87.7 0 0 0 22 14v20a14 14 0 0 0 14 14h96a14 14 0 0 0 14-14v-19.95A87.7 87.7 0 0 0 212 174c11.88-10.39 26.05-28.9 26.05-58A58.07 58.07 0 0 0 180 58m2.1 120.31A6 6 0 0 0 178 184v24a2 2 0 0 1-2 2H80a2 2 0 0 1-2-2v-24a6 6 0 0 0-4.1-5.69C73.46 178.16 30 163.13 30 116a46.06 46.06 0 0 1 46-46c26.65 0 46 17.66 46 42v64a6 6 0 0 0 12 0v-64c0-24.34 19.35-42 46-42a46.06 46.06 0 0 1 46 46c0 46.9-42.12 61.71-43.9 62.31"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 58c-19.15 0-35.57 7.79-46 20.32V38h18a6 6 0 0 0 0-12h-18V8a6 6 0 0 0-12 0v18h-18a6 6 0 0 0 0 12h18v40.32C111.57 65.79 95.15 58 76 58a58.07 58.07 0 0 0-58 58c0 29.11 14.17 47.62 26.05 58a87.7 87.7 0 0 0 22 14v20a14 14 0 0 0 14 14h96a14 14 0 0 0 14-14v-19.95A87.7 87.7 0 0 0 212 174c11.88-10.39 26.05-28.9 26.05-58A58.07 58.07 0 0 0 180 58m2.1 120.31A6 6 0 0 0 178 184v24a2 2 0 0 1-2 2H80a2 2 0 0 1-2-2v-24a6 6 0 0 0-4.1-5.69C73.46 178.16 30 163.13 30 116a46.06 46.06 0 0 1 46-46c26.65 0 46 17.66 46 42v64a6 6 0 0 0 12 0v-64c0-24.34 19.35-42 46-42a46.06 46.06 0 0 1 46 46c0 46.9-42.12 61.71-43.9 62.31"/></svg>
</template>

CSS

.icon-crown-cross-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%22M180%2058c-19.15%200-35.57%207.79-46%2020.32V38h18a6%206%200%200%200%200-12h-18V8a6%206%200%200%200-12%200v18h-18a6%206%200%200%200%200%2012h18v40.32C111.57%2065.79%2095.15%2058%2076%2058a58.07%2058.07%200%200%200-58%2058c0%2029.11%2014.17%2047.62%2026.05%2058a87.7%2087.7%200%200%200%2022%2014v20a14%2014%200%200%200%2014%2014h96a14%2014%200%200%200%2014-14v-19.95A87.7%2087.7%200%200%200%20212%20174c11.88-10.39%2026.05-28.9%2026.05-58A58.07%2058.07%200%200%200%20180%2058m2.1%20120.31A6%206%200%200%200%20178%20184v24a2%202%200%200%201-2%202H80a2%202%200%200%201-2-2v-24a6%206%200%200%200-4.1-5.69C73.46%20178.16%2030%20163.13%2030%20116a46.06%2046.06%200%200%201%2046-46c26.65%200%2046%2017.66%2046%2042v64a6%206%200%200%200%2012%200v-64c0-24.34%2019.35-42%2046-42a46.06%2046.06%200%200%201%2046%2046c0%2046.9-42.12%2061.71-43.9%2062.31%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%22M180%2058c-19.15%200-35.57%207.79-46%2020.32V38h18a6%206%200%200%200%200-12h-18V8a6%206%200%200%200-12%200v18h-18a6%206%200%200%200%200%2012h18v40.32C111.57%2065.79%2095.15%2058%2076%2058a58.07%2058.07%200%200%200-58%2058c0%2029.11%2014.17%2047.62%2026.05%2058a87.7%2087.7%200%200%200%2022%2014v20a14%2014%200%200%200%2014%2014h96a14%2014%200%200%200%2014-14v-19.95A87.7%2087.7%200%200%200%20212%20174c11.88-10.39%2026.05-28.9%2026.05-58A58.07%2058.07%200%200%200%20180%2058m2.1%20120.31A6%206%200%200%200%20178%20184v24a2%202%200%200%201-2%202H80a2%202%200%200%201-2-2v-24a6%206%200%200%200-4.1-5.69C73.46%20178.16%2030%20163.13%2030%20116a46.06%2046.06%200%200%201%2046-46c26.65%200%2046%2017.66%2046%2042v64a6%206%200%200%200%2012%200v-64c0-24.34%2019.35-42%2046-42a46.06%2046.06%200%200%201%2046%2046c0%2046.9-42.12%2061.71-43.9%2062.31%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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