Peer Sync SVG icon, solid

Peer Sync SVG icon, solid

Two notched blocks face one another across a stepped gap, suggesting direct peer-to-peer synchronization. Use it in file sharing apps and peer network settings.

Similar SVGs

More from Data Sync Marks, Solid

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WOGArwtrN1ju/amnt.svg" alt="Peer Sync" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="art"><path d="M11 7h22a4 4 0 0 1 4 4v10H23v16H11a4 4 0 0 1-4-4V11a4 4 0 0 1 4-4Z" fill="#000000"/><path d="M41 27h12a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H31a4 4 0 0 1-4-4V43h14V27Z" fill="#000000"/></g></svg>
CSS background-image
.peer-sync {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WOGArwtrN1ju/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.peer-sync {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WOGArwtrN1ju/amnt.svg") center / contain no-repeat;
}
React
import PeerSyncSvg from "./peer-sync.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal peer-to-peer synchronization logo: two diagonally opposed rounded rectangular blocks, each with a deep square notch facing the other, fitting together visually without touching. Preserve a broad stair-step negative-space seam. Solid black geometric shapes, centred on a transparent background, readable small. No letters or text. as part of the pack Data Sync Marks, Solid. 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