Side worker

A worker at a laptop, in profile.

File: side-worker.svg
Original name: Worker B
viewBox: 0 0 1008.8 1009.3
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import sideWorker from '@ba-icons/illustrations/office-work/side-worker';

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

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import sideWorker from '@ba-icons/illustrations/office-work/side-worker';
</script>

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import sideWorker from '@ba-icons/illustrations/office-work/side-worker';
---

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

HTML

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

<ba-illustration name="office-work/side-worker" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.8 1009.3" fill="currentColor"><path d="M19.4 738.9Q19.4 533.9 19.9 505.4Q20.4 476.9 23.4 461.9Q38.4 403.9 90.4 371.9Q119.4 353.9 153.9 350.4Q188.4 346.9 220.4 359.9Q254.4 371.9 278.9 399.9Q303.4 427.9 312.4 461.9Q316.4 479.9 316.4 534.9L317.4 584.9L332.4 603.9L348.4 621.9H474.4Q582.4 622.9 594.9 623.4Q607.4 623.9 619.4 628.9Q632.4 635.9 641.4 645.9Q661.4 667.9 660.9 697.4Q660.4 726.9 639.4 747.9Q625.4 761.9 605.4 767.9L599.4 769.9H454.4Q310.4 769.9 304.4 768.9Q279.4 765.9 262.4 748.9Q258.4 743.9 222.4 701.4Q186.4 658.9 185.9 657.9Q185.4 656.9 171.9 668.4Q158.4 679.9 158.4 679.9Q157.4 680.9 195.9 726.4Q234.4 771.9 239.4 776.9Q269.4 802.9 308.4 805.9H316.4V897.9V989.9H168.4H19.4ZM365.4 989.9Q354.4 987.9 346.4 980.9Q340.4 974.9 338.4 968.4Q336.4 961.9 337.4 941.9V920.9L339.4 916.9Q346.4 901.9 363.4 898.9Q367.4 897.9 678.4 898.9H989.4V943.9V989.9H678.4Q367.4 989.9 365.4 989.9ZM437.4 862.9Q428.4 859.9 423.9 850.9Q419.4 841.9 423.4 832.9Q426.4 824.9 434.4 820.9Q437.4 819.9 623.4 819.9L809.4 818.9L807.4 823.9Q798.4 841.9 807.4 858.9Q809.4 862.9 809.4 863.4Q809.4 863.9 716.9 863.9Q624.4 863.9 531.9 863.4Q439.4 862.9 437.4 862.9ZM835.4 860.9Q829.4 858.9 825.4 853.9Q819.4 844.9 822.9 834.9Q826.4 824.9 836.4 821.9Q844.4 819.9 851.9 824.4Q859.4 828.9 861.4 837.9Q863.4 848.9 854.9 856.4Q846.4 863.9 835.4 860.9ZM869.4 814.9Q856.4 800.9 837.4 802.9Q832.4 803.9 832.4 801.9Q838.4 788.9 892.4 654.4Q946.4 519.9 947.4 518.9Q951.4 510.9 960.4 507.9Q971.4 503.9 980.4 510.9Q989.4 517.9 989.4 528.9Q989.4 533.9 931.9 676.4Q874.4 818.9 873.9 818.9Q873.4 818.9 869.4 814.9ZM299.4 337.9Q272.4 334.9 247.4 323.4Q222.4 311.9 202.9 292.9Q183.4 273.9 171.4 249.9Q154.4 216.9 154.4 178.9Q154.4 130.9 180.4 91.9Q220.4 31.9 291.4 20.9Q313.4 17.9 336.4 20.9Q389.4 28.9 426.4 66.9Q473.4 112.9 473.4 178.9Q473.4 244.9 426.4 290.9Q373.4 343.9 299.4 337.9Z"></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/office-work/side-worker.svg

<img src="https://icons.atmosphere.africa/svg/office-work/side-worker.svg" alt="Side worker" width="160">

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

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

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