Menu

Beta
Sign in
Beta
Network Node SVG icon, line

Network Node SVG icon, line

A central circle connects to four smaller circles. Place it on a node status panel or beside a network topology diagram.

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/2TJpJwNn2dOM/amnt.svg" alt="Network Node" 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="navy" data-name="Navy"><path d="M530 210c102-18 90-174-16-174-80 0-118 100-58 153 12 11 25 14 40 21v115c-17 6-35 7-52 15-56 24-94 76-102 136h-121c-36-118-184-86-183 19 1 96 130 126 174 42 5-9 6-18 9-27h119c2 13 3 26 6 38 16 54 57 98 110 116 13 5 27 6 40 10v116c-17 7-33 10-47 23-68 59-25 170 64 170 107 0 142-157 16-193v-118c17 1 36-6 51-13 64-28 95-82 105-148h118c7 17 11 32 23 46 56 64 160 21 160-61 0-47-34-90-83-94-36-3-71 16-89 47-5 9-6 20-11 28h-118c-11-63-47-117-108-140-15-6-31-11-47-11zM505 59c86-10 99 118 18 128-85 12-100-118-18-128zM122 424c91-9 106 128 16 139s-105-129-16-139zm763 1c92-11 107 128 18 139-91 12-105-128-18-139zM507 812c96-7 107 140 11 148s-107-140-11-148zM659 502c0 25-7 49-20 71-48 84-160 101-229 33-72-70-51-197 38-240 17-8 38-16 57-15h18c72-3 137 71 136 140z" fill="#011c4e" stroke="#011c4e"/></g><g id="white" data-name="White"><path d="M523 351h-18c-19-1-40 7-57 15-89 43-110 170-38 240 69 68 181 51 229-33 13-22 20-46 20-71v-11c1-69-64-143-136-140z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="turquoise" data-name="Turquoise"><path d="M507 812c-96 8-85 156 11 148s85-155-11-148z" fill="#09bbae" stroke="#09bbae"/><path d="M122 424c-89 10-74 150 16 139s75-148-16-139z" fill="#09bbae" stroke="#09bbae"/><path d="M885 425c-87 11-73 151 18 139 89-11 74-150-18-139z" fill="#09bbae" stroke="#09bbae"/><path d="M505 59c-82 10-67 140 18 128 81-10 68-138-18-128z" fill="#09bbae" stroke="#09bbae"/><path d="M505 351h18z" fill="#09bbae" stroke="#09bbae"/><path d="M659 502v-11z" fill="#09bbae" stroke="#09bbae"/></g></svg>
CSS background-image
.network-node {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2TJpJwNn2dOM/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.network-node {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2TJpJwNn2dOM/amnt.svg") center / contain no-repeat;
}
React
import NetworkNodeSvg from "./network-node.jsx"; // from the React tab above

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

Tags

networknodeconnectioncryptoiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Network Node: Central circle connected by lines to four smaller circles. 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