Ironing

An ironing board.

File: ironing.svg
viewBox: 0 0 1008.9 668.9
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import ironing from '@ba-icons/illustrations/laundry/ironing';

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

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import ironing from '@ba-icons/illustrations/laundry/ironing';
</script>

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import ironing from '@ba-icons/illustrations/laundry/ironing';
---

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

HTML

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

<ba-illustration name="laundry/ironing" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.9 668.9" fill="currentColor"><path d="M213.4 647.4Q203.4 644.4 196.4 633.4Q189.4 621.4 197.4 609.4Q200.4 604.4 348.9 433.4Q497.4 262.4 496.9 260.9Q496.4 259.4 421.4 172.4L345.4 85.4H197.4H49.4L42.4 83.4Q19.4 75.4 19.4 52.4Q19.4 31.4 41.4 22.4L46.4 19.4H422.4Q798.4 19.4 806.4 20.4Q817.4 21.4 826.9 27.4Q836.4 33.4 842.4 41.9Q848.4 50.4 850.4 59.4V65.4H905.4Q911.4 65.4 920.4 65.4Q955.4 65.4 960.9 63.9Q966.4 62.4 966.4 53.4Q966.4 51.4 966.4 50.4Q967.4 39.4 970.4 36.4Q973.4 33.4 977.4 33.4Q990.4 33.4 989.4 53.4Q988.4 71.4 977.4 79.4Q970.4 84.4 956.4 84.9Q942.4 85.4 845.4 85.4H728.4L653.4 172.4Q577.4 259.4 576.9 260.4Q576.4 261.4 725.9 433.9Q875.4 606.4 877.4 610.4Q880.4 615.4 880.4 620.9Q880.4 626.4 878.4 630.9Q876.4 635.4 872.4 639.9Q868.4 644.4 863.4 646.4Q857.4 649.4 848.9 648.9Q840.4 648.4 834.4 645.4Q828.4 642.4 683.4 474.9Q538.4 307.4 537.4 307.4Q536.4 307.4 391.9 473.9Q247.4 640.4 244.4 642.4Q231.4 653.4 213.4 647.4ZM228.4 627.4Q230.4 627.4 390.4 442.4Q550.4 257.4 554.4 252.9Q558.4 248.4 628.4 167.4L699.4 86.4H689.4Q678.4 85.4 678.4 86.4Q676.4 89.4 523.4 264.4Q362.4 449.4 223.4 610.4Q213.4 622.4 218.4 626.9Q223.4 631.4 228.4 627.4ZM855.4 626.4Q860.4 622.4 852.4 613.4Q838.4 595.4 700.4 436.9Q562.4 278.4 561.4 278.4Q560.4 278.4 555.9 283.9Q551.4 289.4 552.4 291.4Q553.4 292.4 623.9 373.4Q694.4 454.4 765.9 536.9Q837.4 619.4 840.4 623.4Q849.4 632.4 855.4 626.4ZM458.4 159.4 395.4 86.4H384.4L374.4 85.4L378.4 90.4Q382.4 95.4 446.9 169.4Q511.4 243.4 512.4 243.4Q513.4 243.4 517.9 238.4Q522.4 233.4 522.4 232.9Q522.4 232.4 458.4 159.4ZM536.4 86.4H424.4L480.4 151.4Q536.4 215.4 537.4 215.4Q538.4 215.4 593.9 150.9Q649.4 86.4 648.9 85.9Q648.4 85.4 536.4 86.4ZM827.4 61.4Q826.4 54.4 819.4 48.4Q812.4 42.4 804.4 41.4Q797.4 40.4 426.9 40.4Q56.4 40.4 52.4 41.4Q45.4 42.4 42.9 47.4Q40.4 52.4 43.4 57.4Q43.4 58.4 43.4 59.4Q44.4 63.4 81.9 64.4Q119.4 65.4 346.4 65.4Q406.4 65.4 440.4 65.4H828.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/laundry/ironing.svg

<img src="https://icons.atmosphere.africa/svg/laundry/ironing.svg" alt="Ironing" width="160">

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

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

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