pied piper hat icon
pied-piper-hat from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- pied-piper-hat
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the pied piper hat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m31 4.969l-1.219.312c-6.289 1.516-8.918 7.168-10.218 10.188c-.754-.754-1.985-1.469-3.75-1.469c-2.657 0-4.696 1.496-6.22 3.25c-1.421 1.637-2.405 3.508-3.218 4.906c-1.629.684-4.406.844-4.406.844l-1.5.031l.625 1.375s.351.746 1.125 1.375C2.992 26.411 4.242 27 6 27c2.457 0 5.79-1 9-1h5v-.063c.504.012 1.016-.18 1.281-.625l2.5-4.187h.032c.5-.844-.098-2.016-1.063-2.125H21c-.309 0-.547.05-.844.063c.102-.235.106-.247.219-.5c.098-.223.184-.41.281-.625l.032-.063c.152-.3.484-.922.656-1.313c.07-.03.136-.054.25-.093c.343-.114.828-.23 1.343-.375a12 12 0 0 0 1.563-.532c.5-.218 1.004-.464 1.344-1.093c.379-.696.476-1.41.593-2.125c.118-.715.215-1.426.407-1.938c.605-1.613 1.758-2.496 3.5-3.156L31 7zm-6.281 5.937c-.078.38-.196.785-.25 1.125c-.114.684-.262 1.246-.375 1.469c-.028.004-.157.11-.407.219a9 9 0 0 1-1.093.375c.59-1.164 1.18-2.063 2.125-3.188M15.812 16c1.313 0 2.004.477 2.438.938c.305.324.313.449.375.593c-.035.078-.059.14-.094.219l-.656 1.5C14.18 19.773 11.648 21 10 21v2c3.11 0 6.004-2 11-2h.531l-1.812 3H15c-3.602 0-7.164 1-9 1c-.707 0-1.234-.117-1.656-.281c.98-.153 2.105-.352 3.093-.813l.282-.125l.156-.281c.875-1.484 1.898-3.418 3.219-4.938C12.414 17.044 13.902 16 15.813 16z"/></svg>
React
import type { SVGProps } from "react";
export function LaPiedPiperHat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m31 4.969l-1.219.312c-6.289 1.516-8.918 7.168-10.218 10.188c-.754-.754-1.985-1.469-3.75-1.469c-2.657 0-4.696 1.496-6.22 3.25c-1.421 1.637-2.405 3.508-3.218 4.906c-1.629.684-4.406.844-4.406.844l-1.5.031l.625 1.375s.351.746 1.125 1.375C2.992 26.411 4.242 27 6 27c2.457 0 5.79-1 9-1h5v-.063c.504.012 1.016-.18 1.281-.625l2.5-4.187h.032c.5-.844-.098-2.016-1.063-2.125H21c-.309 0-.547.05-.844.063c.102-.235.106-.247.219-.5c.098-.223.184-.41.281-.625l.032-.063c.152-.3.484-.922.656-1.313c.07-.03.136-.054.25-.093c.343-.114.828-.23 1.343-.375a12 12 0 0 0 1.563-.532c.5-.218 1.004-.464 1.344-1.093c.379-.696.476-1.41.593-2.125c.118-.715.215-1.426.407-1.938c.605-1.613 1.758-2.496 3.5-3.156L31 7zm-6.281 5.937c-.078.38-.196.785-.25 1.125c-.114.684-.262 1.246-.375 1.469c-.028.004-.157.11-.407.219a9 9 0 0 1-1.093.375c.59-1.164 1.18-2.063 2.125-3.188M15.812 16c1.313 0 2.004.477 2.438.938c.305.324.313.449.375.593c-.035.078-.059.14-.094.219l-.656 1.5C14.18 19.773 11.648 21 10 21v2c3.11 0 6.004-2 11-2h.531l-1.812 3H15c-3.602 0-7.164 1-9 1c-.707 0-1.234-.117-1.656-.281c.98-.153 2.105-.352 3.093-.813l.282-.125l.156-.281c.875-1.484 1.898-3.418 3.219-4.938C12.414 17.044 13.902 16 15.813 16z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m31 4.969l-1.219.312c-6.289 1.516-8.918 7.168-10.218 10.188c-.754-.754-1.985-1.469-3.75-1.469c-2.657 0-4.696 1.496-6.22 3.25c-1.421 1.637-2.405 3.508-3.218 4.906c-1.629.684-4.406.844-4.406.844l-1.5.031l.625 1.375s.351.746 1.125 1.375C2.992 26.411 4.242 27 6 27c2.457 0 5.79-1 9-1h5v-.063c.504.012 1.016-.18 1.281-.625l2.5-4.187h.032c.5-.844-.098-2.016-1.063-2.125H21c-.309 0-.547.05-.844.063c.102-.235.106-.247.219-.5c.098-.223.184-.41.281-.625l.032-.063c.152-.3.484-.922.656-1.313c.07-.03.136-.054.25-.093c.343-.114.828-.23 1.343-.375a12 12 0 0 0 1.563-.532c.5-.218 1.004-.464 1.344-1.093c.379-.696.476-1.41.593-2.125c.118-.715.215-1.426.407-1.938c.605-1.613 1.758-2.496 3.5-3.156L31 7zm-6.281 5.937c-.078.38-.196.785-.25 1.125c-.114.684-.262 1.246-.375 1.469c-.028.004-.157.11-.407.219a9 9 0 0 1-1.093.375c.59-1.164 1.18-2.063 2.125-3.188M15.812 16c1.313 0 2.004.477 2.438.938c.305.324.313.449.375.593c-.035.078-.059.14-.094.219l-.656 1.5C14.18 19.773 11.648 21 10 21v2c3.11 0 6.004-2 11-2h.531l-1.812 3H15c-3.602 0-7.164 1-9 1c-.707 0-1.234-.117-1.656-.281c.98-.153 2.105-.352 3.093-.813l.282-.125l.156-.281c.875-1.484 1.898-3.418 3.219-4.938C12.414 17.044 13.902 16 15.813 16z"/></svg> </template>
CSS
.icon-pied-piper-hat {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m31%204.969l-1.219.312c-6.289%201.516-8.918%207.168-10.218%2010.188c-.754-.754-1.985-1.469-3.75-1.469c-2.657%200-4.696%201.496-6.22%203.25c-1.421%201.637-2.405%203.508-3.218%204.906c-1.629.684-4.406.844-4.406.844l-1.5.031l.625%201.375s.351.746%201.125%201.375C2.992%2026.411%204.242%2027%206%2027c2.457%200%205.79-1%209-1h5v-.063c.504.012%201.016-.18%201.281-.625l2.5-4.187h.032c.5-.844-.098-2.016-1.063-2.125H21c-.309%200-.547.05-.844.063c.102-.235.106-.247.219-.5c.098-.223.184-.41.281-.625l.032-.063c.152-.3.484-.922.656-1.313c.07-.03.136-.054.25-.093c.343-.114.828-.23%201.343-.375a12%2012%200%200%200%201.563-.532c.5-.218%201.004-.464%201.344-1.093c.379-.696.476-1.41.593-2.125c.118-.715.215-1.426.407-1.938c.605-1.613%201.758-2.496%203.5-3.156L31%207zm-6.281%205.937c-.078.38-.196.785-.25%201.125c-.114.684-.262%201.246-.375%201.469c-.028.004-.157.11-.407.219a9%209%200%200%201-1.093.375c.59-1.164%201.18-2.063%202.125-3.188M15.812%2016c1.313%200%202.004.477%202.438.938c.305.324.313.449.375.593c-.035.078-.059.14-.094.219l-.656%201.5C14.18%2019.773%2011.648%2021%2010%2021v2c3.11%200%206.004-2%2011-2h.531l-1.812%203H15c-3.602%200-7.164%201-9%201c-.707%200-1.234-.117-1.656-.281c.98-.153%202.105-.352%203.093-.813l.282-.125l.156-.281c.875-1.484%201.898-3.418%203.219-4.938C12.414%2017.044%2013.902%2016%2015.813%2016z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m31%204.969l-1.219.312c-6.289%201.516-8.918%207.168-10.218%2010.188c-.754-.754-1.985-1.469-3.75-1.469c-2.657%200-4.696%201.496-6.22%203.25c-1.421%201.637-2.405%203.508-3.218%204.906c-1.629.684-4.406.844-4.406.844l-1.5.031l.625%201.375s.351.746%201.125%201.375C2.992%2026.411%204.242%2027%206%2027c2.457%200%205.79-1%209-1h5v-.063c.504.012%201.016-.18%201.281-.625l2.5-4.187h.032c.5-.844-.098-2.016-1.063-2.125H21c-.309%200-.547.05-.844.063c.102-.235.106-.247.219-.5c.098-.223.184-.41.281-.625l.032-.063c.152-.3.484-.922.656-1.313c.07-.03.136-.054.25-.093c.343-.114.828-.23%201.343-.375a12%2012%200%200%200%201.563-.532c.5-.218%201.004-.464%201.344-1.093c.379-.696.476-1.41.593-2.125c.118-.715.215-1.426.407-1.938c.605-1.613%201.758-2.496%203.5-3.156L31%207zm-6.281%205.937c-.078.38-.196.785-.25%201.125c-.114.684-.262%201.246-.375%201.469c-.028.004-.157.11-.407.219a9%209%200%200%201-1.093.375c.59-1.164%201.18-2.063%202.125-3.188M15.812%2016c1.313%200%202.004.477%202.438.938c.305.324.313.449.375.593c-.035.078-.059.14-.094.219l-.656%201.5C14.18%2019.773%2011.648%2021%2010%2021v2c3.11%200%206.004-2%2011-2h.531l-1.812%203H15c-3.602%200-7.164%201-9%201c-.707%200-1.234-.117-1.656-.281c.98-.153%202.105-.352%203.093-.813l.282-.125l.156-.281c.875-1.484%201.898-3.418%203.219-4.938C12.414%2017.044%2013.902%2016%2015.813%2016z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/pied-piper-hat.svg?color=%231a73e8&size=48
