Desk worker

A worker with a collar at a desk.

File: desk-worker.svg
Original name: Worker C
viewBox: 0 0 1008.8 1008.8
Weight: 2 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.8 1008.8" fill="currentColor"><path d="M493.4 19.4ZM532.4 22.4Q605.4 33.4 657.4 84.4Q681.4 108.4 696.4 138.4Q720.4 184.4 720.4 236.4Q720.4 258.4 716.4 279.4Q706.4 327.4 676.4 366.4Q619.4 442.4 525.4 452.4Q518.4 452.4 503.4 452.4Q488.4 452.4 481.4 452.4Q399.4 443.4 343.4 382.4Q320.4 356.4 306.4 324.9Q292.4 293.4 288.9 260.4Q285.4 227.4 292.4 193.4Q297.4 167.4 310.4 141.4Q325.4 110.4 351.4 84.4Q402.4 33.4 476.4 22.4Q485.4 21.4 503.9 21.4Q522.4 21.4 532.4 22.4ZM325.4 481.4Q329.4 481.4 338.4 481.4L361.4 482.4V549.4V616.4H312.4Q264.4 616.4 258.4 618.4Q229.4 627.4 219.4 654.4L217.4 658.4V792.4Q217.4 926.4 218.9 931.9Q220.4 937.4 221.4 941.4L223.4 944.4H245.4L264.4 943.4Q255.4 940.4 250.4 932.4Q247.4 927.4 246.9 912.9Q246.4 898.4 247.4 793.4V664.4L249.4 659.4Q253.4 651.4 260.4 647.4Q266.4 644.4 291.9 643.9Q317.4 643.4 504.4 643.4Q691.4 643.4 716.4 643.9Q741.4 644.4 747.4 647.4Q755.4 651.4 759.4 659.4L761.4 664.4V793.4Q761.4 898.4 760.9 912.9Q760.4 927.4 757.4 932.4Q752.4 940.4 743.4 943.4L762.4 944.4H784.4L786.4 941.4Q787.4 937.4 788.9 933.4Q790.4 929.4 790.4 794.4Q790.4 659.4 789.4 655.4Q779.4 627.4 749.4 618.4Q744.4 616.4 695.4 616.4H646.4V549.4V482.4L669.4 481.4Q684.4 481.4 689.4 481.9Q694.4 482.4 696.9 483.4Q699.4 484.4 704.4 487.4Q748.4 520.4 884.4 688.4Q961.4 782.4 975.4 810.4Q987.4 835.4 987.4 857.4Q987.4 868.4 985.4 874.4Q974.4 916.4 922.4 933.4Q898.4 941.4 869.4 943.4L925.4 944.4H989.4V967.4V989.4H504.4H19.4V967.4V944.4H82.4L139.4 943.4Q63.4 936.4 34.4 899.4Q20.4 881.4 20.4 857.4Q20.4 827.4 44.4 790.4Q59.4 767.4 108.9 705.9Q158.4 644.4 204.4 591.4Q290.4 492.4 311.4 483.4Q314.4 481.4 325.4 481.4ZM504.4 481.4 535.4 510.4Q566.4 539.4 566.9 539.9Q567.4 540.4 543.4 562.4Q519.4 584.4 519.4 584.9Q519.4 585.4 522.9 600.4Q526.4 615.4 525.9 615.9Q525.4 616.4 503.9 616.4Q482.4 616.4 481.9 615.9Q481.4 615.4 484.9 600.4Q488.4 585.4 488.4 584.9Q488.4 584.4 464.4 562.4Q440.4 540.4 440.9 539.9Q441.4 539.4 472.4 510.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/office-work/desk-worker.svg

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

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

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

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