Menu

Beta
Sign in
Cloud Sync SVG icon, solid

Cloud Sync SVG icon, solid

Three offset capsule bars with detached endpoints suggest information moving through a cloud service. Use it in cloud storage settings and mobile backup screens.

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/ttI_Ei6yDAmG/amnt.svg" alt="Cloud 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="layer-1" data-name="Rectangle 1"><path d="M27 14L48 14C50.21 14 52 15.79 52 18L52 18C52 20.21 50.21 22 48 22L27 22C24.79 22 23 20.21 23 18L23 18C23 15.79 24.79 14 27 14Z" fill="#000000"/></g><g id="layer-2" data-name="Circle 2"><path d="M19 18C19 20.21 17.21 22 15 22C12.79 22 11 20.21 11 18C11 15.79 12.79 14 15 14C17.21 14 19 15.79 19 18Z" fill="#000000"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M22 28L43 28C45.21 28 47 29.79 47 32L47 32C47 34.21 45.21 36 43 36L22 36C19.79 36 18 34.21 18 32L18 32C18 29.79 19.79 28 22 28Z" fill="#000000"/></g><g id="layer-4" data-name="Circle 4"><path d="M59 32C59 34.21 57.21 36 55 36C52.79 36 51 34.21 51 32C51 29.79 52.79 28 55 28C57.21 28 59 29.79 59 32Z" fill="#000000"/></g><g id="layer-5" data-name="Rectangle 5"><path d="M16 42L37 42C39.21 42 41 43.79 41 46L41 46C41 48.21 39.21 50 37 50L16 50C13.79 50 12 48.21 12 46L12 46C12 43.79 13.79 42 16 42Z" fill="#000000"/></g><g id="layer-6" data-name="Circle 6"><path d="M53 46C53 48.21 51.21 50 49 50C46.79 50 45 48.21 45 46C45 43.79 46.79 42 49 42C51.21 42 53 43.79 53 46Z" fill="#000000"/></g></svg>
CSS background-image
.cloud-sync {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ttI_Ei6yDAmG/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cloud-sync {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ttI_Ei6yDAmG/amnt.svg") center / contain no-repeat;
}
React
import CloudSyncSvg from "./cloud-sync.jsx"; // from the React tab above

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

Tags

cloudsyncstoragebackup

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal cloud synchronization logo: three thick horizontal capsule bars stacked vertically, the top and bottom shifted in opposite directions, with one detached circular endpoint per bar. Keep gaps generous and the silhouette compact. Solid black geometric shapes, centred on a transparent background, readable small. No letters, text, or cloud pictogram. 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