pied piper hat logo

pied-piper-hat from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: pied-piper-hat
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

pied-piper-hatFont Awesome 6 Brands pied-piper-hatLine Awesome

Related icons in Font Awesome Brands

pied-piper pied-piper-alt pied-piper-pp pied-piper-square

Use the pied piper hat logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 88.9c-80.8 53.6-89.4 92.5-96.4 104.4c-6.7 12.2-11.7 60.3-23.3 83.6c-11.7 23.6-54.2 42.2-66.1 50c-11.7 7.8-28.3 38.1-41.9 64.2c-108.1-4.4-167.4 38.8-259.2 93.6c29.4-9.7 43.3-16.7 43.3-16.7c94.2-36 139.3-68.3 281.1-49.2c1.1 0 1.9.6 2.8.8c3.9 2.2 5.3 6.9 3.1 10.8l-53.9 95.8c-2.5 4.7-7.8 7.2-13.1 6.1c-126.8-23.8-226.9 17.3-318.9 18.6C24.1 552 0 517.4 0 515.8c0-1.1.6-1.7 1.7-1.7c0 0 38.3 0 103.1-15.3C178.4 358.5 244 309.4 315.4 309.4c0 0 71.7 0 90.6 61.9c22.8-39.7 28.3-49.2 28.3-49.2c5.3-9.4 35-77.2 86.4-141.4c51.5-64 90.4-79.9 119.3-91.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsPiedPiperHat(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="M640 88.9c-80.8 53.6-89.4 92.5-96.4 104.4c-6.7 12.2-11.7 60.3-23.3 83.6c-11.7 23.6-54.2 42.2-66.1 50c-11.7 7.8-28.3 38.1-41.9 64.2c-108.1-4.4-167.4 38.8-259.2 93.6c29.4-9.7 43.3-16.7 43.3-16.7c94.2-36 139.3-68.3 281.1-49.2c1.1 0 1.9.6 2.8.8c3.9 2.2 5.3 6.9 3.1 10.8l-53.9 95.8c-2.5 4.7-7.8 7.2-13.1 6.1c-126.8-23.8-226.9 17.3-318.9 18.6C24.1 552 0 517.4 0 515.8c0-1.1.6-1.7 1.7-1.7c0 0 38.3 0 103.1-15.3C178.4 358.5 244 309.4 315.4 309.4c0 0 71.7 0 90.6 61.9c22.8-39.7 28.3-49.2 28.3-49.2c5.3-9.4 35-77.2 86.4-141.4c51.5-64 90.4-79.9 119.3-91.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 88.9c-80.8 53.6-89.4 92.5-96.4 104.4c-6.7 12.2-11.7 60.3-23.3 83.6c-11.7 23.6-54.2 42.2-66.1 50c-11.7 7.8-28.3 38.1-41.9 64.2c-108.1-4.4-167.4 38.8-259.2 93.6c29.4-9.7 43.3-16.7 43.3-16.7c94.2-36 139.3-68.3 281.1-49.2c1.1 0 1.9.6 2.8.8c3.9 2.2 5.3 6.9 3.1 10.8l-53.9 95.8c-2.5 4.7-7.8 7.2-13.1 6.1c-126.8-23.8-226.9 17.3-318.9 18.6C24.1 552 0 517.4 0 515.8c0-1.1.6-1.7 1.7-1.7c0 0 38.3 0 103.1-15.3C178.4 358.5 244 309.4 315.4 309.4c0 0 71.7 0 90.6 61.9c22.8-39.7 28.3-49.2 28.3-49.2c5.3-9.4 35-77.2 86.4-141.4c51.5-64 90.4-79.9 119.3-91.8"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M640%2088.9c-80.8%2053.6-89.4%2092.5-96.4%20104.4c-6.7%2012.2-11.7%2060.3-23.3%2083.6c-11.7%2023.6-54.2%2042.2-66.1%2050c-11.7%207.8-28.3%2038.1-41.9%2064.2c-108.1-4.4-167.4%2038.8-259.2%2093.6c29.4-9.7%2043.3-16.7%2043.3-16.7c94.2-36%20139.3-68.3%20281.1-49.2c1.1%200%201.9.6%202.8.8c3.9%202.2%205.3%206.9%203.1%2010.8l-53.9%2095.8c-2.5%204.7-7.8%207.2-13.1%206.1c-126.8-23.8-226.9%2017.3-318.9%2018.6C24.1%20552%200%20517.4%200%20515.8c0-1.1.6-1.7%201.7-1.7c0%200%2038.3%200%20103.1-15.3C178.4%20358.5%20244%20309.4%20315.4%20309.4c0%200%2071.7%200%2090.6%2061.9c22.8-39.7%2028.3-49.2%2028.3-49.2c5.3-9.4%2035-77.2%2086.4-141.4c51.5-64%2090.4-79.9%20119.3-91.8%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%22M640%2088.9c-80.8%2053.6-89.4%2092.5-96.4%20104.4c-6.7%2012.2-11.7%2060.3-23.3%2083.6c-11.7%2023.6-54.2%2042.2-66.1%2050c-11.7%207.8-28.3%2038.1-41.9%2064.2c-108.1-4.4-167.4%2038.8-259.2%2093.6c29.4-9.7%2043.3-16.7%2043.3-16.7c94.2-36%20139.3-68.3%20281.1-49.2c1.1%200%201.9.6%202.8.8c3.9%202.2%205.3%206.9%203.1%2010.8l-53.9%2095.8c-2.5%204.7-7.8%207.2-13.1%206.1c-126.8-23.8-226.9%2017.3-318.9%2018.6C24.1%20552%200%20517.4%200%20515.8c0-1.1.6-1.7%201.7-1.7c0%200%2038.3%200%20103.1-15.3C178.4%20358.5%20244%20309.4%20315.4%20309.4c0%200%2071.7%200%2090.6%2061.9c22.8-39.7%2028.3-49.2%2028.3-49.2c5.3-9.4%2035-77.2%2086.4-141.4c51.5-64%2090.4-79.9%20119.3-91.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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