fan off icon
fan-off from Material Design Icons by Pictogrammers · Filled · Automotive · Apache-2.0 Free for personal and commercial use.
- Name
- fan-off
- Set
- Material Design Icons
- Style
- Filled
- Category
- Automotive
- Viewbox
- 24×24
- License
- Apache 2.0
More automotive icons from Material Design Icons
air-conditionerairbagbatterybattery-10battery-20battery-30battery-40battery-50battery-60battery-70battery-80battery-90battery-chargingbattery-charging-10battery-charging-100battery-charging-20battery-charging-30battery-charging-40battery-charging-50battery-charging-60battery-charging-70battery-charging-80battery-charging-90bugle
Use the fan off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 2C9.64 2 8.57 4.55 9.29 7.47L15 13.16c.87.21 1.81.65 2.28 1.57c1.18 2.37 4.75 2.27 4.75-2.23c0-3.58-3.98-4.37-7.68-2.37c-.32-.4-.74-.71-1.22-.91c.19-.93.63-1.98 1.62-2.47C17.11 5.57 17 2 12.5 2M3.28 4L2 5.27l2.47 2.46C3.22 7.74 2 8.87 2 11.5c0 3.57 3.96 4.35 7.65 2.37c.32.4.75.72 1.24.92c-.2.92-.64 1.96-1.62 2.45C6.91 18.42 7 22 11.5 22c2.3 0 3.44-1.64 3.44-3.79L18.73 22L20 20.72z"/></svg>
React
import type { SVGProps } from "react";
export function MdiFanOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 2C9.64 2 8.57 4.55 9.29 7.47L15 13.16c.87.21 1.81.65 2.28 1.57c1.18 2.37 4.75 2.27 4.75-2.23c0-3.58-3.98-4.37-7.68-2.37c-.32-.4-.74-.71-1.22-.91c.19-.93.63-1.98 1.62-2.47C17.11 5.57 17 2 12.5 2M3.28 4L2 5.27l2.47 2.46C3.22 7.74 2 8.87 2 11.5c0 3.57 3.96 4.35 7.65 2.37c.32.4.75.72 1.24.92c-.2.92-.64 1.96-1.62 2.45C6.91 18.42 7 22 11.5 22c2.3 0 3.44-1.64 3.44-3.79L18.73 22L20 20.72z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 2C9.64 2 8.57 4.55 9.29 7.47L15 13.16c.87.21 1.81.65 2.28 1.57c1.18 2.37 4.75 2.27 4.75-2.23c0-3.58-3.98-4.37-7.68-2.37c-.32-.4-.74-.71-1.22-.91c.19-.93.63-1.98 1.62-2.47C17.11 5.57 17 2 12.5 2M3.28 4L2 5.27l2.47 2.46C3.22 7.74 2 8.87 2 11.5c0 3.57 3.96 4.35 7.65 2.37c.32.4.75.72 1.24.92c-.2.92-.64 1.96-1.62 2.45C6.91 18.42 7 22 11.5 22c2.3 0 3.44-1.64 3.44-3.79L18.73 22L20 20.72z"/></svg> </template>
CSS
.icon-fan-off {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.5%202C9.64%202%208.57%204.55%209.29%207.47L15%2013.16c.87.21%201.81.65%202.28%201.57c1.18%202.37%204.75%202.27%204.75-2.23c0-3.58-3.98-4.37-7.68-2.37c-.32-.4-.74-.71-1.22-.91c.19-.93.63-1.98%201.62-2.47C17.11%205.57%2017%202%2012.5%202M3.28%204L2%205.27l2.47%202.46C3.22%207.74%202%208.87%202%2011.5c0%203.57%203.96%204.35%207.65%202.37c.32.4.75.72%201.24.92c-.2.92-.64%201.96-1.62%202.45C6.91%2018.42%207%2022%2011.5%2022c2.3%200%203.44-1.64%203.44-3.79L18.73%2022L20%2020.72z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.5%202C9.64%202%208.57%204.55%209.29%207.47L15%2013.16c.87.21%201.81.65%202.28%201.57c1.18%202.37%204.75%202.27%204.75-2.23c0-3.58-3.98-4.37-7.68-2.37c-.32-.4-.74-.71-1.22-.91c.19-.93.63-1.98%201.62-2.47C17.11%205.57%2017%202%2012.5%202M3.28%204L2%205.27l2.47%202.46C3.22%207.74%202%208.87%202%2011.5c0%203.57%203.96%204.35%207.65%202.37c.32.4.75.72%201.24.92c-.2.92-.64%201.96-1.62%202.45C6.91%2018.42%207%2022%2011.5%2022c2.3%200%203.44-1.64%203.44-3.79L18.73%2022L20%2020.72z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/fan-off.svg?color=%231a73e8&size=48
