Blockchain blocks

Boxes linked in a chain.

File: blockchain-blocks.svg
Original name: Blockchain B
viewBox: 0 0 981.8 982
Weight: 4 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import blockchainBlocks from '@ba-icons/illustrations/blockchain/blockchain-blocks';

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

Vue

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

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import blockchainBlocks from '@ba-icons/illustrations/blockchain/blockchain-blocks';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 981.8 982" fill="currentColor"><path d="M635.9 960.9Q600.9 949.9 582.9 915.9Q578.9 908.9 577.9 889.4Q576.9 869.9 575.9 794.9Q574.9 702.9 577.9 680.9Q580.9 658.9 595.9 640.9Q606.9 628.9 623.9 621.4Q640.9 613.9 691.9 611.9L743.9 610.9V597.9Q743.9 566.9 766.9 566.9Q787.9 566.9 787.9 595.9V611.9H810.9H832.9V570.9Q832.9 533.9 830.9 533.9Q829.9 533.9 826.9 536.9Q820.9 543.9 796.9 545.9Q750.9 549.9 731.9 530.9Q719.9 517.9 717.4 501.9Q714.9 485.9 715.9 438.9L716.9 381.9L689.9 380.9Q668.9 378.9 658.9 375.4Q648.9 371.9 635.9 360.9Q625.9 353.9 616.9 338.9Q607.9 323.9 605.9 310.9Q603.9 303.9 601.9 302.4Q599.9 300.9 592.9 300.9Q575.9 300.9 570.4 286.4Q564.9 271.9 576.9 261.9Q585.9 255.9 594.9 255.9H603.9V232.9V210.9H566.9H529.9L538.9 218.9Q544.9 223.9 546.4 229.4Q547.9 234.9 548.9 255.9Q549.9 285.9 542.9 299.9Q531.9 320.9 518.9 324.4Q505.9 327.9 441.9 328.9L365.9 329.9L363.9 345.9Q357.9 394.9 315.9 414.9Q303.9 420.9 288.4 421.4Q272.9 421.9 193.9 421.9Q86.9 422.9 74.9 418.9Q43.9 409.9 26.9 377.9L18.9 359.9V249.9Q18.9 138.9 21.9 125.9Q24.9 112.9 41.9 96.4Q58.9 79.9 71.9 76.9Q83.9 72.9 193.9 72.9Q284.9 72.9 303.9 75.9Q322.9 78.9 339.9 95.9Q361.9 118.9 364.9 164.9L365.9 194.9H392.9Q410.9 194.9 416.4 195.9Q421.9 196.9 427.9 202.9Q435.9 210.9 433.9 219.9Q430.9 231.9 423.9 234.9Q416.9 237.9 393.9 238.9L364.9 239.9V262.9V284.9L434.9 283.9L503.9 282.9V254.9Q503.9 239.9 504.4 234.4Q504.9 228.9 506.4 225.9Q507.9 222.9 512.9 218.9L521.9 210.9H509.9H498.9V237.9Q498.9 260.9 493.9 270.9Q488.9 280.9 476.9 280.9Q467.9 280.9 460.9 272.9Q453.9 264.9 453.9 233.9Q453.9 215.9 455.9 204.9Q457.9 193.9 462.9 186.9Q467.9 179.9 475.9 173.9Q480.9 170.9 483.4 169.4Q485.9 167.9 494.4 166.9Q502.9 165.9 512.4 165.9Q521.9 165.9 545.9 165.9H603.9V130.9Q603.9 97.9 608.9 80.9Q613.9 63.9 627.9 47.9Q641.9 31.9 659.9 24.9Q671.9 20.9 690.4 19.9Q708.9 18.9 782.9 18.9Q888.9 18.9 899.9 21.9Q934.9 31.9 952.9 65.9L962.9 85.9V197.9Q962.9 289.9 960.4 311.4Q957.9 332.9 943.9 349.9Q920.9 377.9 878.9 380.9L853.9 381.9L851.9 400.9Q849.9 416.9 844.9 423.4Q839.9 429.9 829.9 429.9Q818.9 429.9 813.9 423.4Q808.9 416.9 807.9 400.9L805.9 381.9H784.9H764.9L762.9 422.9Q760.9 462.9 763.4 467.4Q765.9 471.9 765.9 466.9Q765.9 449.9 814.9 451.9Q843.9 452.9 854.4 457.9Q864.9 462.9 873.9 479.9Q878.9 489.9 879.4 500.9Q879.9 511.9 878.9 556.9L876.9 619.9L891.9 631.9Q906.9 644.9 913.9 660.9Q919.9 672.9 920.9 689.4Q921.9 705.9 921.9 787.9Q921.9 876.9 919.4 897.4Q916.9 917.9 904.9 932.9Q896.9 943.9 879.9 952.9L862.9 962.9H752.9Q643.9 963.9 635.9 960.9ZM865.9 906.9 875.9 897.9 876.9 792.9Q877.9 706.9 875.4 689.4Q872.9 671.9 858.9 664.9Q851.9 660.9 800.4 659.9Q748.9 658.9 697.4 659.9Q645.9 660.9 638.9 663.9Q625.9 671.9 622.9 689.9Q619.9 707.9 619.9 787.9Q619.9 865.9 622.4 884.4Q624.9 902.9 635.9 910.9Q643.9 915.9 748.9 915.9H854.9ZM806.9 495.9Q785.9 495.9 778.9 493.4Q771.9 490.9 766.9 481.9Q763.9 476.9 763.4 476.9Q762.9 476.9 760.9 480.9Q758.9 486.9 762.9 494.9Q764.9 500.9 767.9 501.9Q770.9 502.9 783.9 500.9Q823.9 495.9 830.9 515.9L834.9 525.9L835.9 515.9Q836.9 504.9 834.9 500.4Q832.9 495.9 806.9 495.9ZM297.9 372.9Q298.9 372.9 298.9 372.9Q312.9 364.9 315.4 349.9Q317.9 334.9 317.9 249.9Q317.9 247.9 317.9 246.9V139.9L306.9 128.9L295.9 117.9L188.9 118.9L81.9 119.9L73.9 127.9L64.9 136.9L63.9 242.9Q62.9 348.9 68.9 360.9Q73.9 367.9 82.9 371.9Q93.9 377.9 190.9 377.9Q287.9 377.9 297.9 372.9ZM895.9 314.9 904.9 307.9 905.9 205.9Q905.9 103.9 902.9 94.9Q896.9 81.9 878.4 78.9Q859.9 75.9 778.9 76.9L680.9 77.9L672.9 85.9L663.9 92.9V199.9Q663.9 282.9 665.9 298.4Q667.9 313.9 678.9 318.9Q684.9 322.9 785.9 322.9H886.9Z"></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-blocks.svg

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

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

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

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