Blockchain stack

Cubes stacked in a clamp.

File: blockchain-stack.svg
Original name: Blockchain D
viewBox: 0 0 793.8 982.5
Weight: 3 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import blockchainStack from '@ba-icons/illustrations/blockchain/blockchain-stack';

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

Vue

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

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

Astro

---
import { Illustration } from '@ba-icons/astro';
import blockchainStack from '@ba-icons/illustrations/blockchain/blockchain-stack';
---

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

HTML

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 793.8 982.5" fill="currentColor"><path d="M331.9 960.6Q308.9 954.6 302.4 937.1Q295.9 919.6 309.9 903.6Q317.9 894.6 329.4 892.1Q340.9 889.6 371.9 889.6H408.9V813.6Q408.9 736.6 412.4 732.6Q415.9 728.6 433.9 729.6L451.9 730.6V809.6L452.9 889.6H505.9Q557.9 889.6 568.9 893.6Q584.9 899.6 590.9 914.1Q596.9 928.6 588.9 941.6Q577.9 957.6 557.9 961.6Q546.9 963.6 444.4 963.6Q341.9 963.6 331.9 960.6ZM21.9 772.6Q18.9 767.6 18.9 672.6Q18.9 577.6 23.4 574.1Q27.9 570.6 143.4 570.6Q258.9 570.6 262.9 574.1Q266.9 577.6 266.9 672.6Q266.9 767.6 264.4 772.1Q261.9 776.6 142.9 776.6Q56.9 776.6 40.4 776.1Q23.9 775.6 21.9 772.6ZM301.9 774.6Q299.9 773.6 299.9 674.6Q299.9 575.6 305.4 573.1Q310.9 570.6 432.4 570.6Q553.9 570.6 559.4 573.1Q564.9 575.6 564.9 672.6Q564.9 769.6 563.4 773.1Q561.9 776.6 525.9 776.6Q489.9 776.6 486.4 773.6Q482.9 770.6 482.9 737.6V704.6H431.9H381.9V737.6Q381.9 770.6 378.9 773.6Q375.9 775.6 339.9 776.1Q303.9 776.6 301.9 774.6ZM583.9 672.6V573.6L635.9 533.6Q687.9 493.6 692.9 494.6Q695.9 494.6 696.4 510.1Q696.9 525.6 697.9 592.6L698.9 690.6L646.9 731.6Q624.9 748.6 608.9 761.1Q592.9 773.6 590.9 773.6Q587.9 774.6 585.9 773.1Q583.9 771.6 583.9 672.6ZM710.9 673.6Q708.9 671.6 708.9 578.6Q708.9 568.6 708.9 551.6Q708.9 499.6 711.9 489.1Q714.9 478.6 730.9 468.6Q735.9 464.6 738.9 462.6Q758.9 449.6 762.9 448.1Q766.9 446.6 770.9 448.6Q774.9 451.6 774.9 542.6V632.6L747.9 653.6Q716.9 678.6 710.9 673.6ZM143.9 346.6Q228.9 346.6 245.9 347.1Q262.9 347.6 264.9 351.6Q266.9 355.6 266.9 449.1Q266.9 542.6 263.4 547.1Q259.9 551.6 145.4 552.1Q30.9 552.6 26.9 551.1Q22.9 549.6 20.9 547.1Q18.9 544.6 18.9 448.6Q18.9 352.6 22.4 349.6Q25.9 346.6 143.9 346.6ZM359.9 548.6Q359.9 543.6 409.9 513.6L459.9 482.6L564.9 483.6Q639.9 483.6 654.9 484.1Q669.9 484.6 669.9 487.6Q669.9 491.6 625.9 522.6L582.9 552.6H470.9Q390.9 552.6 375.4 552.1Q359.9 551.6 359.9 548.6ZM300.9 442.6V341.6L347.9 312.6Q397.9 280.6 406.4 276.1Q414.9 271.6 418.9 274.6Q422.9 277.6 422.9 376.6Q422.9 475.6 420.9 478.6Q419.9 481.6 364.4 516.1Q308.9 550.6 305.9 550.6Q302.9 550.6 301.4 547.6Q299.9 544.6 300.9 442.6ZM453.9 358.6V259.6H564.9Q674.9 258.6 678.4 261.1Q681.9 263.6 682.4 360.1Q682.9 456.6 678.9 459.6Q674.9 462.6 565.4 462.6Q455.9 462.6 454.4 459.6Q452.9 456.6 453.9 358.6ZM700.9 356.6V258.6L732.9 241.6Q763.9 224.6 767.9 224.6Q771.9 224.6 773.4 229.6Q774.9 234.6 773.9 324.6V413.6L743.9 434.6Q713.9 455.6 706.9 455.6H700.9ZM34.9 321.6Q34.9 317.6 83.4 287.6Q131.9 257.6 137.9 254.6Q143.9 251.6 258.9 251.6Q341.9 251.6 363.4 253.1Q384.9 254.6 384.9 258.6Q384.9 260.6 329.9 293.6L275.9 326.6H155.9Q66.9 326.6 50.9 326.1Q34.9 325.6 34.9 321.6ZM186.9 231.6Q184.9 228.6 189.4 225.1Q193.9 221.6 214.9 209.6L240.9 194.6L283.9 192.6L325.9 191.6L326.9 143.6Q327.9 94.6 324.4 93.1Q320.9 91.6 282.4 91.6Q243.9 91.6 234.4 86.1Q224.9 80.6 218.4 70.6Q211.9 60.6 213.9 52.6Q216.9 32.6 237.9 23.6Q244.9 19.6 262.9 19.1Q280.9 18.6 363.9 19.6Q447.9 19.6 464.9 20.6Q481.9 21.6 486.9 24.6Q504.9 35.6 506.9 53.6Q507.9 65.6 501.9 72.6Q490.9 85.6 480.9 88.1Q470.9 90.6 425.9 91.6L371.9 92.6V142.6L370.9 192.6L423.9 193.6Q475.9 194.6 475.9 198.6Q475.9 202.6 451.9 218.6L426.9 233.6H307.9Q188.9 233.6 186.9 231.6ZM470.9 232.6Q469.9 230.6 469.4 229.1Q468.9 227.6 472.9 224.6Q476.9 221.6 482.9 218.1Q488.9 214.6 498.9 209.6L528.9 192.6H641.9Q755.9 192.6 756.9 195.6Q759.9 198.6 753.9 203.1Q747.9 207.6 725.9 218.6L696.9 233.6H584.9Q472.9 233.6 470.9 232.6Z"></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-stack.svg

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

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

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

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