Cleaning spray

A trigger-spray bottle with a label.

File: cleaning-spray.svg
Original name: Cleaning Product A
viewBox: 0 0 542.8 1008.8
Weight: 4 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import cleaningSpray from '@ba-icons/illustrations/cleaning/cleaning-spray';

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

Vue

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

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import cleaningSpray from '@ba-icons/illustrations/cleaning/cleaning-spray';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 542.8 1008.8" fill="currentColor"><path d="M81.4 618.4Q90.4 542.4 154.4 489.4Q179.4 469.4 194.4 462.4L197.4 461.4V390.4L198.4 320.4L201.4 313.4Q204.4 307.4 210.4 301.4Q216.4 295.4 223.4 291.4Q230.4 287.4 237.4 285.4L242.4 284.4V259.4Q242.4 230.4 239.4 215.9Q236.4 201.4 226.4 186.4Q220.4 175.4 205.4 163.4Q190.4 151.4 189.4 151.4Q188.4 151.4 156.4 217.9Q124.4 284.4 119.4 286.9Q114.4 289.4 84.9 289.4Q55.4 289.4 51.4 287.4Q44.4 284.4 44.4 277.4Q44.4 274.4 77.4 204.4L110.4 134.4H70.4Q30.4 133.4 27.4 132.4Q21.4 129.4 20.4 122.4Q19.4 115.4 19.4 76.4Q19.4 39.4 20.4 31.9Q21.4 24.4 25.4 21.4Q28.4 19.4 256.4 19.4H483.4L487.4 22.4L491.4 26.4V76.4V127.4L487.4 130.4Q483.4 133.4 478.4 133.4Q461.4 133.4 444.4 141.4Q424.4 149.4 413.4 165.4Q410.4 171.4 408.9 174.4Q407.4 177.4 406.4 185.9Q405.4 194.4 404.9 203.9Q404.4 213.4 404.4 235.4V284.4L410.4 286.4Q425.4 290.4 434.4 300.4Q445.4 311.4 446.9 322.4Q448.4 333.4 448.4 394.4Q448.4 464.4 449.4 464.4Q450.4 464.4 464.4 475.4Q502.4 507.4 516.4 547.4Q521.4 564.4 522.4 592.4Q523.4 620.4 523.4 780.4Q523.4 980.4 521.9 982.9Q520.4 985.4 517.4 987.4Q514.4 989.4 301.9 989.4Q89.4 989.4 87.4 987.9Q85.4 986.4 82.9 983.4Q80.4 980.4 80.4 805.9Q80.4 631.4 81.4 618.4ZM164.4 813.4Q165.4 657.4 169.4 644.4Q170.4 642.4 172.4 636.4Q189.4 593.4 234.9 566.9Q280.4 540.4 333.4 542.4Q375.4 544.4 406.4 569.4Q425.4 585.4 434.4 607.4L438.4 617.4L439.4 792.4V966.4H467.4H495.4V775.4Q495.4 583.4 494.4 574.4Q488.4 533.4 458.4 503.4Q444.4 489.4 425.4 478.4Q350.4 434.4 252.4 463.4Q202.4 478.4 165.9 511.9Q129.4 545.4 115.4 588.4Q110.4 605.4 109.4 627.9Q108.4 650.4 108.4 791.4L107.4 966.4H135.4H164.4ZM411.4 793.4V619.4L408.4 613.4Q391.4 578.4 352.4 567.4Q327.4 560.4 295.4 567.4Q267.4 574.4 244.9 588.4Q222.4 602.4 209.4 622.4Q196.4 642.4 193.4 667.4Q191.4 679.4 191.4 823.4V966.4H301.4H412.4ZM250.4 913.4Q243.4 910.4 242.4 904.9Q241.4 899.4 246.4 895.4L251.4 891.4H304.4H358.4L362.4 895.4Q368.4 898.4 367.4 904.4Q366.4 910.4 359.4 912.4Q355.4 914.4 304.4 914.4Q253.4 914.4 250.4 913.4ZM246.4 842.4Q241.4 837.4 242.9 832.4Q244.4 827.4 250.4 824.4Q253.4 822.4 304.4 822.4Q355.4 822.4 359.4 824.4Q366.4 827.4 367.4 832.9Q368.4 838.4 362.4 842.4L358.4 845.4H304.4H251.4ZM250.4 776.4Q243.4 773.4 242.4 767.9Q241.4 762.4 246.4 758.4L251.4 755.4H304.4H358.4L362.4 758.4Q368.4 761.4 367.4 767.4Q366.4 773.4 359.4 775.4Q355.4 777.4 304.4 777.4Q253.4 777.4 250.4 776.4ZM250.4 707.4Q243.4 704.4 242.4 698.9Q241.4 693.4 246.4 689.4L251.4 686.4H304.4H358.4L362.4 689.4Q368.4 692.4 367.4 698.4Q366.4 704.4 359.4 706.4Q355.4 708.4 304.4 708.4Q253.4 708.4 250.4 707.4ZM240.4 443.4 254.4 439.4V401.4V363.4L258.4 359.4Q265.4 353.4 274.4 357.4Q279.4 359.4 280.4 365.9Q281.4 372.4 281.4 399.4Q282.4 433.4 284.4 433.4Q296.4 430.4 324.9 430.4Q353.4 430.4 368.4 433.4Q391.4 437.4 407.4 443.4Q414.4 446.4 417.4 447.4L420.4 448.4V387.4Q420.4 327.4 418.9 322.4Q417.4 317.4 411.9 312.9Q406.4 308.4 401.4 307.4Q394.4 306.4 322.4 306.4Q250.4 306.4 245.4 307.4Q234.4 310.4 229.4 318.4Q225.4 323.4 225.4 385.4Q225.4 403.4 225.4 417.4Q225.4 431.4 225.4 439.4Q225.4 447.4 226.4 447.4Q227.4 447.4 240.4 443.4ZM377.4 264.4V245.4H323.4H270.4V264.4V283.4H323.4H377.4ZM133.4 204.4Q163.4 141.4 162.4 140.4Q155.4 136.4 142.4 136.4Q139.4 136.4 108.9 200.4Q78.4 264.4 77.4 265.4Q77.4 266.4 78.9 266.4Q80.4 266.4 83.4 266.9Q86.4 267.4 90.4 267.4H102.4ZM377.4 203.4Q377.4 184.4 380.4 174.4Q386.4 155.4 401.4 140.4L409.4 133.4H353.4H297.4L293.4 130.4Q287.4 125.4 288.9 120.4Q290.4 115.4 297.4 112.4Q300.4 111.4 382.4 111.4H464.4V76.4V42.4H291.4H118.4V76.4V111.4H124.4Q143.4 111.4 167.4 117.4Q223.4 133.4 252.4 177.4Q264.4 196.4 267.4 216.4L268.4 223.4H323.4H377.4ZM90.4 76.4V42.4H68.4H47.4V76.4V111.4H68.4H90.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/cleaning-spray.svg

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

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

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

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