Menu

Beta
Sign in
Cloud Backup SVG icon, solid

Cloud Backup SVG icon, solid

An upward arrow cut into a cloud signals files being sent to online backup storage. Use it for upload actions in cloud drives and backup setup screens in desktop apps.

Free · from Cloud Backup Marks, Solid

Similar SVGs

More from Cloud Backup Marks, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/it3_Ssk-WYad/amnt.svg" alt="Cloud Backup" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Group 1" transform="matrix(1 0 0 1 -3 22)"><g><defs><mask id="k0_0" maskUnits="userSpaceOnUse" x="0" y="0" width="512" height="512"><path fill="#ffffff" d="M0 0h512v512H0z"/><path fill="#000000" d="M250 190l55 55h-35v70h-40v-70h-35z"/></mask></defs><g fill="#000000" mask="url(#k0_0)"><circle cx="170" cy="260" r="72"/><circle cx="250" cy="211" r="91"/><circle cx="335" cy="260" r="73"/><rect x="98" y="260" width="310" height="88"/></g></g></g></svg>
CSS background-image
.cloud-backup {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/it3_Ssk-WYad/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cloud-backup {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/it3_Ssk-WYad/amnt.svg") center / contain no-repeat;
}
React
import CloudBackupSvg from "./cloud-backup.jsx"; // from the React tab above

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

Tags

cloudbackupuploadstorage

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw one original minimal cloud backup logo: a compact cloud silhouette built from three circles and a rectangular base, with a bold upward arrow cut out of its center. Use solid black geometric shapes and generous negative space, centred on a transparent background in a square composition, readable small. No letters, text, gradients, or existing brand elements. as part of the pack Cloud Backup 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