household supplies icon
household-supplies-outline-sharp from Material Symbols Light by Google · Outline Sharp · Household · Apache-2.0 Free for personal and commercial use.
- Name
- household-supplies-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More household icons from Material Symbols Light
Use the household supplies icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.077 20.23v-5.3q0-1.85.621-3.648q.621-1.8 1.977-3.557l-.75.077q-.758.006-1.341-.535Q7 6.727 7 5.957v-.991q0-.816.682-1.35q.681-.533 1.48-.466L18 3.99v2.987l-1.492.162q.311 1.09.79 1.969t1.164 1.361l-.5.866q-.921-.622-1.512-1.725q-.59-1.102-.92-2.393l-2.407.235q.123 1.365.724 2.727t1.445 2.752q.412.685.598 1.435q.187.75.187 1.515v4.35zM8 5.1v.78q0 .45.325.726t.775.225l7.9-.75V4.9l-7.9-.75q-.45-.05-.775.225T8 5.1m.077 14.13h7v-3.35q0-.688-.153-1.284t-.497-1.171q-1.044-1.754-1.61-3.114q-.565-1.361-.694-2.755l-1.173.106l-.823 1.119q-.98 1.344-1.516 2.922q-.534 1.578-.534 3.228zm0 0h7z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHouseholdSuppliesOutlineSharp(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="M7.077 20.23v-5.3q0-1.85.621-3.648q.621-1.8 1.977-3.557l-.75.077q-.758.006-1.341-.535Q7 6.727 7 5.957v-.991q0-.816.682-1.35q.681-.533 1.48-.466L18 3.99v2.987l-1.492.162q.311 1.09.79 1.969t1.164 1.361l-.5.866q-.921-.622-1.512-1.725q-.59-1.102-.92-2.393l-2.407.235q.123 1.365.724 2.727t1.445 2.752q.412.685.598 1.435q.187.75.187 1.515v4.35zM8 5.1v.78q0 .45.325.726t.775.225l7.9-.75V4.9l-7.9-.75q-.45-.05-.775.225T8 5.1m.077 14.13h7v-3.35q0-.688-.153-1.284t-.497-1.171q-1.044-1.754-1.61-3.114q-.565-1.361-.694-2.755l-1.173.106l-.823 1.119q-.98 1.344-1.516 2.922q-.534 1.578-.534 3.228zm0 0h7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.077 20.23v-5.3q0-1.85.621-3.648q.621-1.8 1.977-3.557l-.75.077q-.758.006-1.341-.535Q7 6.727 7 5.957v-.991q0-.816.682-1.35q.681-.533 1.48-.466L18 3.99v2.987l-1.492.162q.311 1.09.79 1.969t1.164 1.361l-.5.866q-.921-.622-1.512-1.725q-.59-1.102-.92-2.393l-2.407.235q.123 1.365.724 2.727t1.445 2.752q.412.685.598 1.435q.187.75.187 1.515v4.35zM8 5.1v.78q0 .45.325.726t.775.225l7.9-.75V4.9l-7.9-.75q-.45-.05-.775.225T8 5.1m.077 14.13h7v-3.35q0-.688-.153-1.284t-.497-1.171q-1.044-1.754-1.61-3.114q-.565-1.361-.694-2.755l-1.173.106l-.823 1.119q-.98 1.344-1.516 2.922q-.534 1.578-.534 3.228zm0 0h7z"/></svg> </template>
CSS
.icon-household-supplies-outline-sharp {
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%22M7.077%2020.23v-5.3q0-1.85.621-3.648q.621-1.8%201.977-3.557l-.75.077q-.758.006-1.341-.535Q7%206.727%207%205.957v-.991q0-.816.682-1.35q.681-.533%201.48-.466L18%203.99v2.987l-1.492.162q.311%201.09.79%201.969t1.164%201.361l-.5.866q-.921-.622-1.512-1.725q-.59-1.102-.92-2.393l-2.407.235q.123%201.365.724%202.727t1.445%202.752q.412.685.598%201.435q.187.75.187%201.515v4.35zM8%205.1v.78q0%20.45.325.726t.775.225l7.9-.75V4.9l-7.9-.75q-.45-.05-.775.225T8%205.1m.077%2014.13h7v-3.35q0-.688-.153-1.284t-.497-1.171q-1.044-1.754-1.61-3.114q-.565-1.361-.694-2.755l-1.173.106l-.823%201.119q-.98%201.344-1.516%202.922q-.534%201.578-.534%203.228zm0%200h7z%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%22M7.077%2020.23v-5.3q0-1.85.621-3.648q.621-1.8%201.977-3.557l-.75.077q-.758.006-1.341-.535Q7%206.727%207%205.957v-.991q0-.816.682-1.35q.681-.533%201.48-.466L18%203.99v2.987l-1.492.162q.311%201.09.79%201.969t1.164%201.361l-.5.866q-.921-.622-1.512-1.725q-.59-1.102-.92-2.393l-2.407.235q.123%201.365.724%202.727t1.445%202.752q.412.685.598%201.435q.187.75.187%201.515v4.35zM8%205.1v.78q0%20.45.325.726t.775.225l7.9-.75V4.9l-7.9-.75q-.45-.05-.775.225T8%205.1m.077%2014.13h7v-3.35q0-.688-.153-1.284t-.497-1.171q-1.044-1.754-1.61-3.114q-.565-1.361-.694-2.755l-1.173.106l-.823%201.119q-.98%201.344-1.516%202.922q-.534%201.578-.534%203.228zm0%200h7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/household-supplies-outline-sharp.svg?color=%231a73e8&size=48
