Menu

Beta
Sign in
Cloud Snapshot SVG icon, solid

Cloud Snapshot SVG icon, solid

Stepped square tiles suggest stored snapshots, while a cloud opening marks the front tile. It fits snapshot selectors in cloud consoles and backup options in file management 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/z9bZuhbiGNOD/amnt.svg" alt="Cloud Snapshot" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><g id="layer-1" data-name="Shape 1"><path d="M12 65L52 65L52 105L12 105ZM23 96L41 96C44.31 96.08 47.07 93.46 47.15 90.15C47.23 86.84 44.61 84.08 41.3 84C40.48 79.78 37.06 76.55 32.8 75.98C28.54 75.42 24.39 77.64 22.5 81.5C18.82 82.04 16.14 85.26 16.27 88.97C16.4 92.69 19.3 95.71 23 96Z" fill="#000000" fill-rule="evenodd"/></g><g id="layer-2" data-name="Shape 2"><path d="M57 38L86 38L86 67L57 67ZM90 15L110 15L110 35L90 35Z" fill="#000000"/></g></svg>
CSS background-image
.cloud-snapshot {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/z9bZuhbiGNOD/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cloud-snapshot {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/z9bZuhbiGNOD/amnt.svg") center / contain no-repeat;
}
React
import CloudSnapshotSvg from "./cloud-snapshot.jsx"; // from the React tab above

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

Tags

cloudsnapshotbackupfiles

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal cloud snapshot logo: three offset solid square tiles stepping diagonally upward, with a simple cloud-shaped opening cut from the foremost tile. Keep the layers distinct with wide transparent gutters. Use clean, bold black shapes, centred on a transparent background in a square composition, readable small. No letters or text. 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