Carpet cleaning

Two rolled-edge rugs.

File: carpet-cleaning.svg
Original name: Carpet Cleaning
viewBox: 0 0 1009.3 794.4
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import carpetCleaning from '@ba-icons/illustrations/cleaning/carpet-cleaning';

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

Vue

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

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import carpetCleaning from '@ba-icons/illustrations/cleaning/carpet-cleaning';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1009.3 794.4" fill="currentColor"><path d="M201.4 774Q198.4 772 121.9 641Q45.4 510 32.4 487.5Q19.4 465 19.4 462Q19.4 459 21.4 457Q23.4 455 51.9 445Q80.4 435 83.9 433.5Q87.4 432 210.4 388.5Q333.4 345 334.4 344.5Q335.4 344 304.4 296.5Q273.4 249 270.4 243Q261.4 226 269.4 208Q276.4 191 293.4 182Q298.4 179 390.9 147.5Q483.4 116 624.9 68Q766.4 20 770.9 19.5Q775.4 19 778.9 22Q782.4 25 883.9 164Q985.4 303 987.4 306Q992.4 312 987.4 318Q985.4 320 831.9 374.5Q678.4 429 678.4 429.5Q678.4 430 707.9 475.5Q737.4 521 741.4 527Q757.4 554 738.4 578Q729.4 590 718.4 594Q715.4 595 466.4 683.5Q217.4 772 214.4 774Q207.4 776 201.4 774ZM235.4 746 253.4 739 248.4 730Q243.4 721 165.9 588Q88.4 455 87.4 454Q86.4 453 66.4 460Q46.4 467 46.9 468.5Q47.4 470 130.4 612Q178.4 695 195.9 724Q213.4 753 214.4 753Q216.4 752 235.4 746ZM709.4 576Q720.4 570 724.4 559Q728.4 547 721.4 537Q712.4 521 690.4 520Q690.4 520 689.4 520Q680.4 520 609.4 545Q602.4 548 599.4 549Q540.4 570 532.4 571Q514.4 575 496.4 568.5Q478.4 562 468.4 549Q464.4 543 405.4 452.5Q346.4 362 345.4 362Q342.4 362 225.4 403.5Q108.4 445 108.4 446Q108.4 448 191.9 589.5Q275.4 731 275.4 731Q277.4 731 490.9 655Q704.4 579 709.4 576ZM594.4 530Q659.4 507 666.4 504.5Q673.4 502 686.4 501H698.4L678.4 469Q658.4 438 656.9 438Q655.4 438 577.4 466H576.4H575.4L574.4 467H573.4Q494.4 495 488.4 502Q487.4 504 485.4 507V508Q481.4 514 481.4 521.5Q481.4 529 485.4 535Q494.4 549 511.4 553Q520.4 554 531.9 551Q543.4 548 594.4 530ZM466.4 496Q474.4 485 486.4 478Q491.4 476 695.4 403Q899.4 330 900.4 330Q900.4 329 880.9 301.5Q861.4 274 832.4 235Q803.4 196 774.9 156.5Q746.4 117 725.9 89.5Q705.4 62 705.4 62Q704.4 62 510.4 127.5Q316.4 193 310.4 196Q298.4 201 293.4 210Q290.4 215 290.4 225V235L364.4 349Q438.4 464 450.4 482.5Q462.4 501 462.9 501Q463.4 501 466.4 496ZM766.4 41Q765.4 41 745.4 47L726.4 54L738.4 70Q749.4 85 836.4 204Q922.4 322 922.9 322Q923.4 322 942.4 315Q961.4 308 961.4 307.5Q961.4 307 912.9 240Q864.4 173 815.4 107Q766.4 41 766.4 41Z"></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/carpet-cleaning.svg

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

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

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

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