vacuum icon

vacuum-outline from Material Design Icons by Pictogrammers · Outline · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: vacuum-outline
Set: Material Design Icons
Style: Outline
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: vacuum-cleaner-outline

1 other variant in Material Design Icons

vacuum

The same icon in other sets

vacuumMaterial Symbols vacuumMaterial Symbols Light

More home automation icons from Material Design Icons

Use the vacuum icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.66 20L13.87 3.81q-.555-1.26-1.71-2.04C11.4 1.26 10.55 1 9.61 1q-1.26 0-2.31.63c-1.05.63-1.26.99-1.67 1.69S5 4.8 5 5.64L5.03 9h-3v5.45c.62-.28 1.28-.42 1.97-.42v-3h5c.57 0 1.04.2 1.43.59c.39.38.57.85.57 1.38v7.03H8.91A4.7 4.7 0 0 1 7.97 22H13v-9c0-.72-.2-1.38-.55-2S11.61 9.91 11 9.56C10.42 9.2 9.75 9 9 9H7V5.64c0-.72.25-1.33.76-1.85S8.89 3 9.61 3c.53 0 1.02.16 1.45.46s.75.68.94 1.15L18.46 20l-2.46.03V22h7v-1.97zM4 18c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m0-2c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3"/></svg>

React

import type { SVGProps } from "react";

export function MdiVacuumOutline(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.66 20L13.87 3.81q-.555-1.26-1.71-2.04C11.4 1.26 10.55 1 9.61 1q-1.26 0-2.31.63c-1.05.63-1.26.99-1.67 1.69S5 4.8 5 5.64L5.03 9h-3v5.45c.62-.28 1.28-.42 1.97-.42v-3h5c.57 0 1.04.2 1.43.59c.39.38.57.85.57 1.38v7.03H8.91A4.7 4.7 0 0 1 7.97 22H13v-9c0-.72-.2-1.38-.55-2S11.61 9.91 11 9.56C10.42 9.2 9.75 9 9 9H7V5.64c0-.72.25-1.33.76-1.85S8.89 3 9.61 3c.53 0 1.02.16 1.45.46s.75.68.94 1.15L18.46 20l-2.46.03V22h7v-1.97zM4 18c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m0-2c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3"/></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.66 20L13.87 3.81q-.555-1.26-1.71-2.04C11.4 1.26 10.55 1 9.61 1q-1.26 0-2.31.63c-1.05.63-1.26.99-1.67 1.69S5 4.8 5 5.64L5.03 9h-3v5.45c.62-.28 1.28-.42 1.97-.42v-3h5c.57 0 1.04.2 1.43.59c.39.38.57.85.57 1.38v7.03H8.91A4.7 4.7 0 0 1 7.97 22H13v-9c0-.72-.2-1.38-.55-2S11.61 9.91 11 9.56C10.42 9.2 9.75 9 9 9H7V5.64c0-.72.25-1.33.76-1.85S8.89 3 9.61 3c.53 0 1.02.16 1.45.46s.75.68.94 1.15L18.46 20l-2.46.03V22h7v-1.97zM4 18c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m0-2c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3"/></svg>
</template>

CSS

.icon-vacuum-outline {
  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.66%2020L13.87%203.81q-.555-1.26-1.71-2.04C11.4%201.26%2010.55%201%209.61%201q-1.26%200-2.31.63c-1.05.63-1.26.99-1.67%201.69S5%204.8%205%205.64L5.03%209h-3v5.45c.62-.28%201.28-.42%201.97-.42v-3h5c.57%200%201.04.2%201.43.59c.39.38.57.85.57%201.38v7.03H8.91A4.7%204.7%200%200%201%207.97%2022H13v-9c0-.72-.2-1.38-.55-2S11.61%209.91%2011%209.56C10.42%209.2%209.75%209%209%209H7V5.64c0-.72.25-1.33.76-1.85S8.89%203%209.61%203c.53%200%201.02.16%201.45.46s.75.68.94%201.15L18.46%2020l-2.46.03V22h7v-1.97zM4%2018c.55%200%201%20.45%201%201s-.45%201-1%201s-1-.45-1-1s.45-1%201-1m0-2c-1.66%200-3%201.34-3%203s1.34%203%203%203s3-1.34%203-3s-1.34-3-3-3%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.66%2020L13.87%203.81q-.555-1.26-1.71-2.04C11.4%201.26%2010.55%201%209.61%201q-1.26%200-2.31.63c-1.05.63-1.26.99-1.67%201.69S5%204.8%205%205.64L5.03%209h-3v5.45c.62-.28%201.28-.42%201.97-.42v-3h5c.57%200%201.04.2%201.43.59c.39.38.57.85.57%201.38v7.03H8.91A4.7%204.7%200%200%201%207.97%2022H13v-9c0-.72-.2-1.38-.55-2S11.61%209.91%2011%209.56C10.42%209.2%209.75%209%209%209H7V5.64c0-.72.25-1.33.76-1.85S8.89%203%209.61%203c.53%200%201.02.16%201.45.46s.75.68.94%201.15L18.46%2020l-2.46.03V22h7v-1.97zM4%2018c.55%200%201%20.45%201%201s-.45%201-1%201s-1-.45-1-1s.45-1%201-1m0-2c-1.66%200-3%201.34-3%203s1.34%203%203%203s3-1.34%203-3s-1.34-3-3-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/vacuum-outline.svg?color=%231a73e8&size=48