fan icon

fan-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
fan-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

fanfan-boldfan-duotonefan-fillfan-light

The same icon in other sets

fanBootstrap IconsfanFont Awesome 6 SolidfanFont Awesome SolidfanIconParkfanIconPark OutlinefanLine AwesomefanLucidefanMaterial Design Iconsfan-fillMingCute Icon

Use the fan icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.12 136a56 56 0 0 0-86-31.56a28.3 28.3 0 0 0-4.56-2.39l17.27-68.94a4 4 0 0 0-1.72-4.34A56 56 0 1 0 100 126.62V128a27 27 0 0 0 .26 3.76l-68.35 19.52a4 4 0 0 0-2.91 3.66a56 56 0 0 0 41.45 56.62a56.5 56.5 0 0 0 14.59 1.93a56.07 56.07 0 0 0 55.73-60.59a28 28 0 0 0 4.33-2.77l51.09 49.44a4 4 0 0 0 2.81 1.13a4.06 4.06 0 0 0 1.84-.45A56 56 0 0 0 229.12 136M128 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20M76 76a48 48 0 0 1 71.4-41.92l-16.55 66.06c-.94-.09-1.89-.14-2.85-.14a28.06 28.06 0 0 0-26.34 18.49A47.82 47.82 0 0 1 76 76m33 123a48 48 0 0 1-72-40.87l65.5-18.7A28 28 0 0 0 128 156a29 29 0 0 0 4.94-.44A47.81 47.81 0 0 1 109 199m107.6-24.46a47.93 47.93 0 0 1-17 17.22l-49-47.37a27.91 27.91 0 0 0-1.3-34.44a48 48 0 0 1 67.22 64.59Z"/></svg>

React

import type { SVGProps } from "react";

export function PhFanThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.12 136a56 56 0 0 0-86-31.56a28.3 28.3 0 0 0-4.56-2.39l17.27-68.94a4 4 0 0 0-1.72-4.34A56 56 0 1 0 100 126.62V128a27 27 0 0 0 .26 3.76l-68.35 19.52a4 4 0 0 0-2.91 3.66a56 56 0 0 0 41.45 56.62a56.5 56.5 0 0 0 14.59 1.93a56.07 56.07 0 0 0 55.73-60.59a28 28 0 0 0 4.33-2.77l51.09 49.44a4 4 0 0 0 2.81 1.13a4.06 4.06 0 0 0 1.84-.45A56 56 0 0 0 229.12 136M128 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20M76 76a48 48 0 0 1 71.4-41.92l-16.55 66.06c-.94-.09-1.89-.14-2.85-.14a28.06 28.06 0 0 0-26.34 18.49A47.82 47.82 0 0 1 76 76m33 123a48 48 0 0 1-72-40.87l65.5-18.7A28 28 0 0 0 128 156a29 29 0 0 0 4.94-.44A47.81 47.81 0 0 1 109 199m107.6-24.46a47.93 47.93 0 0 1-17 17.22l-49-47.37a27.91 27.91 0 0 0-1.3-34.44a48 48 0 0 1 67.22 64.59Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M229.12 136a56 56 0 0 0-86-31.56a28.3 28.3 0 0 0-4.56-2.39l17.27-68.94a4 4 0 0 0-1.72-4.34A56 56 0 1 0 100 126.62V128a27 27 0 0 0 .26 3.76l-68.35 19.52a4 4 0 0 0-2.91 3.66a56 56 0 0 0 41.45 56.62a56.5 56.5 0 0 0 14.59 1.93a56.07 56.07 0 0 0 55.73-60.59a28 28 0 0 0 4.33-2.77l51.09 49.44a4 4 0 0 0 2.81 1.13a4.06 4.06 0 0 0 1.84-.45A56 56 0 0 0 229.12 136M128 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20M76 76a48 48 0 0 1 71.4-41.92l-16.55 66.06c-.94-.09-1.89-.14-2.85-.14a28.06 28.06 0 0 0-26.34 18.49A47.82 47.82 0 0 1 76 76m33 123a48 48 0 0 1-72-40.87l65.5-18.7A28 28 0 0 0 128 156a29 29 0 0 0 4.94-.44A47.81 47.81 0 0 1 109 199m107.6-24.46a47.93 47.93 0 0 1-17 17.22l-49-47.37a27.91 27.91 0 0 0-1.3-34.44a48 48 0 0 1 67.22 64.59Z"/></svg>
</template>

CSS

.icon-fan-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M229.12%20136a56%2056%200%200%200-86-31.56a28.3%2028.3%200%200%200-4.56-2.39l17.27-68.94a4%204%200%200%200-1.72-4.34A56%2056%200%201%200%20100%20126.62V128a27%2027%200%200%200%20.26%203.76l-68.35%2019.52a4%204%200%200%200-2.91%203.66a56%2056%200%200%200%2041.45%2056.62a56.5%2056.5%200%200%200%2014.59%201.93a56.07%2056.07%200%200%200%2055.73-60.59a28%2028%200%200%200%204.33-2.77l51.09%2049.44a4%204%200%200%200%202.81%201.13a4.06%204.06%200%200%200%201.84-.45A56%2056%200%200%200%20229.12%20136M128%20148a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020M76%2076a48%2048%200%200%201%2071.4-41.92l-16.55%2066.06c-.94-.09-1.89-.14-2.85-.14a28.06%2028.06%200%200%200-26.34%2018.49A47.82%2047.82%200%200%201%2076%2076m33%20123a48%2048%200%200%201-72-40.87l65.5-18.7A28%2028%200%200%200%20128%20156a29%2029%200%200%200%204.94-.44A47.81%2047.81%200%200%201%20109%20199m107.6-24.46a47.93%2047.93%200%200%201-17%2017.22l-49-47.37a27.91%2027.91%200%200%200-1.3-34.44a48%2048%200%200%201%2067.22%2064.59Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M229.12%20136a56%2056%200%200%200-86-31.56a28.3%2028.3%200%200%200-4.56-2.39l17.27-68.94a4%204%200%200%200-1.72-4.34A56%2056%200%201%200%20100%20126.62V128a27%2027%200%200%200%20.26%203.76l-68.35%2019.52a4%204%200%200%200-2.91%203.66a56%2056%200%200%200%2041.45%2056.62a56.5%2056.5%200%200%200%2014.59%201.93a56.07%2056.07%200%200%200%2055.73-60.59a28%2028%200%200%200%204.33-2.77l51.09%2049.44a4%204%200%200%200%202.81%201.13a4.06%204.06%200%200%200%201.84-.45A56%2056%200%200%200%20229.12%20136M128%20148a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020M76%2076a48%2048%200%200%201%2071.4-41.92l-16.55%2066.06c-.94-.09-1.89-.14-2.85-.14a28.06%2028.06%200%200%200-26.34%2018.49A47.82%2047.82%200%200%201%2076%2076m33%20123a48%2048%200%200%201-72-40.87l65.5-18.7A28%2028%200%200%200%20128%20156a29%2029%200%200%200%204.94-.44A47.81%2047.81%200%200%201%20109%20199m107.6-24.46a47.93%2047.93%200%200%201-17%2017.22l-49-47.37a27.91%2027.91%200%200%200-1.3-34.44a48%2048%200%200%201%2067.22%2064.59Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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