Menu

Beta
Sign in
Data Sync SVG icon, solid

Data Sync SVG icon, solid

Two opposing semicircular bands and square nodes form a compact mark for general data synchronization. Use it in developer toolbars and file transfer dashboards.

Free · from Data Sync Marks, Solid

Similar SVGs

More from Data Sync Marks, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3JSk2xmhxDVu/amnt.svg" alt="Data Sync" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="layer-1" data-name="Group 1" transform="matrix(0.819152 -0.573576 0.573576 0.819152 -4.712742 9.053093)"><path d="M3.5 10C3.5 5.5 7.3 2.5 12 2.5C16.7 2.5 20.5 5.5 20.5 10L17 10C17 7.5 14.8 6 12 6C9.2 6 7 7.5 7 10Z" fill="#000000"/><path d="M17 8L20.5 8L20.5 11.5L17 11.5Z" fill="#000000"/><path d="M20.5 14C20.5 18.5 16.7 21.5 12 21.5C7.3 21.5 3.5 18.5 3.5 14L7 14C7 16.5 9.2 18 12 18C14.8 18 17 16.5 17 14Z" fill="#000000"/><path d="M3.5 12.5L7 12.5L7 16L3.5 16Z" fill="#000000"/></g></svg>
CSS background-image
.data-sync {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3JSk2xmhxDVu/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.data-sync {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3JSk2xmhxDVu/amnt.svg") center / contain no-repeat;
}
React
import DataSyncSvg from "./data-sync.jsx"; // from the React tab above

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

Tags

datasyncsynchronizationtransfer

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal data synchronization logo: two thick semicircular bands facing opposite directions, each ending in a square node, separated by generous diagonal gaps. Use bold solid geometric shapes in one black fill, centred on a transparent background, readable small. No letters, text, gradients, or shadows. 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