fan icon

fan from Font Awesome 6 Solid by Dave Gandy · Regular · Energy · CC-BY-4.0 Attribution required.

Name
fan
Set
Font Awesome 6 Solid
Style
Regular
Category
Energy
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

fanBootstrap IconsfanFont Awesome SolidfanIconParkfanIconPark OutlinefanLine AwesomefanLucidefanMaterial Design Iconsfan-fillMingCute IconfanPhosphor

More energy icons from Font Awesome 6 Solid

battery-emptybattery-fullbattery-halfbattery-quarterbattery-three-quarterslightbulbpoopsolar-panelsunwater

Use the fan icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M258.6 0c-1.7 0-3.4.1-5.1.5C168 17 115.6 102.3 130.5 189.3c2.9 17 8.4 32.9 15.9 47.4L32 224h-2.6C13.2 224 0 237.2 0 253.4c0 1.7.1 3.4.5 5.1C17 344 102.3 396.4 189.3 381.5c17-2.9 32.9-8.4 47.4-15.9L224 480v2.6c0 16.2 13.2 29.4 29.4 29.4c1.7 0 3.4-.1 5.1-.5c85.5-16.5 137.9-101.8 123-188.8c-2.9-17-8.4-32.9-15.9-47.4L480 288h2.6c16.2 0 29.4-13.2 29.4-29.4c0-1.7-.1-3.4-.5-5.1c-16.5-85.5-101.8-137.9-188.8-123c-17 2.9-32.9 8.4-47.4 15.9L288 32v-2.6C288 13.2 274.8 0 258.6 0M256 224a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFan(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="M258.6 0c-1.7 0-3.4.1-5.1.5C168 17 115.6 102.3 130.5 189.3c2.9 17 8.4 32.9 15.9 47.4L32 224h-2.6C13.2 224 0 237.2 0 253.4c0 1.7.1 3.4.5 5.1C17 344 102.3 396.4 189.3 381.5c17-2.9 32.9-8.4 47.4-15.9L224 480v2.6c0 16.2 13.2 29.4 29.4 29.4c1.7 0 3.4-.1 5.1-.5c85.5-16.5 137.9-101.8 123-188.8c-2.9-17-8.4-32.9-15.9-47.4L480 288h2.6c16.2 0 29.4-13.2 29.4-29.4c0-1.7-.1-3.4-.5-5.1c-16.5-85.5-101.8-137.9-188.8-123c-17 2.9-32.9 8.4-47.4 15.9L288 32v-2.6C288 13.2 274.8 0 258.6 0M256 224a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M258.6 0c-1.7 0-3.4.1-5.1.5C168 17 115.6 102.3 130.5 189.3c2.9 17 8.4 32.9 15.9 47.4L32 224h-2.6C13.2 224 0 237.2 0 253.4c0 1.7.1 3.4.5 5.1C17 344 102.3 396.4 189.3 381.5c17-2.9 32.9-8.4 47.4-15.9L224 480v2.6c0 16.2 13.2 29.4 29.4 29.4c1.7 0 3.4-.1 5.1-.5c85.5-16.5 137.9-101.8 123-188.8c-2.9-17-8.4-32.9-15.9-47.4L480 288h2.6c16.2 0 29.4-13.2 29.4-29.4c0-1.7-.1-3.4-.5-5.1c-16.5-85.5-101.8-137.9-188.8-123c-17 2.9-32.9 8.4-47.4 15.9L288 32v-2.6C288 13.2 274.8 0 258.6 0M256 224a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
</template>

CSS

.icon-fan {
  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%22M258.6%200c-1.7%200-3.4.1-5.1.5C168%2017%20115.6%20102.3%20130.5%20189.3c2.9%2017%208.4%2032.9%2015.9%2047.4L32%20224h-2.6C13.2%20224%200%20237.2%200%20253.4c0%201.7.1%203.4.5%205.1C17%20344%20102.3%20396.4%20189.3%20381.5c17-2.9%2032.9-8.4%2047.4-15.9L224%20480v2.6c0%2016.2%2013.2%2029.4%2029.4%2029.4c1.7%200%203.4-.1%205.1-.5c85.5-16.5%20137.9-101.8%20123-188.8c-2.9-17-8.4-32.9-15.9-47.4L480%20288h2.6c16.2%200%2029.4-13.2%2029.4-29.4c0-1.7-.1-3.4-.5-5.1c-16.5-85.5-101.8-137.9-188.8-123c-17%202.9-32.9%208.4-47.4%2015.9L288%2032v-2.6C288%2013.2%20274.8%200%20258.6%200M256%20224a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%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%22M258.6%200c-1.7%200-3.4.1-5.1.5C168%2017%20115.6%20102.3%20130.5%20189.3c2.9%2017%208.4%2032.9%2015.9%2047.4L32%20224h-2.6C13.2%20224%200%20237.2%200%20253.4c0%201.7.1%203.4.5%205.1C17%20344%20102.3%20396.4%20189.3%20381.5c17-2.9%2032.9-8.4%2047.4-15.9L224%20480v2.6c0%2016.2%2013.2%2029.4%2029.4%2029.4c1.7%200%203.4-.1%205.1-.5c85.5-16.5%20137.9-101.8%20123-188.8c-2.9-17-8.4-32.9-15.9-47.4L480%20288h2.6c16.2%200%2029.4-13.2%2029.4-29.4c0-1.7-.1-3.4-.5-5.1c-16.5-85.5-101.8-137.9-188.8-123c-17%202.9-32.9%208.4-47.4%2015.9L288%2032v-2.6C288%2013.2%20274.8%200%20258.6%200M256%20224a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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