hat wizard icon

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

Name
hat-wizard
Set
Font Awesome 6 Solid
Style
Regular
Category
Clothing
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

hat-wizardLine Awesome

More clothing icons from Font Awesome 6 Solid

graduation-caphat-cowboyhat-cowboy-sideshoe-printsuser-tie

Use the hat wizard icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m64 416l104.6-235.3c15.3-34.4 40.3-63.5 72-83.7L387.5 3c3-1.9 6.5-2.9 10-2.9C407.7 0 416 8.3 416 18.6v1.6c0 2.6-.5 5.1-1.4 7.5l-59.8 149.2c-1.9 4.7-2.8 9.7-2.8 14.7c0 5.5 1.2 11 3.4 16.1L448 416H240.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.3zm215.6-274.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.7zM32 448h448c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHatWizard(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m64 416l104.6-235.3c15.3-34.4 40.3-63.5 72-83.7L387.5 3c3-1.9 6.5-2.9 10-2.9C407.7 0 416 8.3 416 18.6v1.6c0 2.6-.5 5.1-1.4 7.5l-59.8 149.2c-1.9 4.7-2.8 9.7-2.8 14.7c0 5.5 1.2 11 3.4 16.1L448 416H240.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.3zm215.6-274.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.7zM32 448h448c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-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 512 512"><path fill="currentColor" d="m64 416l104.6-235.3c15.3-34.4 40.3-63.5 72-83.7L387.5 3c3-1.9 6.5-2.9 10-2.9C407.7 0 416 8.3 416 18.6v1.6c0 2.6-.5 5.1-1.4 7.5l-59.8 149.2c-1.9 4.7-2.8 9.7-2.8 14.7c0 5.5 1.2 11 3.4 16.1L448 416H240.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.3zm215.6-274.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.7zM32 448h448c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m64%20416l104.6-235.3c15.3-34.4%2040.3-63.5%2072-83.7L387.5%203c3-1.9%206.5-2.9%2010-2.9C407.7%200%20416%208.3%20416%2018.6v1.6c0%202.6-.5%205.1-1.4%207.5l-59.8%20149.2c-1.9%204.7-2.8%209.7-2.8%2014.7c0%205.5%201.2%2011%203.4%2016.1L448%20416H240.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.3zm215.6-274.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.7zM32%20448h448c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32c-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m64%20416l104.6-235.3c15.3-34.4%2040.3-63.5%2072-83.7L387.5%203c3-1.9%206.5-2.9%2010-2.9C407.7%200%20416%208.3%20416%2018.6v1.6c0%202.6-.5%205.1-1.4%207.5l-59.8%20149.2c-1.9%204.7-2.8%209.7-2.8%2014.7c0%205.5%201.2%2011%203.4%2016.1L448%20416H240.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.3zm215.6-274.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.7zM32%20448h448c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32c-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/fa6-solid/hat-wizard.svg?color=%231a73e8&size=48