crown a icon

crown-a-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name
crown-a-fill
Set
Mage Icons
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in Mage Icons

crown-a

Related icons in Mage Icons

crown-b

Use the crown a icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.56 4.607a1.81 1.81 0 0 0-2-.54a1.75 1.75 0 0 0-.79.63l-2.56 2.48l-2.66-3.64a1.77 1.77 0 0 0-2.48-.65a1.76 1.76 0 0 0-.62.65l-2.66 3.64l-2.56-2.48a1.77 1.77 0 0 0-2.84-.09A1.76 1.76 0 0 0 2 5.687v9.8a5.89 5.89 0 0 0 5.89 5.89h8.22a5.91 5.91 0 0 0 5.89-5.89v-9.83a1.83 1.83 0 0 0-.44-1.05m-5.57 12.91h-8a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2"/></svg>

React

import type { SVGProps } from "react";

export function MageCrownAFill(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="M21.56 4.607a1.81 1.81 0 0 0-2-.54a1.75 1.75 0 0 0-.79.63l-2.56 2.48l-2.66-3.64a1.77 1.77 0 0 0-2.48-.65a1.76 1.76 0 0 0-.62.65l-2.66 3.64l-2.56-2.48a1.77 1.77 0 0 0-2.84-.09A1.76 1.76 0 0 0 2 5.687v9.8a5.89 5.89 0 0 0 5.89 5.89h8.22a5.91 5.91 0 0 0 5.89-5.89v-9.83a1.83 1.83 0 0 0-.44-1.05m-5.57 12.91h-8a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.56 4.607a1.81 1.81 0 0 0-2-.54a1.75 1.75 0 0 0-.79.63l-2.56 2.48l-2.66-3.64a1.77 1.77 0 0 0-2.48-.65a1.76 1.76 0 0 0-.62.65l-2.66 3.64l-2.56-2.48a1.77 1.77 0 0 0-2.84-.09A1.76 1.76 0 0 0 2 5.687v9.8a5.89 5.89 0 0 0 5.89 5.89h8.22a5.91 5.91 0 0 0 5.89-5.89v-9.83a1.83 1.83 0 0 0-.44-1.05m-5.57 12.91h-8a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2"/></svg>
</template>

CSS

.icon-crown-a-fill {
  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%22M21.56%204.607a1.81%201.81%200%200%200-2-.54a1.75%201.75%200%200%200-.79.63l-2.56%202.48l-2.66-3.64a1.77%201.77%200%200%200-2.48-.65a1.76%201.76%200%200%200-.62.65l-2.66%203.64l-2.56-2.48a1.77%201.77%200%200%200-2.84-.09A1.76%201.76%200%200%200%202%205.687v9.8a5.89%205.89%200%200%200%205.89%205.89h8.22a5.91%205.91%200%200%200%205.89-5.89v-9.83a1.83%201.83%200%200%200-.44-1.05m-5.57%2012.91h-8a1%201%200%200%201%200-2h8a1%201%200%201%201%200%202%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%22M21.56%204.607a1.81%201.81%200%200%200-2-.54a1.75%201.75%200%200%200-.79.63l-2.56%202.48l-2.66-3.64a1.77%201.77%200%200%200-2.48-.65a1.76%201.76%200%200%200-.62.65l-2.66%203.64l-2.56-2.48a1.77%201.77%200%200%200-2.84-.09A1.76%201.76%200%200%200%202%205.687v9.8a5.89%205.89%200%200%200%205.89%205.89h8.22a5.91%205.91%200%200%200%205.89-5.89v-9.83a1.83%201.83%200%200%200-.44-1.05m-5.57%2012.91h-8a1%201%200%200%201%200-2h8a1%201%200%201%201%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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