mode fan off icon
mode-fan-off from Material Symbols Light by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.
- Name
- mode-fan-off
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- mode-fan-off-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More household icons from Material Symbols Light
Use the 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="M20.808 12.63q0 1.218-.627 1.929q-.627.71-1.622.71q-.361 0-.857-.195t-.762-.418L8.792 6.585q-.136-1.716 1.346-2.554t3.147-.839q.91 0 1.447.532t.537 1.309q0 .534-.23 1.005t-.656.775q-.55.35-.936 1.006q-.385.656-.568 1.512q.304.113.53.236t.41.3l2.339-.869q.367-.13.687-.199t.669-.068q1.505 0 2.4 1.127q.894 1.127.894 2.773m-.333 9.9l-5.262-5.287q.039.097.039.193v.192q-.075 1.369-1.278 2.274t-3.182.905q-.91 0-1.485-.551t-.576-1.334q0-.534.23-1.003t.656-.753q.57-.369.945-1.025t.56-1.473q-.286-.113-.513-.236q-.226-.123-.428-.3l-2.339.844q-.367.13-.7.212t-.68.08q-1.518 0-2.394-1.096t-.876-2.804q0-1.294.638-1.966q.637-.672 1.645-.672q.47 0 1.047.217q.578.218.893.498L1.252 3.308l.713-.714l19.223 19.223z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightModeFanOff(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="M20.808 12.63q0 1.218-.627 1.929q-.627.71-1.622.71q-.361 0-.857-.195t-.762-.418L8.792 6.585q-.136-1.716 1.346-2.554t3.147-.839q.91 0 1.447.532t.537 1.309q0 .534-.23 1.005t-.656.775q-.55.35-.936 1.006q-.385.656-.568 1.512q.304.113.53.236t.41.3l2.339-.869q.367-.13.687-.199t.669-.068q1.505 0 2.4 1.127q.894 1.127.894 2.773m-.333 9.9l-5.262-5.287q.039.097.039.193v.192q-.075 1.369-1.278 2.274t-3.182.905q-.91 0-1.485-.551t-.576-1.334q0-.534.23-1.003t.656-.753q.57-.369.945-1.025t.56-1.473q-.286-.113-.513-.236q-.226-.123-.428-.3l-2.339.844q-.367.13-.7.212t-.68.08q-1.518 0-2.394-1.096t-.876-2.804q0-1.294.638-1.966q.637-.672 1.645-.672q.47 0 1.047.217q.578.218.893.498L1.252 3.308l.713-.714l19.223 19.223z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.808 12.63q0 1.218-.627 1.929q-.627.71-1.622.71q-.361 0-.857-.195t-.762-.418L8.792 6.585q-.136-1.716 1.346-2.554t3.147-.839q.91 0 1.447.532t.537 1.309q0 .534-.23 1.005t-.656.775q-.55.35-.936 1.006q-.385.656-.568 1.512q.304.113.53.236t.41.3l2.339-.869q.367-.13.687-.199t.669-.068q1.505 0 2.4 1.127q.894 1.127.894 2.773m-.333 9.9l-5.262-5.287q.039.097.039.193v.192q-.075 1.369-1.278 2.274t-3.182.905q-.91 0-1.485-.551t-.576-1.334q0-.534.23-1.003t.656-.753q.57-.369.945-1.025t.56-1.473q-.286-.113-.513-.236q-.226-.123-.428-.3l-2.339.844q-.367.13-.7.212t-.68.08q-1.518 0-2.394-1.096t-.876-2.804q0-1.294.638-1.966q.637-.672 1.645-.672q.47 0 1.047.217q.578.218.893.498L1.252 3.308l.713-.714l19.223 19.223z"/></svg> </template>
CSS
.icon-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%22M20.808%2012.63q0%201.218-.627%201.929q-.627.71-1.622.71q-.361%200-.857-.195t-.762-.418L8.792%206.585q-.136-1.716%201.346-2.554t3.147-.839q.91%200%201.447.532t.537%201.309q0%20.534-.23%201.005t-.656.775q-.55.35-.936%201.006q-.385.656-.568%201.512q.304.113.53.236t.41.3l2.339-.869q.367-.13.687-.199t.669-.068q1.505%200%202.4%201.127q.894%201.127.894%202.773m-.333%209.9l-5.262-5.287q.039.097.039.193v.192q-.075%201.369-1.278%202.274t-3.182.905q-.91%200-1.485-.551t-.576-1.334q0-.534.23-1.003t.656-.753q.57-.369.945-1.025t.56-1.473q-.286-.113-.513-.236q-.226-.123-.428-.3l-2.339.844q-.367.13-.7.212t-.68.08q-1.518%200-2.394-1.096t-.876-2.804q0-1.294.638-1.966q.637-.672%201.645-.672q.47%200%201.047.217q.578.218.893.498L1.252%203.308l.713-.714l19.223%2019.223z%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%22M20.808%2012.63q0%201.218-.627%201.929q-.627.71-1.622.71q-.361%200-.857-.195t-.762-.418L8.792%206.585q-.136-1.716%201.346-2.554t3.147-.839q.91%200%201.447.532t.537%201.309q0%20.534-.23%201.005t-.656.775q-.55.35-.936%201.006q-.385.656-.568%201.512q.304.113.53.236t.41.3l2.339-.869q.367-.13.687-.199t.669-.068q1.505%200%202.4%201.127q.894%201.127.894%202.773m-.333%209.9l-5.262-5.287q.039.097.039.193v.192q-.075%201.369-1.278%202.274t-3.182.905q-.91%200-1.485-.551t-.576-1.334q0-.534.23-1.003t.656-.753q.57-.369.945-1.025t.56-1.473q-.286-.113-.513-.236q-.226-.123-.428-.3l-2.339.844q-.367.13-.7.212t-.68.08q-1.518%200-2.394-1.096t-.876-2.804q0-1.294.638-1.966q.637-.672%201.645-.672q.47%200%201.047.217q.578.218.893.498L1.252%203.308l.713-.714l19.223%2019.223z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/mode-fan-off.svg?color=%231a73e8&size=48
