Brush cleaning

A person scrubbing with a brush.

File: brush-cleaning.svg
Original name: Brush Cleaning
viewBox: 0 0 1008.9 1008.6
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import brushCleaning from '@ba-icons/illustrations/cleaning/brush-cleaning';

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

Vue

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

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import brushCleaning from '@ba-icons/illustrations/cleaning/brush-cleaning';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.9 1008.6" fill="currentColor"><path d="M585.5 988.4Q556.5 981.4 542.5 956.4Q536.5 946.4 536.5 931.4Q536.5 921.4 544 898.4Q551.5 875.4 586.5 773.4Q636.5 630.4 635.5 629.4Q634.5 628.4 497.5 759.4L360.5 889.4L401.5 890.4H442.5L454.5 912.4L465.5 933.4V960.4V988.4H311.5H156.5V960.4V931.4L167.5 911.4L178.5 890.4H241.5H303.5L309.5 884.4Q315.5 877.4 405.5 792.4L496.5 706.4L487.5 698.4Q479.5 690.4 475.5 683.4Q469.5 672.4 475.5 648.9Q481.5 625.4 520.5 503.4Q569.5 350.4 577.5 334.4Q603.5 285.4 663 271.4Q722.5 257.4 785.5 285.4Q803.5 294.4 824 308.4Q844.5 322.4 910.5 373.4Q988.5 432.4 989.5 432.4Q989.5 432.4 986 435.9Q982.5 439.4 976 444.9Q969.5 450.4 960.5 458.4Q951.5 466.4 940 475.9Q928.5 485.4 916.5 495.4Q872.5 532.4 858 545.4Q843.5 558.4 844.5 561.4Q845.5 565.4 846.5 746.9Q847.5 928.4 844.5 940.4Q841.5 957.4 828.5 969.9Q815.5 982.4 796.5 987.4Q783.5 990.4 772.5 988.4Q739.5 981.4 726.5 955.4Q722.5 948.4 722 934.9Q721.5 921.4 720.5 859.4L719.5 772.4L689.5 860.4Q658.5 948.4 654.5 957.4Q648.5 968.4 637 976.4Q625.5 984.4 611.5 987.4Q597.5 990.4 585.5 988.4ZM618.5 570.4Q616.5 567.4 614.5 564.9Q612.5 562.4 611 560.9Q609.5 559.4 608.5 560.4Q607.5 561.4 599.5 585.9Q591.5 610.4 590.5 613.4Q589.5 616.4 607.5 599.4L626.5 582.4ZM829.5 442.4 836.5 437.4 817.5 422.4Q799.5 408.4 798.5 409.4Q797.5 410.4 809.5 450.4L811.5 457.4L816.5 453.4Q822.5 448.4 829.5 442.4ZM51.5 936.4Q47.5 931.4 47.5 928.4Q47.5 925.4 52 921.9Q56.5 918.4 60.5 918.4Q68.5 918.4 71.5 925.9Q74.5 933.4 68.5 938.4Q59.5 945.4 51.5 936.4ZM95.5 918.4Q83.5 907.4 94.5 894.4Q101.5 887.4 112 888.9Q122.5 890.4 126.5 899.4Q132.5 913.4 119.5 920.9Q106.5 928.4 95.5 918.4ZM25.5 898.4Q17.5 893.4 20 885.4Q22.5 877.4 31.5 877.4Q40.5 876.4 43 883.9Q45.5 891.4 39 896.4Q32.5 901.4 25.5 898.4ZM578.5 247.4Q552.5 240.4 531 223.9Q509.5 207.4 497.5 185.4Q471.5 135.4 497.5 84.4Q506.5 67.4 522.5 52.4Q558.5 19.4 609.5 19.4Q629.5 19.4 648 24.9Q666.5 30.4 682 40.4Q697.5 50.4 709.5 65.4Q721.5 80.4 728.5 97.4Q733.5 112.4 734 133.9Q734.5 155.4 728.5 171.4Q717.5 199.4 694.5 219.4Q671.5 239.4 641.5 247.4Q629.5 249.4 609.5 249.4Q589.5 249.4 578.5 247.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/brush-cleaning.svg

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

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

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

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