hat wizard icon

hat-wizard from Font Awesome Solid by Dave Gandy · Solid · Clothing · CC-BY-4.0 Attribution required.

Name: hat-wizard
Set: Font Awesome Solid
Style: Solid
Category: Clothing
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

hat-wizardFont Awesome 6 Solid hat-wizardLine Awesome

More clothing icons from Font Awesome Solid

graduation-cap hat-cowboy hat-cowboy-side shoe-prints tshirt user-tie hat-hard

Use the hat wizard icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m128 464l85.7-208.2c17-41.3 47.8-75.3 87.2-96.3l146.9-78.3c12.3-6.6 26.5 4.7 23 18.2l-37.2 142.4c-1.1 4.1-1.6 8.3-1.6 12.6c0 6.3 1.2 12.6 3.6 18.5L512 464H304.9l11.8-35.4l40.4-13.5c6.5-2.2 10.9-8.3 10.9-15.2s-4.4-13-10.9-15.2l-40.4-13.5l-13.5-40.4c-2.2-6.4-8.3-10.8-15.2-10.8s-13 4.4-15.2 10.9l-13.5 40.4l-40.4 13.5c-6.5 2.2-10.9 8.3-10.9 15.2s4.4 13 10.9 15.2l40.4 13.5l11.8 35.4H128zm215.6-258.5c-1.1-3.3-4.1-5.5-7.6-5.5s-6.5 2.2-7.6 5.5l-6.7 20.2l-20.2 6.7c-3.3 1.1-5.5 4.1-5.5 7.6s2.2 6.5 5.5 7.6l20.2 6.7l6.7 20.2c1.1 3.3 4.1 5.5 7.6 5.5s6.5-2.2 7.6-5.5l6.7-20.2l20.2-6.7c3.3-1.1 5.5-4.1 5.5-7.6s-2.2-6.5-5.5-7.6l-20.2-6.7zM96 512h448c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHatWizard(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m128 464l85.7-208.2c17-41.3 47.8-75.3 87.2-96.3l146.9-78.3c12.3-6.6 26.5 4.7 23 18.2l-37.2 142.4c-1.1 4.1-1.6 8.3-1.6 12.6c0 6.3 1.2 12.6 3.6 18.5L512 464H304.9l11.8-35.4l40.4-13.5c6.5-2.2 10.9-8.3 10.9-15.2s-4.4-13-10.9-15.2l-40.4-13.5l-13.5-40.4c-2.2-6.4-8.3-10.8-15.2-10.8s-13 4.4-15.2 10.9l-13.5 40.4l-40.4 13.5c-6.5 2.2-10.9 8.3-10.9 15.2s4.4 13 10.9 15.2l40.4 13.5l11.8 35.4H128zm215.6-258.5c-1.1-3.3-4.1-5.5-7.6-5.5s-6.5 2.2-7.6 5.5l-6.7 20.2l-20.2 6.7c-3.3 1.1-5.5 4.1-5.5 7.6s2.2 6.5 5.5 7.6l20.2 6.7l6.7 20.2c1.1 3.3 4.1 5.5 7.6 5.5s6.5-2.2 7.6-5.5l6.7-20.2l20.2-6.7c3.3-1.1 5.5-4.1 5.5-7.6s-2.2-6.5-5.5-7.6l-20.2-6.7zM96 512h448c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m128 464l85.7-208.2c17-41.3 47.8-75.3 87.2-96.3l146.9-78.3c12.3-6.6 26.5 4.7 23 18.2l-37.2 142.4c-1.1 4.1-1.6 8.3-1.6 12.6c0 6.3 1.2 12.6 3.6 18.5L512 464H304.9l11.8-35.4l40.4-13.5c6.5-2.2 10.9-8.3 10.9-15.2s-4.4-13-10.9-15.2l-40.4-13.5l-13.5-40.4c-2.2-6.4-8.3-10.8-15.2-10.8s-13 4.4-15.2 10.9l-13.5 40.4l-40.4 13.5c-6.5 2.2-10.9 8.3-10.9 15.2s4.4 13 10.9 15.2l40.4 13.5l11.8 35.4H128zm215.6-258.5c-1.1-3.3-4.1-5.5-7.6-5.5s-6.5 2.2-7.6 5.5l-6.7 20.2l-20.2 6.7c-3.3 1.1-5.5 4.1-5.5 7.6s2.2 6.5 5.5 7.6l20.2 6.7l6.7 20.2c1.1 3.3 4.1 5.5 7.6 5.5s6.5-2.2 7.6-5.5l6.7-20.2l20.2-6.7c3.3-1.1 5.5-4.1 5.5-7.6s-2.2-6.5-5.5-7.6l-20.2-6.7zM96 512h448c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>
</template>

CSS

.icon-hat-wizard {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m128%20464l85.7-208.2c17-41.3%2047.8-75.3%2087.2-96.3l146.9-78.3c12.3-6.6%2026.5%204.7%2023%2018.2l-37.2%20142.4c-1.1%204.1-1.6%208.3-1.6%2012.6c0%206.3%201.2%2012.6%203.6%2018.5L512%20464H304.9l11.8-35.4l40.4-13.5c6.5-2.2%2010.9-8.3%2010.9-15.2s-4.4-13-10.9-15.2l-40.4-13.5l-13.5-40.4c-2.2-6.4-8.3-10.8-15.2-10.8s-13%204.4-15.2%2010.9l-13.5%2040.4l-40.4%2013.5c-6.5%202.2-10.9%208.3-10.9%2015.2s4.4%2013%2010.9%2015.2l40.4%2013.5l11.8%2035.4H128zm215.6-258.5c-1.1-3.3-4.1-5.5-7.6-5.5s-6.5%202.2-7.6%205.5l-6.7%2020.2l-20.2%206.7c-3.3%201.1-5.5%204.1-5.5%207.6s2.2%206.5%205.5%207.6l20.2%206.7l6.7%2020.2c1.1%203.3%204.1%205.5%207.6%205.5s6.5-2.2%207.6-5.5l6.7-20.2l20.2-6.7c3.3-1.1%205.5-4.1%205.5-7.6s-2.2-6.5-5.5-7.6l-20.2-6.7zM96%20512h448c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H96c-17.7%200-32-14.3-32-32s14.3-32%2032-32%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m128%20464l85.7-208.2c17-41.3%2047.8-75.3%2087.2-96.3l146.9-78.3c12.3-6.6%2026.5%204.7%2023%2018.2l-37.2%20142.4c-1.1%204.1-1.6%208.3-1.6%2012.6c0%206.3%201.2%2012.6%203.6%2018.5L512%20464H304.9l11.8-35.4l40.4-13.5c6.5-2.2%2010.9-8.3%2010.9-15.2s-4.4-13-10.9-15.2l-40.4-13.5l-13.5-40.4c-2.2-6.4-8.3-10.8-15.2-10.8s-13%204.4-15.2%2010.9l-13.5%2040.4l-40.4%2013.5c-6.5%202.2-10.9%208.3-10.9%2015.2s4.4%2013%2010.9%2015.2l40.4%2013.5l11.8%2035.4H128zm215.6-258.5c-1.1-3.3-4.1-5.5-7.6-5.5s-6.5%202.2-7.6%205.5l-6.7%2020.2l-20.2%206.7c-3.3%201.1-5.5%204.1-5.5%207.6s2.2%206.5%205.5%207.6l20.2%206.7l6.7%2020.2c1.1%203.3%204.1%205.5%207.6%205.5s6.5-2.2%207.6-5.5l6.7-20.2l20.2-6.7c3.3-1.1%205.5-4.1%205.5-7.6s-2.2-6.5-5.5-7.6l-20.2-6.7zM96%20512h448c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H96c-17.7%200-32-14.3-32-32s14.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/hat-wizard.svg?color=%231a73e8&size=48