Blockchain link

A single chain link.

File: blockchain-link.svg
Original name: Blockchain C
viewBox: 0 0 982.6 982.1
Weight: 2 KB

96px

160px

240px +

Use it

React

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

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

Vue

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

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

Astro

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

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 982.6 982.1" fill="currentColor"><path d="M137.7 940Q122.7 928 85.2 888.5Q47.7 849 38.7 833Q26.7 815 21.7 791.5Q16.7 768 20.7 749Q28.7 708 53.7 681Q65.7 669 150.7 597Q235.7 525 242.7 521Q250.7 517 263.7 517Q280.7 517 293.7 527Q306.7 537 309.7 551.5Q312.7 566 304.7 582Q298.7 592 212.7 665Q142.7 724 126.2 742.5Q109.7 761 114.7 776Q116.7 784 134.7 806Q152.7 828 173.7 847.5Q194.7 867 202.7 870Q213.7 875 224.2 873Q234.7 871 363.7 766Q491.7 661 535.7 625Q579.7 589 583.7 583Q585.7 579 586.2 572.5Q586.7 566 586.2 559Q585.7 552 584.7 548Q581.7 542 532.7 491Q491.7 449 482.7 434Q473.7 419 479.7 402Q485.7 383 504.2 374.5Q522.7 366 541.7 375Q556.7 381 606.7 433.5Q656.7 486 666.7 505Q700.7 574 658.7 635Q648.7 651 616.7 677Q311.7 928 292.7 941Q278.7 950 256.2 957Q233.7 964 214.7 963Q195.7 963 174.2 956.5Q152.7 950 137.7 940ZM446.7 606Q437.7 604 426.7 594Q415.7 584 377.7 544Q327.7 492 316.7 471Q308.7 456 307.2 447.5Q305.7 439 305.7 415Q305.7 398 306.2 390Q306.7 382 309.2 376Q311.7 370 316.7 359Q327.7 338 338.7 326Q350.7 316 514.2 184Q677.7 52 693.7 41Q728.7 17 776.7 19Q824.7 21 857.7 48Q877.7 65 911.2 103Q944.7 141 953.7 157Q960.7 171 962.2 179.5Q963.7 188 963.7 213Q963.7 237 962.7 246Q961.7 255 954.7 268Q945.7 286 933.7 300Q924.7 308 880.2 346Q835.7 384 791.7 419.5Q747.7 455 740.7 459Q729.7 465 716.7 463Q687.7 460 677.7 435Q667.7 410 685.7 390Q695.7 380 778.2 311.5Q860.7 243 866.7 235Q871.7 227 872.2 215.5Q872.7 204 868.7 196Q860.7 183 828.2 149Q795.7 115 787.7 111Q779.7 107 773.7 106.5Q767.7 106 758.2 110.5Q748.7 115 737.7 123Q726.7 131 706.7 147Q414.7 380 404.7 393Q392.7 409 400.7 429Q403.7 437 449.7 485Q486.7 524 497.7 541Q508.7 558 505.7 571Q501.7 590 484.7 600.5Q467.7 611 446.7 606Z"></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/blockchain/blockchain-link.svg

<img src="https://icons.atmosphere.africa/svg/blockchain/blockchain-link.svg" alt="Blockchain link" width="160">

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

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

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