Link

A square with an arrow breaking out of it.

File: link.svg
viewBox: 0 0 1009 982.8
Weight: 1 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import link from '@ba-icons/illustrations/concepts/link';

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

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import link from '@ba-icons/illustrations/concepts/link';
</script>

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import link from '@ba-icons/illustrations/concepts/link';
---

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

HTML

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

<ba-illustration name="concepts/link" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1009 982.8" fill="currentColor"><path d="M21.4 957.4Q19.4 951.4 19.4 721.4Q19.4 491.4 23.9 486.4Q28.4 481.4 125.4 481.4Q222.4 481.4 228.4 484.4Q232.4 485.4 233.4 511.9Q234.4 538.4 234.4 642.4V797.4H358.4Q448.4 797.4 466.4 798.9Q484.4 800.4 487.4 805.4Q491.4 813.4 491.4 880.9Q491.4 948.4 487.4 956.4Q484.4 961.4 452.9 962.4Q421.4 963.4 253.4 963.4Q99.4 963.4 61.4 962.4Q23.4 961.4 21.4 957.4ZM257.4 398.4Q257.4 152.4 258.4 90.9Q259.4 29.4 263.4 25.4Q267.4 21.4 326.9 20.4Q386.4 19.4 625.4 19.4Q981.4 19.4 985.9 24.4Q990.4 29.4 989.4 400.4L988.4 772.4L627.4 773.4Q266.4 774.4 261.9 769.4Q257.4 764.4 257.4 398.4ZM508.4 618.4Q619.4 535.4 742.4 442.4Q864.4 349.4 870.9 353.4Q877.4 357.4 900.4 420.4L923.4 483.4L924.4 288.4Q925.4 92.4 923.9 91.4Q922.4 90.4 723.4 91.4Q524.4 92.4 531.9 95.9Q539.4 99.4 593.4 122.4Q664.4 153.4 664.4 161.4Q664.4 164.4 495.4 398.4L326.4 632.4V667.4V703.4L361.4 702.4H397.4Z"></path></svg>

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