range hood icon

range-hood-outline-rounded from Material Symbols Light by Google · Outline Rounded · Household · Apache-2.0 Free for personal and commercial use.

Name: range-hood-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Household
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

range-hood range-hood-outline range-hood-outline-sharp range-hood-rounded range-hood-sharp

The same icon in other sets

range-hoodMaterial Symbols

More household icons from Material Symbols Light

Use the range hood icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 19q-.667 0-1.141-.475T3 17.386V13.8q0-.197.084-.375q.085-.178.227-.313L8 8.423V5.616q0-.667.475-1.141T9.615 4h4.77q.666 0 1.14.475T16 5.615v2.808l4.521 4.521q.218.218.348.512q.131.294.131.619v3.31q0 .666-.475 1.14t-1.14.475zM12 5H9.616q-.27 0-.443.173T9 5.616v2.513q0 .332-.13.632t-.349.518l-3.605 3.606h14.169l-3.606-3.606q-.217-.217-.348-.518T15 8.129V5.616q0-.27-.173-.443T14.385 5zM4.616 18h14.769q.269 0 .442-.173t.173-.442v-3.5H4v3.5q0 .269.173.442t.443.173m5.826-1.608q-.191 0-.317-.125q-.125-.125-.125-.316t.125-.317t.317-.126h3.116q.191 0 .317.125q.125.125.125.316q0 .192-.125.317q-.126.126-.317.126z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRangeHoodOutlineRounded(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="M4.616 19q-.667 0-1.141-.475T3 17.386V13.8q0-.197.084-.375q.085-.178.227-.313L8 8.423V5.616q0-.667.475-1.141T9.615 4h4.77q.666 0 1.14.475T16 5.615v2.808l4.521 4.521q.218.218.348.512q.131.294.131.619v3.31q0 .666-.475 1.14t-1.14.475zM12 5H9.616q-.27 0-.443.173T9 5.616v2.513q0 .332-.13.632t-.349.518l-3.605 3.606h14.169l-3.606-3.606q-.217-.217-.348-.518T15 8.129V5.616q0-.27-.173-.443T14.385 5zM4.616 18h14.769q.269 0 .442-.173t.173-.442v-3.5H4v3.5q0 .269.173.442t.443.173m5.826-1.608q-.191 0-.317-.125q-.125-.125-.125-.316t.125-.317t.317-.126h3.116q.191 0 .317.125q.125.125.125.316q0 .192-.125.317q-.126.126-.317.126z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 19q-.667 0-1.141-.475T3 17.386V13.8q0-.197.084-.375q.085-.178.227-.313L8 8.423V5.616q0-.667.475-1.141T9.615 4h4.77q.666 0 1.14.475T16 5.615v2.808l4.521 4.521q.218.218.348.512q.131.294.131.619v3.31q0 .666-.475 1.14t-1.14.475zM12 5H9.616q-.27 0-.443.173T9 5.616v2.513q0 .332-.13.632t-.349.518l-3.605 3.606h14.169l-3.606-3.606q-.217-.217-.348-.518T15 8.129V5.616q0-.27-.173-.443T14.385 5zM4.616 18h14.769q.269 0 .442-.173t.173-.442v-3.5H4v3.5q0 .269.173.442t.443.173m5.826-1.608q-.191 0-.317-.125q-.125-.125-.125-.316t.125-.317t.317-.126h3.116q.191 0 .317.125q.125.125.125.316q0 .192-.125.317q-.126.126-.317.126z"/></svg>
</template>

CSS

.icon-range-hood-outline-rounded {
  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%22M4.616%2019q-.667%200-1.141-.475T3%2017.386V13.8q0-.197.084-.375q.085-.178.227-.313L8%208.423V5.616q0-.667.475-1.141T9.615%204h4.77q.666%200%201.14.475T16%205.615v2.808l4.521%204.521q.218.218.348.512q.131.294.131.619v3.31q0%20.666-.475%201.14t-1.14.475zM12%205H9.616q-.27%200-.443.173T9%205.616v2.513q0%20.332-.13.632t-.349.518l-3.605%203.606h14.169l-3.606-3.606q-.217-.217-.348-.518T15%208.129V5.616q0-.27-.173-.443T14.385%205zM4.616%2018h14.769q.269%200%20.442-.173t.173-.442v-3.5H4v3.5q0%20.269.173.442t.443.173m5.826-1.608q-.191%200-.317-.125q-.125-.125-.125-.316t.125-.317t.317-.126h3.116q.191%200%20.317.125q.125.125.125.316q0%20.192-.125.317q-.126.126-.317.126z%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%22M4.616%2019q-.667%200-1.141-.475T3%2017.386V13.8q0-.197.084-.375q.085-.178.227-.313L8%208.423V5.616q0-.667.475-1.141T9.615%204h4.77q.666%200%201.14.475T16%205.615v2.808l4.521%204.521q.218.218.348.512q.131.294.131.619v3.31q0%20.666-.475%201.14t-1.14.475zM12%205H9.616q-.27%200-.443.173T9%205.616v2.513q0%20.332-.13.632t-.349.518l-3.605%203.606h14.169l-3.606-3.606q-.217-.217-.348-.518T15%208.129V5.616q0-.27-.173-.443T14.385%205zM4.616%2018h14.769q.269%200%20.442-.173t.173-.442v-3.5H4v3.5q0%20.269.173.442t.443.173m5.826-1.608q-.191%200-.317-.125q-.125-.125-.125-.316t.125-.317t.317-.126h3.116q.191%200%20.317.125q.125.125.125.316q0%20.192-.125.317q-.126.126-.317.126z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/range-hood-outline-rounded.svg?color=%231a73e8&size=48