fan icon
fan-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- fan-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M231.06 135.52a58 58 0 0 0-88-33.42c-.69-.41-1.41-.8-2.14-1.15l16.86-67.32a6 6 0 0 0-2.58-6.51A58 58 0 1 0 98 127.86v.14c0 .77 0 1.54.1 2.3l-66.73 19.06a6 6 0 0 0-4.37 5.49a58 58 0 1 0 115.88-.85c.7-.4 1.39-.83 2.06-1.29L194.81 201a6 6 0 0 0 6.94 1a58 58 0 0 0 29.31-66.51ZM110 128a18 18 0 1 1 18 18a18 18 0 0 1-18-18M78 76a46 46 0 0 1 67.08-40.9L129.32 98H128a30 30 0 0 0-27.33 17.66A45.84 45.84 0 0 1 78 76m30 121.3a46 46 0 0 1-69-37.64l62.39-17.82A30 30 0 0 0 128 158a29 29 0 0 0 3-.15a45.85 45.85 0 0 1-23 39.45m106.9-23.76a45.9 45.9 0 0 1-15 15.7l-46.63-45.12a29.91 29.91 0 0 0-.93-33.62a46 46 0 0 1 62.52 63Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFanLight(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="M231.06 135.52a58 58 0 0 0-88-33.42c-.69-.41-1.41-.8-2.14-1.15l16.86-67.32a6 6 0 0 0-2.58-6.51A58 58 0 1 0 98 127.86v.14c0 .77 0 1.54.1 2.3l-66.73 19.06a6 6 0 0 0-4.37 5.49a58 58 0 1 0 115.88-.85c.7-.4 1.39-.83 2.06-1.29L194.81 201a6 6 0 0 0 6.94 1a58 58 0 0 0 29.31-66.51ZM110 128a18 18 0 1 1 18 18a18 18 0 0 1-18-18M78 76a46 46 0 0 1 67.08-40.9L129.32 98H128a30 30 0 0 0-27.33 17.66A45.84 45.84 0 0 1 78 76m30 121.3a46 46 0 0 1-69-37.64l62.39-17.82A30 30 0 0 0 128 158a29 29 0 0 0 3-.15a45.85 45.85 0 0 1-23 39.45m106.9-23.76a45.9 45.9 0 0 1-15 15.7l-46.63-45.12a29.91 29.91 0 0 0-.93-33.62a46 46 0 0 1 62.52 63Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M231.06 135.52a58 58 0 0 0-88-33.42c-.69-.41-1.41-.8-2.14-1.15l16.86-67.32a6 6 0 0 0-2.58-6.51A58 58 0 1 0 98 127.86v.14c0 .77 0 1.54.1 2.3l-66.73 19.06a6 6 0 0 0-4.37 5.49a58 58 0 1 0 115.88-.85c.7-.4 1.39-.83 2.06-1.29L194.81 201a6 6 0 0 0 6.94 1a58 58 0 0 0 29.31-66.51ZM110 128a18 18 0 1 1 18 18a18 18 0 0 1-18-18M78 76a46 46 0 0 1 67.08-40.9L129.32 98H128a30 30 0 0 0-27.33 17.66A45.84 45.84 0 0 1 78 76m30 121.3a46 46 0 0 1-69-37.64l62.39-17.82A30 30 0 0 0 128 158a29 29 0 0 0 3-.15a45.85 45.85 0 0 1-23 39.45m106.9-23.76a45.9 45.9 0 0 1-15 15.7l-46.63-45.12a29.91 29.91 0 0 0-.93-33.62a46 46 0 0 1 62.52 63Z"/></svg> </template>
CSS
.icon-fan-light {
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%22M231.06%20135.52a58%2058%200%200%200-88-33.42c-.69-.41-1.41-.8-2.14-1.15l16.86-67.32a6%206%200%200%200-2.58-6.51A58%2058%200%201%200%2098%20127.86v.14c0%20.77%200%201.54.1%202.3l-66.73%2019.06a6%206%200%200%200-4.37%205.49a58%2058%200%201%200%20115.88-.85c.7-.4%201.39-.83%202.06-1.29L194.81%20201a6%206%200%200%200%206.94%201a58%2058%200%200%200%2029.31-66.51ZM110%20128a18%2018%200%201%201%2018%2018a18%2018%200%200%201-18-18M78%2076a46%2046%200%200%201%2067.08-40.9L129.32%2098H128a30%2030%200%200%200-27.33%2017.66A45.84%2045.84%200%200%201%2078%2076m30%20121.3a46%2046%200%200%201-69-37.64l62.39-17.82A30%2030%200%200%200%20128%20158a29%2029%200%200%200%203-.15a45.85%2045.85%200%200%201-23%2039.45m106.9-23.76a45.9%2045.9%200%200%201-15%2015.7l-46.63-45.12a29.91%2029.91%200%200%200-.93-33.62a46%2046%200%200%201%2062.52%2063Z%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%22M231.06%20135.52a58%2058%200%200%200-88-33.42c-.69-.41-1.41-.8-2.14-1.15l16.86-67.32a6%206%200%200%200-2.58-6.51A58%2058%200%201%200%2098%20127.86v.14c0%20.77%200%201.54.1%202.3l-66.73%2019.06a6%206%200%200%200-4.37%205.49a58%2058%200%201%200%20115.88-.85c.7-.4%201.39-.83%202.06-1.29L194.81%20201a6%206%200%200%200%206.94%201a58%2058%200%200%200%2029.31-66.51ZM110%20128a18%2018%200%201%201%2018%2018a18%2018%200%200%201-18-18M78%2076a46%2046%200%200%201%2067.08-40.9L129.32%2098H128a30%2030%200%200%200-27.33%2017.66A45.84%2045.84%200%200%201%2078%2076m30%20121.3a46%2046%200%200%201-69-37.64l62.39-17.82A30%2030%200%200%200%20128%20158a29%2029%200%200%200%203-.15a45.85%2045.85%200%200%201-23%2039.45m106.9-23.76a45.9%2045.9%200%200%201-15%2015.7l-46.63-45.12a29.91%2029.91%200%200%200-.93-33.62a46%2046%200%200%201%2062.52%2063Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fan-light.svg?color=%231a73e8&size=48
