crown cross icon

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

Name
crown-cross-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

crown-crosscrown-cross-duotonecrown-cross-fillcrown-cross-lightcrown-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 56c-15.4 0-29.19 4.61-40 12.5V44h12a12 12 0 0 0 0-24h-12v-8a12 12 0 0 0-24 0v8h-12a12 12 0 0 0 0 24h12v24.5C105.19 60.61 91.4 56 76 56a64.07 64.07 0 0 0-64 64c0 31.66 15.53 50.6 28.55 60.91A85.8 85.8 0 0 0 60 192.45V208a20 20 0 0 0 20 20h96a20 20 0 0 0 20-20v-15.55a85.8 85.8 0 0 0 19.45-11.54C228.47 170.6 244 151.66 244 120a64.07 64.07 0 0 0-64-64m1.09 116.36A12 12 0 0 0 172 184v20H84v-20a12 12 0 0 0-9.09-11.64a59.4 59.4 0 0 1-19.46-10.27C42.54 151.87 36 137.71 36 120a40 40 0 0 1 40-40c23.18 0 40 15.14 40 36v60a12 12 0 0 0 24 0v-60c0-20.86 16.82-36 40-36a40 40 0 0 1 40 40c0 41.68-37.38 52-38.91 52.36"/></svg>

React

import type { SVGProps } from "react";

export function PhCrownCrossBold(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 56c-15.4 0-29.19 4.61-40 12.5V44h12a12 12 0 0 0 0-24h-12v-8a12 12 0 0 0-24 0v8h-12a12 12 0 0 0 0 24h12v24.5C105.19 60.61 91.4 56 76 56a64.07 64.07 0 0 0-64 64c0 31.66 15.53 50.6 28.55 60.91A85.8 85.8 0 0 0 60 192.45V208a20 20 0 0 0 20 20h96a20 20 0 0 0 20-20v-15.55a85.8 85.8 0 0 0 19.45-11.54C228.47 170.6 244 151.66 244 120a64.07 64.07 0 0 0-64-64m1.09 116.36A12 12 0 0 0 172 184v20H84v-20a12 12 0 0 0-9.09-11.64a59.4 59.4 0 0 1-19.46-10.27C42.54 151.87 36 137.71 36 120a40 40 0 0 1 40-40c23.18 0 40 15.14 40 36v60a12 12 0 0 0 24 0v-60c0-20.86 16.82-36 40-36a40 40 0 0 1 40 40c0 41.68-37.38 52-38.91 52.36"/></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 56c-15.4 0-29.19 4.61-40 12.5V44h12a12 12 0 0 0 0-24h-12v-8a12 12 0 0 0-24 0v8h-12a12 12 0 0 0 0 24h12v24.5C105.19 60.61 91.4 56 76 56a64.07 64.07 0 0 0-64 64c0 31.66 15.53 50.6 28.55 60.91A85.8 85.8 0 0 0 60 192.45V208a20 20 0 0 0 20 20h96a20 20 0 0 0 20-20v-15.55a85.8 85.8 0 0 0 19.45-11.54C228.47 170.6 244 151.66 244 120a64.07 64.07 0 0 0-64-64m1.09 116.36A12 12 0 0 0 172 184v20H84v-20a12 12 0 0 0-9.09-11.64a59.4 59.4 0 0 1-19.46-10.27C42.54 151.87 36 137.71 36 120a40 40 0 0 1 40-40c23.18 0 40 15.14 40 36v60a12 12 0 0 0 24 0v-60c0-20.86 16.82-36 40-36a40 40 0 0 1 40 40c0 41.68-37.38 52-38.91 52.36"/></svg>
</template>

CSS

.icon-crown-cross-bold {
  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%2056c-15.4%200-29.19%204.61-40%2012.5V44h12a12%2012%200%200%200%200-24h-12v-8a12%2012%200%200%200-24%200v8h-12a12%2012%200%200%200%200%2024h12v24.5C105.19%2060.61%2091.4%2056%2076%2056a64.07%2064.07%200%200%200-64%2064c0%2031.66%2015.53%2050.6%2028.55%2060.91A85.8%2085.8%200%200%200%2060%20192.45V208a20%2020%200%200%200%2020%2020h96a20%2020%200%200%200%2020-20v-15.55a85.8%2085.8%200%200%200%2019.45-11.54C228.47%20170.6%20244%20151.66%20244%20120a64.07%2064.07%200%200%200-64-64m1.09%20116.36A12%2012%200%200%200%20172%20184v20H84v-20a12%2012%200%200%200-9.09-11.64a59.4%2059.4%200%200%201-19.46-10.27C42.54%20151.87%2036%20137.71%2036%20120a40%2040%200%200%201%2040-40c23.18%200%2040%2015.14%2040%2036v60a12%2012%200%200%200%2024%200v-60c0-20.86%2016.82-36%2040-36a40%2040%200%200%201%2040%2040c0%2041.68-37.38%2052-38.91%2052.36%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%2056c-15.4%200-29.19%204.61-40%2012.5V44h12a12%2012%200%200%200%200-24h-12v-8a12%2012%200%200%200-24%200v8h-12a12%2012%200%200%200%200%2024h12v24.5C105.19%2060.61%2091.4%2056%2076%2056a64.07%2064.07%200%200%200-64%2064c0%2031.66%2015.53%2050.6%2028.55%2060.91A85.8%2085.8%200%200%200%2060%20192.45V208a20%2020%200%200%200%2020%2020h96a20%2020%200%200%200%2020-20v-15.55a85.8%2085.8%200%200%200%2019.45-11.54C228.47%20170.6%20244%20151.66%20244%20120a64.07%2064.07%200%200%200-64-64m1.09%20116.36A12%2012%200%200%200%20172%20184v20H84v-20a12%2012%200%200%200-9.09-11.64a59.4%2059.4%200%200%201-19.46-10.27C42.54%20151.87%2036%20137.71%2036%20120a40%2040%200%200%201%2040-40c23.18%200%2040%2015.14%2040%2036v60a12%2012%200%200%200%2024%200v-60c0-20.86%2016.82-36%2040-36a40%2040%200%200%201%2040%2040c0%2041.68-37.38%2052-38.91%2052.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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