Menu

Beta
Sign in
Beta
Block SVG icon, line

Block SVG icon, line

One isometric cube shows three visible faces. It can mark a block number in a ledger viewer or introduce a block diagram in a tutorial.

Free · from Crypto and Web3 icons, line · Set 2

Similar SVGs

More from Crypto and Web3 icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dsFgrv0thOGk/amnt.svg" alt="Block" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cobalt" data-name="Cobalt"><path d="M155 297c0 79 0 159 0 239 0 40 0 80 0 120 0 9-3 35 0 42 2 3 42 25 48 29 74 42 146 86 219 130 27 16 56 30 81 50 0-81 0-161 0-241 0-40 0-80 0-120 0-62 9-48-42-77-65-37-130-74-195-110-37-20-73-44-111-62z" fill="#0369e3" stroke="#0369e3"/><path d="M512 79l-352 201c26 11 51 29 76 43 65 35 128 70 192 106 24 13 62 39 85 48l350-200z" fill="#0369e3" stroke="#0369e3"/></g><g id="grape" data-name="Grape"><path d="M521 902c40-21 78-46 117-69 63-37 126-73 189-110 51-31 43-15 43-78 0-38 1-76 0-114-3-57 1-114-1-172-1-17 3-36 1-54 0-3 1-7-2-9-2-1-3 2-5 2-6 1-55 32-65 37-26 15-51 30-77 44-51 30-103 58-154 88s-46 11-46 75c0 40 0 80 0 120 0 80 1 160 0 240z" fill="#012e85" stroke="#012e85"/></g><g id="midnight" data-name="Midnight"><path d="M509 60c-6 1-116 66-130 74-42 25-86 48-128 73-15 9-110 60-113 66-4 6-2 16-2 23 0 67 0 134 0 202 0 47 0 95 0 143 0 19-3 40 0 59 1 5 1 7 4 10 7 8 102 60 119 70 42 25 85 49 127 75 17 10 118 73 129 71 8-1 112-65 128-74 43-25 85-50 127-75 15-9 113-63 116-69 3-5 2-11 2-16 0-68 0-135 0-202 0-68 1-136 0-203 0-6 1-11-2-15-4-8-102-60-117-68-43-25-86-49-129-73-18-11-120-72-131-71zm3 19l351 198-350 200c-23-9-61-35-85-48-64-36-127-71-192-106-25-14-50-32-76-43zM155 297c38 18 74 42 111 62 65 36 130 73 195 110 51 29 42 15 42 77 0 40 0 80 0 120 0 80 0 160 0 241-25-20-54-34-81-50-73-44-145-88-219-130-6-4-46-26-48-29-3-7 0-33 0-42 0-40 0-80 0-120 0-80 0-160 0-239zM521 902c1-80 0-160 0-240 0-40 0-80 0-120 0-64-5-45 46-75s103-58 154-88c26-14 51-29 77-44 10-5 59-36 65-37 2 0 3-3 5-2 3 2 2 6 2 9 2 18-2 37-1 54 2 58-2 115 1 172 1 38 0 76 0 114 0 63 8 47-43 78-63 37-126 73-189 110-39 23-77 48-117 69z" fill="#011131" stroke="#011131"/></g></svg>
CSS background-image
.block {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dsFgrv0thOGk/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.block {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dsFgrv0thOGk/amnt.svg") center / contain no-repeat;
}
React
import BlockSvg from "./block.jsx"; // from the React tab above

<BlockSvg width={48} height={48} />

Tags

blockledgerdatacryptoiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Block: Single isometric cube with three visible faces. A flat colour icon. as part of the pack Crypto and Web3 icons, line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings