deathly hallows icon

deathly-hallows from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name: deathly-hallows
Set: Material Design Icons
Style: Filled
Viewbox: 24×24
License: Apache 2.0
Aliases: harry-potter

Use the deathly hallows icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2L1 21h22zm.75 9.47c1.81.4 2.95 2.2 2.55 4.03c-.3 1.25-1.3 2.25-2.55 2.53zM11.25 18c-1.81-.4-2.95-2.2-2.55-4c.3-1.28 1.3-2.28 2.55-2.56zm5.63-3.28A4.874 4.874 0 0 0 12.75 10V6.29L20.4 19.5h-7.33c2.22-.5 3.8-2.47 3.81-4.75zm-5.63-8.43V10c-2.65.4-4.48 2.88-4.07 5.54c.32 1.96 1.79 3.58 3.75 4.01H3.6z"/></svg>

React

import type { SVGProps } from "react";

export function MdiDeathlyHallows(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="M12 2L1 21h22zm.75 9.47c1.81.4 2.95 2.2 2.55 4.03c-.3 1.25-1.3 2.25-2.55 2.53zM11.25 18c-1.81-.4-2.95-2.2-2.55-4c.3-1.28 1.3-2.28 2.55-2.56zm5.63-3.28A4.874 4.874 0 0 0 12.75 10V6.29L20.4 19.5h-7.33c2.22-.5 3.8-2.47 3.81-4.75zm-5.63-8.43V10c-2.65.4-4.48 2.88-4.07 5.54c.32 1.96 1.79 3.58 3.75 4.01H3.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2L1 21h22zm.75 9.47c1.81.4 2.95 2.2 2.55 4.03c-.3 1.25-1.3 2.25-2.55 2.53zM11.25 18c-1.81-.4-2.95-2.2-2.55-4c.3-1.28 1.3-2.28 2.55-2.56zm5.63-3.28A4.874 4.874 0 0 0 12.75 10V6.29L20.4 19.5h-7.33c2.22-.5 3.8-2.47 3.81-4.75zm-5.63-8.43V10c-2.65.4-4.48 2.88-4.07 5.54c.32 1.96 1.79 3.58 3.75 4.01H3.6z"/></svg>
</template>

CSS

.icon-deathly-hallows {
  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%22M12%202L1%2021h22zm.75%209.47c1.81.4%202.95%202.2%202.55%204.03c-.3%201.25-1.3%202.25-2.55%202.53zM11.25%2018c-1.81-.4-2.95-2.2-2.55-4c.3-1.28%201.3-2.28%202.55-2.56zm5.63-3.28A4.874%204.874%200%200%200%2012.75%2010V6.29L20.4%2019.5h-7.33c2.22-.5%203.8-2.47%203.81-4.75zm-5.63-8.43V10c-2.65.4-4.48%202.88-4.07%205.54c.32%201.96%201.79%203.58%203.75%204.01H3.6z%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%22M12%202L1%2021h22zm.75%209.47c1.81.4%202.95%202.2%202.55%204.03c-.3%201.25-1.3%202.25-2.55%202.53zM11.25%2018c-1.81-.4-2.95-2.2-2.55-4c.3-1.28%201.3-2.28%202.55-2.56zm5.63-3.28A4.874%204.874%200%200%200%2012.75%2010V6.29L20.4%2019.5h-7.33c2.22-.5%203.8-2.47%203.81-4.75zm-5.63-8.43V10c-2.65.4-4.48%202.88-4.07%205.54c.32%201.96%201.79%203.58%203.75%204.01H3.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/deathly-hallows.svg?color=%231a73e8&size=48