Session

A worker at a laptop, front on.

File: session.svg
viewBox: 0 0 1008.8 1009.1
Weight: 1 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.8 1009.1" fill="currentColor"><path d="M19.4 944.7V899.7H100.4H181.4L172.4 895.7Q145.4 882.7 136.4 858.7Q126.4 831.7 131.4 796.7Q134.4 779.7 172.9 649.7Q211.4 519.7 217.4 508.7Q223.4 497.7 236.9 482.7Q250.4 467.7 264.4 458.7Q321.4 419.7 422.4 405.7Q445.4 401.7 502.9 401.2Q560.4 400.7 581.4 403.7Q714.4 423.7 770.4 477.7Q780.4 487.7 784.4 492.2Q788.4 496.7 796.9 518.2Q805.4 539.7 812.4 563.2Q819.4 586.7 837.4 649.7Q870.4 759.7 876.4 787.7Q882.4 815.7 879.4 837.7Q873.4 878.7 838.4 895.7L829.4 899.7H909.4H989.4V944.7V989.7H504.4H19.4ZM283.4 744.7V588.7H503.4H723.4V744.7L724.4 899.7H736.4H749.4V743.7Q749.4 733.7 749.4 716.7Q749.4 611.7 747.9 593.2Q746.4 574.7 736.4 569.7Q734.4 568.7 733.4 568.7L725.4 563.7H502.4Q335.4 564.7 306.4 565.2Q277.4 565.7 272.4 568.7Q267.4 572.7 262.9 578.7Q258.4 584.7 257.4 741.7V899.7H269.4H282.4ZM675.4 864.7V859.7H504.4H333.4V864.7V869.7H504.4H675.4ZM476.4 381.7Q454.4 376.7 429.4 362.7Q404.4 348.7 388.4 331.7Q360.4 302.7 349.4 230.7Q345.4 204.7 344.4 169.2Q343.4 133.7 347.4 120.7Q357.4 78.7 391.9 52.7Q426.4 26.7 481.4 20.7Q520.4 16.7 555.4 24.7Q590.4 32.7 616.4 50.7Q642.4 68.7 655.4 94.7Q660.4 106.7 662.9 115.2Q665.4 123.7 666.4 138.2Q667.4 152.7 666.4 173.7Q664.4 231.7 653.4 274.7Q646.4 297.7 639.9 309.2Q633.4 320.7 618.4 335.7Q588.4 363.7 550.4 376.7Q514.4 389.7 476.4 381.7Z"></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/session.svg

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

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

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

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