Vacuum cleaning

A person vacuuming.

File: vacuum-cleaning.svg
Original name: Vacuum Cleaning
viewBox: 0 0 1009 1009.1
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import vacuumCleaning from '@ba-icons/illustrations/cleaning/vacuum-cleaning';

<Illustration asset={vacuumCleaning} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import vacuumCleaning from '@ba-icons/illustrations/cleaning/vacuum-cleaning';
</script>

<template>
  <Illustration :asset="vacuumCleaning" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import vacuumCleaning from '@ba-icons/illustrations/cleaning/vacuum-cleaning';
---

<Illustration asset={vacuumCleaning} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="cleaning/vacuum-cleaning" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1009 1009.1" fill="currentColor"><path d="M29.5 986.4Q15.5 978.4 21 965.4Q26.5 952.4 43.5 952.4Q48.5 952.4 51.5 949.4Q54.5 946.4 64.5 931.4Q78.5 909.4 83.5 905.9Q88.5 902.4 131.5 902.4H174.5L176.5 895.4Q179.5 887.4 183.5 874.4L187.5 861.4L178.5 854.4Q164.5 840.4 164.5 822.4Q164.5 817.4 180.5 760.9Q196.5 704.4 214.5 647.4Q232.5 590.4 236.5 583.4Q246.5 564.4 269.5 558.4Q285.5 554.4 318.5 563.4L332.5 566.4L340.5 540.4L348.5 514.4L344.5 506.4Q337.5 495.4 340.5 480.9Q343.5 466.4 354.5 457.4Q365.5 448.4 376.5 446.4Q387.5 444.4 438.5 444.4L500.5 443.4L553.5 374.4Q600.5 311.4 615.5 297.4Q630.5 283.4 660.5 275.4Q701.5 263.4 746.5 274.4Q791.5 285.4 807.5 312.4L811.5 320.4V633.4V946.4L805.5 957.4Q787.5 988.4 749.5 988.4Q709.5 988.4 692.5 958.4Q689.5 952.4 688.5 939.9Q687.5 927.4 686.5 862.4L685.5 774.4L653.5 863.4Q620.5 951.4 616.5 958.4Q606.5 976.4 585.5 984.4Q559.5 995.4 533.5 983.4Q497.5 967.4 497.5 934.4Q497.5 922.4 549.5 781.4L602.5 640.4L597.5 561.4L592.5 481.4L573.5 507.4L554.5 532.4H477.5H400.5L355.5 675.4Q315.5 805.4 307.5 829.4Q299.5 853.4 294.5 859.4Q281.5 874.4 259.5 876.4L249.5 878.4L245.5 892.4L241.5 907.4L256.5 930.4Q261.5 937.4 263.5 940.9Q265.5 944.4 268 947.4Q270.5 950.4 272 950.9Q273.5 951.4 274.5 951.9Q275.5 952.4 277.5 952.4Q294.5 952.4 300.5 964.4Q303.5 971.4 300.5 977.4Q300.5 977.4 300.5 978.4Q296.5 986.4 280.5 987.9Q264.5 989.4 171.5 989.4Q168.5 989.4 167.5 989.4Q166.5 989.4 164.5 989.4Q162.5 989.4 160.5 989.4Q36.5 989.4 29.5 986.4ZM282.5 619.4Q286.5 614.4 283 609.4Q279.5 604.4 271.5 604.4Q263.5 604.4 262 611.4Q260.5 618.4 267.5 622.4Q276.5 625.4 282.5 619.4ZM918.5 618.4Q908.5 614.4 900 605.4Q891.5 596.4 871.5 569.4L847.5 536.4L848.5 455.4V374.4L917.5 467.4Q985.5 560.4 987.5 566.4Q992.5 580.4 986 594.4Q979.5 608.4 965.5 616.4Q941.5 628.4 918.5 618.4ZM649.5 234.4Q594.5 219.4 570.5 176.4Q557.5 152.4 557.5 128.4Q557.5 98.4 574.5 73.9Q591.5 49.4 620 34.4Q648.5 19.4 681.5 19.4Q714.5 19.4 743 32.4Q771.5 45.4 789 68.9Q806.5 92.4 808.5 121.4Q812.5 156.4 788 187.9Q763.5 219.4 723.5 232.4Q710.5 236.4 687 236.9Q663.5 237.4 649.5 234.4Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/cleaning/vacuum-cleaning.svg

<img src="https://icons.atmosphere.africa/svg/cleaning/vacuum-cleaning.svg" alt="Vacuum cleaning" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('cleaning/vacuum-cleaning');
// → https://icons.atmosphere.africa/svg/cleaning/vacuum-cleaning.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/cleaning/vacuum-cleaning.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.