blockchain icon
blockchain from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.
- Name
- blockchain
- Set
- EOS Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
All blockchain icons →Use the blockchain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 8L9 9.75v3.5L12 15l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L12 9.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653v-1.767l1.546-.902v1.767ZM3 0L0 1.75v3.5L3 7l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L3 1.155ZM.99 2.921l1.484.866v1.75L.99 4.674Zm2.474 2.653V3.808l1.546-.902v1.767ZM3 17l-3 1.75v3.5L3 24l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L3 18.155Zm-3.527.882l1.484.866v1.75L.99 21.674Zm2.474 2.653v-1.767l1.546-.902v1.767ZM21 0l-3 1.75v3.5L21 7l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L21 1.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653V3.808l1.546-.902v1.767ZM21 17l-3 1.75v3.5L21 24l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885l1.53-.892Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653v-1.767l1.546-.902v1.767ZM9 3h6v1H9zm0 17h6v1H9zM3.5 9v6h-1V9zm3.793-.172L5.172 6.707L5.879 6L8 8.12zM16 8.293l2.121-2.121l.707.707L16.707 9zm-7.872 6.586L6.007 17l-.707-.707l2.121-2.121zm8.751-.75L19 16.25l-.707.707l-2.121-2.121zM21.5 9v6h-1V9z"/></svg>
React
import type { SVGProps } from "react";
export function EosIconsBlockchain(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 8L9 9.75v3.5L12 15l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L12 9.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653v-1.767l1.546-.902v1.767ZM3 0L0 1.75v3.5L3 7l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L3 1.155ZM.99 2.921l1.484.866v1.75L.99 4.674Zm2.474 2.653V3.808l1.546-.902v1.767ZM3 17l-3 1.75v3.5L3 24l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L3 18.155Zm-3.527.882l1.484.866v1.75L.99 21.674Zm2.474 2.653v-1.767l1.546-.902v1.767ZM21 0l-3 1.75v3.5L21 7l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L21 1.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653V3.808l1.546-.902v1.767ZM21 17l-3 1.75v3.5L21 24l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885l1.53-.892Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653v-1.767l1.546-.902v1.767ZM9 3h6v1H9zm0 17h6v1H9zM3.5 9v6h-1V9zm3.793-.172L5.172 6.707L5.879 6L8 8.12zM16 8.293l2.121-2.121l.707.707L16.707 9zm-7.872 6.586L6.007 17l-.707-.707l2.121-2.121zm8.751-.75L19 16.25l-.707.707l-2.121-2.121zM21.5 9v6h-1V9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 8L9 9.75v3.5L12 15l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L12 9.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653v-1.767l1.546-.902v1.767ZM3 0L0 1.75v3.5L3 7l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L3 1.155ZM.99 2.921l1.484.866v1.75L.99 4.674Zm2.474 2.653V3.808l1.546-.902v1.767ZM3 17l-3 1.75v3.5L3 24l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L3 18.155Zm-3.527.882l1.484.866v1.75L.99 21.674Zm2.474 2.653v-1.767l1.546-.902v1.767ZM21 0l-3 1.75v3.5L21 7l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885L21 1.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653V3.808l1.546-.902v1.767ZM21 17l-3 1.75v3.5L21 24l3-1.75v-3.5Zm1.517 2.04l-1.53.892l-1.517-.885l1.53-.892Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474 2.653v-1.767l1.546-.902v1.767ZM9 3h6v1H9zm0 17h6v1H9zM3.5 9v6h-1V9zm3.793-.172L5.172 6.707L5.879 6L8 8.12zM16 8.293l2.121-2.121l.707.707L16.707 9zm-7.872 6.586L6.007 17l-.707-.707l2.121-2.121zm8.751-.75L19 16.25l-.707.707l-2.121-2.121zM21.5 9v6h-1V9z"/></svg> </template>
CSS
.icon-blockchain {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%208L9%209.75v3.5L12%2015l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L12%209.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474%202.653v-1.767l1.546-.902v1.767ZM3%200L0%201.75v3.5L3%207l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L3%201.155ZM.99%202.921l1.484.866v1.75L.99%204.674Zm2.474%202.653V3.808l1.546-.902v1.767ZM3%2017l-3%201.75v3.5L3%2024l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L3%2018.155Zm-3.527.882l1.484.866v1.75L.99%2021.674Zm2.474%202.653v-1.767l1.546-.902v1.767ZM21%200l-3%201.75v3.5L21%207l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L21%201.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474%202.653V3.808l1.546-.902v1.767ZM21%2017l-3%201.75v3.5L21%2024l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885l1.53-.892Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474%202.653v-1.767l1.546-.902v1.767ZM9%203h6v1H9zm0%2017h6v1H9zM3.5%209v6h-1V9zm3.793-.172L5.172%206.707L5.879%206L8%208.12zM16%208.293l2.121-2.121l.707.707L16.707%209zm-7.872%206.586L6.007%2017l-.707-.707l2.121-2.121zm8.751-.75L19%2016.25l-.707.707l-2.121-2.121zM21.5%209v6h-1V9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%208L9%209.75v3.5L12%2015l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L12%209.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474%202.653v-1.767l1.546-.902v1.767ZM3%200L0%201.75v3.5L3%207l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L3%201.155ZM.99%202.921l1.484.866v1.75L.99%204.674Zm2.474%202.653V3.808l1.546-.902v1.767ZM3%2017l-3%201.75v3.5L3%2024l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L3%2018.155Zm-3.527.882l1.484.866v1.75L.99%2021.674Zm2.474%202.653v-1.767l1.546-.902v1.767ZM21%200l-3%201.75v3.5L21%207l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885L21%201.155Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474%202.653V3.808l1.546-.902v1.767ZM21%2017l-3%201.75v3.5L21%2024l3-1.75v-3.5Zm1.517%202.04l-1.53.892l-1.517-.885l1.53-.892Zm-3.527.882l1.484.866v1.75l-1.484-.865Zm2.474%202.653v-1.767l1.546-.902v1.767ZM9%203h6v1H9zm0%2017h6v1H9zM3.5%209v6h-1V9zm3.793-.172L5.172%206.707L5.879%206L8%208.12zM16%208.293l2.121-2.121l.707.707L16.707%209zm-7.872%206.586L6.007%2017l-.707-.707l2.121-2.121zm8.751-.75L19%2016.25l-.707.707l-2.121-2.121zM21.5%209v6h-1V9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/blockchain.svg?color=%231a73e8&size=48
