Clean house

A house with sparkles.

File: clean-house.svg
Original name: Clean House
viewBox: 0 0 1008.8 920.8
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import cleanHouse from '@ba-icons/illustrations/cleaning/clean-house';

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

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import cleanHouse from '@ba-icons/illustrations/cleaning/clean-house';
</script>

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import cleanHouse from '@ba-icons/illustrations/cleaning/clean-house';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.8 920.8" fill="currentColor"><path d="M98.4 733.4V565.4L88.4 574.4Q78.4 584.4 76.9 584.4Q75.4 584.4 47.4 554.4L19.4 524.4L35.4 508.4Q52.4 491.4 168.9 379.4Q285.4 267.4 394.9 161.9Q504.4 56.4 505.4 56.4Q506.4 56.4 628.4 174.4Q750.4 292.4 754.4 293.4Q758.4 294.4 762.4 292.4Q766.4 290.4 767.9 286.4Q769.4 282.4 768.4 277.4Q767.4 273.4 734.4 241.4L700.4 209.4V184.4V160.4H768.4H835.4V267.4V374.4L912.4 448.4Q989.4 523.4 989.4 524.4Q989.4 525.4 961.4 555.4L933.4 586.4L922.4 574.4L911.4 563.4V732.4V901.4H689.4H467.4V721.4V542.4H369.4H270.4V721.4V901.4H184.4H98.4ZM740.4 627.4V542.4H650.4H561.4V627.4V712.4H650.4H740.4ZM594.4 425.4 599.4 403.4 621.4 398.4Q643.4 392.4 644.4 392.4Q644.4 391.4 641.4 390.9Q638.4 390.4 633.4 388.9Q628.4 387.4 622.4 385.4L599.4 380.4L594.4 356.4L588.4 333.4L583.4 356.4L577.4 380.4L554.4 386.4Q551.4 386.4 547.4 387.4Q534.4 390.4 534.4 391.9Q534.4 393.4 551.4 397.4Q557.4 398.4 560.4 399.4Q574.4 402.4 576.4 405.4Q578.4 408.4 583.4 429.4Q584.4 434.4 585.9 438.9Q587.4 443.4 587.9 445.9Q588.4 448.4 588.4 448.4Q589.4 447.4 594.4 425.4ZM508.4 295.4 539.4 287.4 509.4 280.4Q479.4 273.4 477.9 271.4Q476.4 269.4 471.4 247.4Q463.4 215.4 462.4 215.4Q461.4 215.4 454.4 241.4L447.4 272.4L416.4 280.4L386.4 287.4L416.4 295.4L447.4 302.4L454.4 333.4Q456.4 341.4 457.9 348.4Q459.4 355.4 460.9 359.4Q462.4 363.4 462.4 363.4Q462.4 362.4 469.4 332.9Q476.4 303.4 477.4 302.9Q478.4 302.4 508.4 295.4ZM170.4 227.4 162.4 194.4 131.4 187.4Q99.4 179.4 99.4 178.4Q99.4 177.4 125.4 171.4Q151.4 165.4 157.4 163.4L163.4 161.4L171.4 129.4Q178.4 96.4 179.9 98.9Q181.4 101.4 188.4 131.4L195.4 161.4L201.4 163.4Q207.4 164.4 233.4 170.9Q259.4 177.4 259.4 178.4Q259.4 179.4 227.4 187.4L195.4 194.4L188.4 224.4Q181.4 254.4 180.4 257.4L175.4 245.4ZM327.4 81.4 305.4 87.4 303.4 93.4Q302.4 99.4 298.4 115.4Q294.4 131.4 293.4 131.4Q292.4 131.4 287.9 110.9Q283.4 90.4 281.9 88.4Q280.4 86.4 258.9 81.4Q237.4 76.4 238.9 74.9Q240.4 73.4 259.9 68.9Q279.4 64.4 281.4 62.4Q283.4 60.4 287.9 40.4Q292.4 20.4 293.4 19.4Q294.4 18.4 298.9 39.4Q303.4 60.4 305.4 62.4Q307.4 64.4 326.9 68.9Q346.4 73.4 347.9 74.9Q349.4 76.4 327.4 81.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/clean-house.svg

<img src="https://icons.atmosphere.africa/svg/cleaning/clean-house.svg" alt="Clean house" width="160">

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

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

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