Broom cleaning

A person sweeping.

File: broom-cleaning.svg
Original name: Broom Cleaning
viewBox: 0 0 856.8 1009
Weight: 3 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import broomCleaning from '@ba-icons/illustrations/cleaning/broom-cleaning';

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

Vue

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

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import broomCleaning from '@ba-icons/illustrations/cleaning/broom-cleaning';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 856.8 1009" fill="currentColor"><path d="M550.4 988.4Q518.4 981.4 504.4 956.4Q499.4 948.4 498.4 935.9Q497.4 923.4 534.4 800.4L570.4 678.4V633.4V587.4H484.4H399.4L396.4 593.4Q393.4 604.4 373.9 668.9Q354.4 733.4 354.4 734.4Q375.4 746.4 384.4 757.4L390.4 764.4L386.4 862.4Q383.4 959.4 382.4 960.4Q381.4 961.4 368.4 957.4Q337.4 947.4 267.4 945.4Q209.4 943.4 196.4 940.4Q185.4 938.4 173.4 932.9Q161.4 927.4 161.4 925.4Q161.4 922.4 191.9 869.9Q222.4 817.4 224.4 817.4Q226.4 817.4 268.9 827.4Q311.4 837.4 316.4 834.4Q325.4 830.4 322.4 820.4Q321.4 816.4 312.4 813.4Q303.4 810.4 265.4 801.4Q237.4 794.4 237.4 792.9Q237.4 791.4 252.4 764.4Q262.4 748.4 267.4 741.9Q272.4 735.4 278.4 731.9Q284.4 728.4 296.4 726.4Q311.4 723.4 311.9 722.9Q312.4 722.4 334.4 650.4L356.4 577.4L351.4 571.4Q331.4 547.4 342.4 524.4Q349.4 508.4 368.4 499.4Q375.4 496.4 389.4 495.4Q403.4 494.4 474.4 494.4L570.4 493.4L571.4 416.4V339.4L579.4 326.4Q598.4 290.4 648.4 278.4Q662.4 275.4 687.9 275.4Q713.4 275.4 727.4 279.4Q777.4 290.4 797.4 328.4L803.4 339.4L804.4 507.4L806.4 676.4L822.4 800.4Q837.4 925.4 837.4 932.4Q837.4 946.4 826.9 961.4Q816.4 976.4 802.4 982.4Q776.4 994.4 749.9 985.9Q723.4 977.4 711.4 953.4Q707.4 945.4 696.4 859.4Q685.4 773.4 684.4 766.4Q683.4 763.4 680.4 771.4L654.4 855.4Q626.4 950.4 621.4 958.4Q612.4 974.4 590.9 983.4Q569.4 992.4 550.4 988.4ZM53.4 876.4Q46.4 869.4 51.4 862.4Q53.4 860.4 58.4 858.4Q66.4 854.4 72.4 860.9Q78.4 867.4 73.4 874.4Q70.4 878.4 63.9 878.9Q57.4 879.4 53.4 876.4ZM106.4 862.4Q95.4 858.4 92.4 846.4Q91.4 840.4 99.4 833.4Q109.4 824.4 121.4 829.4Q126.4 830.4 129.9 835.9Q133.4 841.4 133.4 845.4Q133.4 854.4 122.4 860.4Q114.4 865.4 106.4 862.4ZM19.4 827.4Q19.4 824.4 21.4 821.4Q23.4 818.4 26.4 816.9Q29.4 815.4 32.4 815.4Q36.4 815.4 40.9 819.4Q45.4 823.4 45.4 826.4Q45.4 830.4 40.9 834.4Q36.4 838.4 31.4 838.4Q26.4 838.4 22.9 834.9Q19.4 831.4 19.4 827.4ZM400.4 435.4 407.4 411.4 400.4 404.4Q387.4 392.4 387.4 373.4Q387.4 339.4 429.4 328.4Q432.4 327.4 441.4 298.4Q448.4 275.4 453.4 267.4Q458.4 259.4 467.4 257.4Q472.4 256.4 479.4 259.4Q486.4 262.4 489.4 266.4Q493.4 274.4 483.4 308.4Q475.4 334.4 477.4 336.4Q479.4 338.4 506.4 348.4L533.4 358.4V408.4Q533.4 459.4 532.4 459.4Q531.4 459.4 489.9 443.9Q448.4 428.4 447.4 428.9Q446.4 429.4 441.4 444.4L437.4 460.4H416.4Q395.4 461.4 393.9 460.4Q392.4 459.4 400.4 435.4ZM671.4 249.4Q638.4 245.4 612.4 228.9Q586.4 212.4 571.9 187.9Q557.4 163.4 556.4 135.4Q556.4 87.4 595.9 53.4Q635.4 19.4 687.4 19.4Q741.4 19.4 780.4 54.4Q818.4 87.4 818.4 133.4Q818.4 161.4 805.4 183.4Q780.4 230.4 723.4 245.4Q696.4 252.4 671.4 249.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/broom-cleaning.svg

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

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

illustrationUrl('cleaning/broom-cleaning');
// → https://icons.atmosphere.africa/svg/cleaning/broom-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/broom-cleaning.svg') center / contain no-repeat;
}

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