Cloud Restore SVG icon, solid

Cloud Restore SVG icon, solid

A downward arrow lands beneath a cloud to show data returning from online storage. Use it for download controls in cloud drives and restore choices in backup apps.

Similar SVGs

More from Cloud Backup Marks, Solid

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8Yx45vII8i6C/amnt.svg" alt="Cloud Restore" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><g id="art"><path d="M7 18a5 5 0 0 1-.4-10A9 9 0 0 1 24 10a4 4 0 0 1 1 8H7Z" fill="#000000"/><path d="M14 15h4v7h4l-6 6-6-6h4v-7Z" fill="#000000"/><path d="M10 29h12v2H10z" fill="#000000"/></g></svg>
CSS background-image
.cloud-restore {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8Yx45vII8i6C/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cloud-restore {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8Yx45vII8i6C/amnt.svg") center / contain no-repeat;
}
React
import CloudRestoreSvg from "./cloud-restore.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal cloud restore logo: a compact solid geometric cloud with a thick downward arrow emerging from its base and ending above a separate short horizontal landing bar. Use clean, bold black shapes and wide spacing, 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