Suited worker

A suited worker at a laptop.

File: suited-worker.svg
Original name: Worker A
viewBox: 0 0 1009 1008.8
Weight: 2 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1009 1008.8" fill="currentColor"><path d="M218.6 984.4Q214.6 980.4 214.6 967.4V954.4H504.6H794.6V968.4Q794.6 982.4 789.6 985.9Q784.6 989.4 503.6 989.4H222.6ZM110.6 929.4Q84.6 919.4 63.6 909.9Q42.6 900.4 39.6 898.4Q28.6 890.4 24.6 880.9Q20.6 871.4 19.6 851.4Q18.6 829.4 24.1 808.4Q29.6 787.4 69.6 656.4Q72.6 648.4 76.6 634.4Q105.6 540.4 113.1 522.9Q120.6 505.4 136.6 497.4Q138.6 495.4 140.6 495.4Q148.6 490.4 250.1 454.4Q351.6 418.4 354.6 419.4Q355.6 420.4 404.6 506.4Q417.6 530.4 428.6 550.4Q439.6 570.4 446.6 581.9Q453.6 593.4 453.6 592.4Q454.6 592.4 459.6 540.4Q463.6 503.4 464.1 493.4Q464.6 483.4 461.6 469.4Q453.6 435.4 460.6 435.4Q463.6 434.4 506.6 434.4Q553.6 434.4 553.6 440.4Q553.6 441.4 553.6 443.4Q546.6 469.4 546.1 485.4Q545.6 501.4 549.6 540.4Q555.6 592.4 555.6 593.4Q555.6 593.4 562.6 581.9Q569.6 570.4 580.6 550.4Q591.6 530.4 604.6 507.4Q652.6 421.4 654.6 420.4Q655.6 419.4 706.6 436.4Q757.6 453.4 810.1 472.4Q862.6 491.4 868.6 494.4Q879.6 500.4 887.6 508.4Q894.6 513.4 901.1 533.4Q907.6 553.4 938.6 652.4Q979.6 788.4 984.6 807.4Q989.6 823.4 989.6 845.4Q989.6 867.4 986.6 877.4Q984.6 882.4 983.1 884.9Q981.6 887.4 979.6 890.4Q977.6 893.4 973.1 895.9Q968.6 898.4 964.6 900.9Q960.6 903.4 950.1 907.9Q939.6 912.4 930.1 916.4Q920.6 920.4 902.6 928.4Q832.6 956.4 830.6 956.4Q825.6 956.4 840.6 844.4L845.6 805.4Q863.6 671.4 860.6 664.4Q858.6 658.4 850.1 650.9Q841.6 643.4 833.6 641.4Q828.6 639.4 509.1 639.4Q189.6 639.4 179.6 640.4Q173.6 641.4 167.1 645.4Q160.6 649.4 155.1 654.4Q149.6 659.4 148.6 663.4Q145.6 671.4 163.6 804.4Q182.6 953.4 178.6 956.4Q175.6 955.4 110.6 929.4ZM214.6 940.4Q214.6 936.4 197.1 803.9Q179.6 671.4 181.6 669.4Q185.6 666.4 505.1 666.4Q824.6 666.4 827.6 669.4Q830.6 672.4 812.6 805.4Q794.6 938.4 794.6 940.9Q794.6 943.4 504.6 943.4Q298.6 943.4 256.6 942.9Q214.6 942.4 214.6 940.4ZM463.6 411.4Q429.6 401.4 392.6 361.4Q381.6 349.4 369.6 331.9Q357.6 314.4 355.6 305.4Q353.6 299.4 346.6 295.4Q339.6 291.4 333.6 276.4Q324.6 250.4 321.6 221.9Q318.6 193.4 324.6 189.4Q328.6 186.4 328.6 167.4Q328.6 123.4 338.6 97.4Q348.6 73.4 380.1 52.9Q411.6 32.4 453.6 23.4Q471.6 19.4 504.6 19.4Q537.6 19.4 555.6 23.4Q607.6 33.4 639.6 60.4Q662.6 78.4 670.1 96.9Q677.6 115.4 679.6 154.4Q681.6 186.4 685.6 189.9Q689.6 193.4 687.6 217.4Q685.6 246.4 678.6 268.4Q671.6 290.4 663.6 295.4Q655.6 299.4 652.6 308.4Q641.6 338.4 608.1 370.4Q574.6 402.4 545.6 411.4Q535.6 414.4 504.6 414.4Q473.6 414.4 463.6 411.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/suited-worker.svg

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

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

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

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