kettle off icon
kettle-off from Material Design Icons by Pictogrammers · Filled · Food / Drink · Apache-2.0 Free for personal and commercial use.
- Name
- kettle-off
- Set
- Material Design Icons
- Style
- Filled
- Category
- Food / Drink
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- kettle-full-off, tea-kettle-full-off, tea-kettle-off
1 other variant in Material Design Icons
More food / drink icons from Material Design Icons
Use the kettle off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.1 21.5L2.4 1.7L1.1 3l3.6 3.6C4.3 7.3 4 8.1 4 9c0 1.2.5 2.3 1.4 3.3C4.5 13.5 4 15 4 16.5V20c0 1.1.9 2 2 2h13c.3 0 .6-.1.9-.2l.9.9zM8.2 10.1l-.6.3C7.2 10 7 9.5 7 9v-.1zM8 17.5V20H6v-2.5c0-2.6 1.5-4.8 3.7-5.9l.8.8C9 13.6 8 15.4 8 17.5m8.9-7.4L19 8l3 3l-2 2c.7 1.1 1 2.3 1 3.5v1.3L12.2 9h.3c1.5 0 3.1.4 4.4 1.1M9.5 6.3L7.4 4.2C8.8 3.5 10.6 3 12.5 3c2.2 0 4.3.6 5.8 1.7l-2 2c-1-.6-2.4-.9-3.8-.9c-1.1 0-2.1.1-3 .5"/></svg>
React
import type { SVGProps } from "react";
export function MdiKettleOff(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="M22.1 21.5L2.4 1.7L1.1 3l3.6 3.6C4.3 7.3 4 8.1 4 9c0 1.2.5 2.3 1.4 3.3C4.5 13.5 4 15 4 16.5V20c0 1.1.9 2 2 2h13c.3 0 .6-.1.9-.2l.9.9zM8.2 10.1l-.6.3C7.2 10 7 9.5 7 9v-.1zM8 17.5V20H6v-2.5c0-2.6 1.5-4.8 3.7-5.9l.8.8C9 13.6 8 15.4 8 17.5m8.9-7.4L19 8l3 3l-2 2c.7 1.1 1 2.3 1 3.5v1.3L12.2 9h.3c1.5 0 3.1.4 4.4 1.1M9.5 6.3L7.4 4.2C8.8 3.5 10.6 3 12.5 3c2.2 0 4.3.6 5.8 1.7l-2 2c-1-.6-2.4-.9-3.8-.9c-1.1 0-2.1.1-3 .5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.1 21.5L2.4 1.7L1.1 3l3.6 3.6C4.3 7.3 4 8.1 4 9c0 1.2.5 2.3 1.4 3.3C4.5 13.5 4 15 4 16.5V20c0 1.1.9 2 2 2h13c.3 0 .6-.1.9-.2l.9.9zM8.2 10.1l-.6.3C7.2 10 7 9.5 7 9v-.1zM8 17.5V20H6v-2.5c0-2.6 1.5-4.8 3.7-5.9l.8.8C9 13.6 8 15.4 8 17.5m8.9-7.4L19 8l3 3l-2 2c.7 1.1 1 2.3 1 3.5v1.3L12.2 9h.3c1.5 0 3.1.4 4.4 1.1M9.5 6.3L7.4 4.2C8.8 3.5 10.6 3 12.5 3c2.2 0 4.3.6 5.8 1.7l-2 2c-1-.6-2.4-.9-3.8-.9c-1.1 0-2.1.1-3 .5"/></svg> </template>
CSS
.icon-kettle-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%22M22.1%2021.5L2.4%201.7L1.1%203l3.6%203.6C4.3%207.3%204%208.1%204%209c0%201.2.5%202.3%201.4%203.3C4.5%2013.5%204%2015%204%2016.5V20c0%201.1.9%202%202%202h13c.3%200%20.6-.1.9-.2l.9.9zM8.2%2010.1l-.6.3C7.2%2010%207%209.5%207%209v-.1zM8%2017.5V20H6v-2.5c0-2.6%201.5-4.8%203.7-5.9l.8.8C9%2013.6%208%2015.4%208%2017.5m8.9-7.4L19%208l3%203l-2%202c.7%201.1%201%202.3%201%203.5v1.3L12.2%209h.3c1.5%200%203.1.4%204.4%201.1M9.5%206.3L7.4%204.2C8.8%203.5%2010.6%203%2012.5%203c2.2%200%204.3.6%205.8%201.7l-2%202c-1-.6-2.4-.9-3.8-.9c-1.1%200-2.1.1-3%20.5%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%22M22.1%2021.5L2.4%201.7L1.1%203l3.6%203.6C4.3%207.3%204%208.1%204%209c0%201.2.5%202.3%201.4%203.3C4.5%2013.5%204%2015%204%2016.5V20c0%201.1.9%202%202%202h13c.3%200%20.6-.1.9-.2l.9.9zM8.2%2010.1l-.6.3C7.2%2010%207%209.5%207%209v-.1zM8%2017.5V20H6v-2.5c0-2.6%201.5-4.8%203.7-5.9l.8.8C9%2013.6%208%2015.4%208%2017.5m8.9-7.4L19%208l3%203l-2%202c.7%201.1%201%202.3%201%203.5v1.3L12.2%209h.3c1.5%200%203.1.4%204.4%201.1M9.5%206.3L7.4%204.2C8.8%203.5%2010.6%203%2012.5%203c2.2%200%204.3.6%205.8%201.7l-2%202c-1-.6-2.4-.9-3.8-.9c-1.1%200-2.1.1-3%20.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/kettle-off.svg?color=%231a73e8&size=48
