Black AtmosphereIcons
Office Work

Office Work

Screen sharing

Three people around a laptop.

File
screen-sharing.svg
Original name
Screen Sharing
viewBox
0 0 1008.8 1008.9
Weight
4 KB
96px
160px
240px +

Use it

Download SVG

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1008.8 1008.9" fill="currentColor"><path d="M19.4 974.5V959.5H60.4L99.4 958.5Q97.4 958.5 90.4 957.5Q41.4 952.5 27.4 921.5Q23.4 913.5 22.4 904.5Q19.4 882.5 37.4 854.5Q41.4 847.5 66.4 796.5Q107.4 710.5 121.4 694.5Q136.4 676.5 164.9 663.5Q193.4 650.5 223.4 646.5Q231.4 645.5 291.4 646Q351.4 646.5 359.4 648.5Q404.4 657.5 438.4 682.5Q443.4 686.5 451.4 694.5Q459.4 702.5 459.4 704.5Q459.4 704.5 395.9 705Q332.4 705.5 327.4 706.5Q304.4 714.5 295.4 738.5L293.4 743.5V846.5Q293.4 949.5 295.4 954.5L297.4 958.5L317.4 959.5L334.4 958.5Q328.4 954.5 324.4 948.5Q323.4 945.5 323.4 848.5Q323.4 841.5 323.4 829.5Q324.4 744.5 327.4 740.5L329.4 739.5Q329.4 739.5 330.4 738.5Q333.4 734.5 349.9 734Q366.4 733.5 463.4 733.5Q489.4 733.5 504.4 733.5Q668.4 733.5 671.4 734.5Q678.4 736.5 682.4 742.5L684.4 746.5L685.4 844.5Q685.4 943.5 684.4 946.5Q682.4 954.5 674.4 957.5L670.4 959.5H691.4H711.4L712.4 955.5Q715.4 946.5 715.4 843.5Q715.4 775.5 714.9 759.5Q714.4 743.5 713.4 740.5Q707.4 719.5 687.4 709.5Q680.4 706.5 676.4 705.5Q672.4 704.5 610.4 704.5Q548.4 704.5 548.4 703.5Q548.4 702.5 557.4 694.5Q566.4 686.5 572.4 681.5Q606.4 656.5 649.4 648.5Q657.4 646.5 716.9 646Q776.4 645.5 784.4 646.5Q806.4 649.5 827.9 657Q849.4 664.5 866.4 676.5Q883.4 688.5 892.4 701.5Q907.4 723.5 941.4 795.5Q965.4 844.5 971.4 855.5Q985.4 878.5 986.4 897.5Q987.4 917.5 974.4 932.5Q966.4 941.5 953.4 948.5Q937.4 955.5 913.4 958.5L948.4 959.5H989.4V974.5V989.5H504.4H19.4ZM492.4 698.5Q476.4 676.5 461.4 664.5Q430.4 639.5 393.4 627.5Q387.4 625.5 387.4 625Q387.4 624.5 392.4 620.5Q404.4 611.5 416.4 597.5Q445.4 562.5 452.4 516.5Q456.4 492.5 452.4 469.5Q450.4 460.5 450.9 460.5Q451.4 460.5 452.4 462.5Q453.4 464.5 455.4 467.5Q457.4 470.5 460.4 474.5Q469.4 488.5 469.9 487.5Q470.4 486.5 482.4 430.5L494.4 374.5L479.4 359.5L464.4 344.5L484.4 325.5L504.4 305.5L524.4 325.5L544.4 344.5L529.4 359.5L513.4 374.5L526.4 430.5Q538.4 485.5 538.4 486.5L548.4 474.5Q550.4 470.5 552.4 467.5Q554.4 464.5 555.9 462.5Q557.4 460.5 557.4 460.5Q557.4 460.5 556.4 469.5Q554.4 477.5 554.4 494Q554.4 510.5 556.4 519.5Q565.4 574.5 606.4 612.5Q613.4 619.5 616.9 622Q620.4 624.5 620.4 625Q620.4 625.5 617.4 626.5Q588.4 634.5 559.4 654.5Q536.4 670.5 516.4 697.5Q504.4 713.5 503.9 713.5Q503.4 713.5 492.4 698.5ZM273.4 627.5Q224.4 622.5 189.4 587.5Q149.4 548.5 149.4 493.5Q149.4 437.5 190.4 398.5Q207.4 381.5 229.4 372Q251.4 362.5 274.4 360.5Q297.4 358.5 321.4 364.5Q353.4 372.5 379.4 395.5Q405.4 418.5 416.4 449.5Q428.4 481.5 422.9 515Q417.4 548.5 396.4 575.5Q367.4 612.5 320.4 624.5Q296.4 630.5 273.4 627.5ZM709.4 627.5Q673.4 624.5 644.4 605Q615.4 585.5 599.4 555.5Q568.4 497.5 596.4 437.5Q618.4 391.5 665.4 371.5Q711.4 352.5 757.4 364.5Q793.4 374.5 818.4 399.5Q850.4 430.5 857.4 475.5Q859.4 481.5 859.4 494.5Q859.4 511.5 855.4 526.5Q850.4 544.5 840.9 560.5Q831.4 576.5 818.9 589Q806.4 601.5 789.9 610.5Q773.4 619.5 755.4 624.5Q731.4 630.5 709.4 627.5ZM408.4 382.5Q397.4 369.5 379.4 358.5Q360.4 345.5 342.4 340.5Q336.4 338.5 336.9 337.5Q337.4 336.5 342.4 332.5Q370.4 309.5 408.4 305.5H414.4V346.5Q414.4 357.5 414.4 367Q414.4 376.5 413.9 381.5Q413.4 386.5 413.4 386.5Q413.4 386.5 408.4 382.5ZM594.4 346.5V305.5H596.4Q605.4 305.5 621.4 309.5Q647.4 316.5 669.4 335.5Q672.4 337.5 670.4 338.5Q647.4 346.5 629.4 358.5Q616.4 366.5 603.4 378.5L594.4 387.5ZM494.4 287.5Q450.4 283.5 418.4 258.5Q404.4 247.5 394.4 234.5Q368.4 201.5 366.4 160Q364.4 118.5 387.4 82.5Q403.4 56.5 432.4 38.5Q462.4 20.5 499.4 19.5Q536.4 18.5 567.4 34.5Q622.4 62.5 637.4 121.5Q644.4 148.5 640.4 175.5Q632.4 218.5 600.4 249Q568.4 279.5 524.4 286.5Q507.4 288.5 494.4 287.5Z"></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/screen-sharing.svg
<img src="https://icons.atmosphere.africa/svg/office-work/screen-sharing.svg" alt="Screen sharing" width="160">
import { illustrationUrl } from '@ba-icons/illustrations';

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

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