Internet connection

A laptop with a globe.

File: internet-connection.svg
Original name: Internet Connection
viewBox: 0 0 1009.6 920.9
Weight: 4 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1009.6 920.9" fill="currentColor"><path d="M626.4 901.4Q624.4 900.4 484.9 860.4Q345.4 820.4 205.4 779.9Q65.4 739.4 62.4 737.4Q42.4 729.4 33.4 708.4Q29.4 699.4 29.4 672.4V650.4L25.4 643.4Q20.4 634.4 19.9 615.9Q19.4 597.4 19.4 440.4Q19.4 254.4 20.4 250.4Q22.4 237.4 35.4 231.4Q40.4 229.4 47.4 230.4H55.4L334.4 310.4Q613.4 391.4 618.4 394.4Q640.4 405.4 648.4 428.4Q649.4 432.4 649.4 604.4Q649.4 650.4 649.4 689.9Q649.4 729.4 649.9 752.4Q650.4 775.4 650.4 775.4Q652.4 774.4 762.4 719.4Q872.4 664.4 872.4 663.9Q872.4 663.4 780.4 629.9Q688.4 596.4 688.4 595.9Q688.4 595.4 706.4 595.4Q745.4 595.4 780.4 587.4L790.4 584.4L889.4 621.4L988.4 657.4V686.4V716.4L986.4 720.4Q985.4 721.4 985.4 722.4Q982.4 727.4 965.4 736.9Q948.4 746.4 848.4 796.4Q830.4 805.4 820.4 810.4Q666.4 887.4 652.4 894.4Q637.4 902.4 626.4 901.4ZM685.4 568.4H679.4V547.4V526.4H684.4L689.4 527.4V486.4V444.4H684.4H679.4V437.4Q678.4 430.4 677.4 425.9Q676.4 421.4 676.4 421.4Q676.4 421.4 681.4 421.4Q686.4 421.4 687.4 420.4H689.4V363.4V307.4H629.4H570.4V316.4Q571.4 325.4 572.9 338.4Q574.4 351.4 573.9 351.4Q573.4 351.4 558.4 347.4Q543.4 343.4 543.4 342.4Q542.4 341.4 540.4 315.4V307.4H502.4H464.4L465.4 313.4Q465.4 320.4 464.9 320.4Q464.4 320.4 442.4 313.4L419.4 307.4V300.4Q417.4 275.4 424.4 241.4Q435.4 187.4 466.4 142.4Q497.4 97.4 543.9 66.4Q590.4 35.4 646.4 24.4Q671.4 19.4 704.4 19.4Q733.4 19.4 755.4 23.4Q829.4 36.4 887.9 83.9Q946.4 131.4 972.4 200.4Q1009.4 298.4 969.4 395.4Q935.4 477.4 858.4 525.4Q797.4 562.4 725.4 568.4Q709.4 569.4 685.4 568.4ZM730.4 526.4Q737.4 525.4 751.4 515.9Q765.4 506.4 775.4 494.4Q780.4 488.4 786.4 480.4Q803.4 456.4 803.4 453.4Q802.4 451.4 778.4 449.4Q753.4 446.4 731.4 445.4L719.4 444.4V486.4V527.4H722.4Q725.4 526.4 730.4 526.4ZM827.4 494.4Q836.4 488.4 844.4 483.4Q866.4 467.4 866.4 465.4Q866.4 464.4 850.4 460.9Q834.4 457.4 833.9 457.9Q833.4 458.4 827.4 469.4Q816.4 487.4 802.4 506.4ZM892.4 438.4Q934.4 385.4 942.4 318.4Q944.4 309.4 944.4 308.4Q944.4 307.4 905.4 307.4H867.4V313.4Q867.4 327.4 863.4 354.4Q858.4 391.4 847.4 424.4Q843.4 433.4 843.4 434.4Q843.4 435.4 856.4 437.4Q884.4 444.4 886.4 445.4Q887.4 445.4 892.4 438.4ZM817.4 420.4Q831.4 380.4 836.4 330.4Q837.4 319.4 837.4 313.4V307.4H778.4H719.4V363.4V420.4H721.4Q722.4 421.4 728.4 421.4Q759.4 421.4 802.4 427.4Q812.4 429.4 813.4 428.9Q814.4 428.4 817.4 420.4ZM541.4 266.4Q545.4 209.4 561.4 163.4Q565.4 153.4 564.9 152.9Q564.4 152.4 551.4 149.4Q531.4 145.4 522.4 142.4Q521.4 142.4 515.4 149.4Q485.4 187.4 472.4 232.4Q464.4 260.4 464.4 277.4V280.4H502.4H540.4ZM689.4 223.4V167.4L678.4 166.4Q639.4 165.4 602.4 159.4Q594.4 158.4 594.4 159.4Q591.4 162.4 584.4 187.9Q577.4 213.4 573.4 241.4Q570.4 264.4 570.4 277.4V280.4H630.4H689.4ZM837.4 274.4Q837.4 247.4 829.4 208.4Q819.4 163.4 813.4 158.4Q813.4 158.4 805.4 159.4Q771.4 164.4 730.4 166.4L719.4 167.4V223.4V280.4H778.4H837.4ZM942.4 269.4Q936.4 212.4 905.4 167.4Q891.4 146.4 887.4 143.4Q886.4 142.4 873.4 145.9Q860.4 149.4 851.4 150.4L843.4 152.4L846.4 161.4Q864.4 211.4 867.4 269.4V280.4H906.4Q944.4 280.4 944.4 279.4Q944.4 278.4 942.4 269.4ZM689.4 101.4V60.4L682.4 61.4Q675.4 61.4 670.4 63.4Q642.4 76.4 619.4 110.4Q603.4 133.4 605.4 135.4Q608.4 138.4 662.4 141.4Q680.4 142.4 685.4 143.4H689.4ZM751.4 141.4Q774.4 139.4 796.4 136.4L803.4 135.4L800.4 129.4Q777.4 86.4 746.4 68.4Q734.4 61.4 726.4 61.4L719.4 60.4V101.4V143.4L728.4 142.4Q737.4 142.4 751.4 141.4ZM579.4 121.4Q589.4 104.4 599.4 89.4Q606.4 80.4 605.9 80.4Q605.4 80.4 597.4 84.4Q569.4 98.4 548.4 116.4Q541.4 122.4 542.4 122.4Q554.4 127.4 574.4 130.4Q574.4 130.4 579.4 121.4ZM859.4 115.4Q843.4 102.4 826.4 92.4Q805.4 80.4 802.4 80.4Q802.4 80.4 802.9 81.9Q803.4 83.4 805.4 85.4Q807.4 87.4 808.4 90.4Q819.4 104.4 828.4 121.4Q833.4 130.4 833.9 130.4Q834.4 130.4 849.4 126.9Q864.4 123.4 865.9 122.9Q867.4 122.4 859.4 115.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/internet-connection.svg

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

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

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

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