sharp mode fan off icon

sharp-mode-fan-off from Google Material Icons by Material Design Authors · Baseline · Home · Apache-2.0 Free for personal and commercial use.

Name: sharp-mode-fan-off
Set: Google Material Icons
Style: Baseline
Category: Home
Viewbox: 24×24
License: Apache 2.0

Use the sharp mode 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="m16.34 8.36l-2.29.82c-.18-.13-.38-.25-.58-.34c.17-.83.63-1.58 1.36-2.06C16.85 5.44 16.18 2 13.39 2c-3.08 0-4.9 1.47-5.3 3.26L18.73 15.9c1.5.39 3.27-.51 3.27-2.51c0-4.39-3.01-6.23-5.66-5.03M2.81 2.81L1.39 4.22L5.27 8.1C3.77 7.7 2 8.61 2 10.61c0 4.4 3.01 6.24 5.66 5.03l2.29-.82c.18.13.38.25.58.34c-.17.83-.63 1.58-1.36 2.06C7.15 18.56 7.82 22 10.61 22c3.08 0 4.9-1.47 5.3-3.26l3.87 3.87l1.41-1.41z"/></svg>

React

import type { SVGProps } from "react";

export function IcSharpModeFanOff(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="m16.34 8.36l-2.29.82c-.18-.13-.38-.25-.58-.34c.17-.83.63-1.58 1.36-2.06C16.85 5.44 16.18 2 13.39 2c-3.08 0-4.9 1.47-5.3 3.26L18.73 15.9c1.5.39 3.27-.51 3.27-2.51c0-4.39-3.01-6.23-5.66-5.03M2.81 2.81L1.39 4.22L5.27 8.1C3.77 7.7 2 8.61 2 10.61c0 4.4 3.01 6.24 5.66 5.03l2.29-.82c.18.13.38.25.58.34c-.17.83-.63 1.58-1.36 2.06C7.15 18.56 7.82 22 10.61 22c3.08 0 4.9-1.47 5.3-3.26l3.87 3.87l1.41-1.41z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.34 8.36l-2.29.82c-.18-.13-.38-.25-.58-.34c.17-.83.63-1.58 1.36-2.06C16.85 5.44 16.18 2 13.39 2c-3.08 0-4.9 1.47-5.3 3.26L18.73 15.9c1.5.39 3.27-.51 3.27-2.51c0-4.39-3.01-6.23-5.66-5.03M2.81 2.81L1.39 4.22L5.27 8.1C3.77 7.7 2 8.61 2 10.61c0 4.4 3.01 6.24 5.66 5.03l2.29-.82c.18.13.38.25.58.34c-.17.83-.63 1.58-1.36 2.06C7.15 18.56 7.82 22 10.61 22c3.08 0 4.9-1.47 5.3-3.26l3.87 3.87l1.41-1.41z"/></svg>
</template>

CSS

.icon-sharp-mode-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%22m16.34%208.36l-2.29.82c-.18-.13-.38-.25-.58-.34c.17-.83.63-1.58%201.36-2.06C16.85%205.44%2016.18%202%2013.39%202c-3.08%200-4.9%201.47-5.3%203.26L18.73%2015.9c1.5.39%203.27-.51%203.27-2.51c0-4.39-3.01-6.23-5.66-5.03M2.81%202.81L1.39%204.22L5.27%208.1C3.77%207.7%202%208.61%202%2010.61c0%204.4%203.01%206.24%205.66%205.03l2.29-.82c.18.13.38.25.58.34c-.17.83-.63%201.58-1.36%202.06C7.15%2018.56%207.82%2022%2010.61%2022c3.08%200%204.9-1.47%205.3-3.26l3.87%203.87l1.41-1.41z%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%22m16.34%208.36l-2.29.82c-.18-.13-.38-.25-.58-.34c.17-.83.63-1.58%201.36-2.06C16.85%205.44%2016.18%202%2013.39%202c-3.08%200-4.9%201.47-5.3%203.26L18.73%2015.9c1.5.39%203.27-.51%203.27-2.51c0-4.39-3.01-6.23-5.66-5.03M2.81%202.81L1.39%204.22L5.27%208.1C3.77%207.7%202%208.61%202%2010.61c0%204.4%203.01%206.24%205.66%205.03l2.29-.82c.18.13.38.25.58.34c-.17.83-.63%201.58-1.36%202.06C7.15%2018.56%207.82%2022%2010.61%2022c3.08%200%204.9-1.47%205.3-3.26l3.87%203.87l1.41-1.41z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

sharp mode fan off icon

More home icons from Google Material Icons

Use the sharp mode fan off icon

SVG

React

Vue

CSS