Menu

Beta
Sign in
Upload SVG icon, rounded

Upload SVG icon, rounded

An upload symbol for sending files or media to an online service. It fits a video platform’s submission page and a cloud storage app’s file browser.

Free · from Creator Social Icons, Rounded

Similar SVGs

More from Creator Social Icons, Rounded

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/C26SAthwNXZW/amnt.svg" alt="Upload" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M204 542c-11 2-22 9-25 20-5 17-1 72-1 94 0 34-8 97 14 125 8 10 20 18 33 21 24 5 52 2 77 2 48 0 96 0 144 0 92 0 184 0 277 0 23 0 48 3 71-1 52-9 53-52 53-93 0-20 0-39 0-58 0-20 4-79-3-94-5-10-16-15-27-16-68-6-54 33-54 85 0 15 0 32 0 48 0 36-9 45-45 45-46 0-93 0-138 0-93 0-185 0-277 0-45 0-42-26-42-62 0-21 0-42 0-63 0-10 1-21 0-30-5-26-37-25-57-23z" fill="#c4dfee" stroke="#c4dfee"/></g><g id="navy" data-name="Navy"><path d="M294 687c0-28 0-56 0-84 0-14 1-27 0-40-3-27-26-50-53-53-8-1-17 0-25 0-71 0-71 44-71 101 0 27 0 56 0 84 0 18-1 36 0 54 3 40 34 76 73 85 13 3 27 2 41 2 84 0 169 0 254 0s169 0 255 0c9 0 19 1 28 0 41-4 79-41 83-82 2-20 0-41 0-61 0-29 0-57 0-85 0-16 2-32 0-47-5-39-39-51-72-51-72 0-77 32-77 95 0 27 0 55 0 82zM204 542c20-2 52-3 57 23 1 9 0 20 0 30 0 21 0 42 0 63 0 36-3 62 42 62 92 0 184 0 277 0 45 0 92 0 138 0 36 0 45-9 45-45 0-16 0-33 0-48 0-52-14-91 54-85 11 1 22 6 27 16 7 15 3 74 3 94 0 19 0 38 0 58 0 41-1 84-53 93-23 4-48 1-71 1-93 0-185 0-277 0-48 0-96 0-144 0-25 0-53 3-77-2-13-3-25-11-33-21-22-28-14-91-14-125 0-22-4-77 1-94 3-11 14-18 25-20z" fill="#193254" stroke="#193254"/><path d="M602 420c20 0 44 3 63-2 35-10 48-53 30-82-9-15-25-27-37-39-21-22-44-43-65-65-16-15-31-36-50-47-10-6-20-8-31-8-12 0-22 2-31 8-18 11-33 31-48 46-23 22-46 44-68 67-12 13-29 25-37 40-17 31-1 73 35 81 18 4 40 1 59 1 0 57 0 113 0 170 0 69 29 75 92 75 64 0 89-9 88-78-1-56 0-111 0-167zm-32-32c0 50 0 100 0 150 0 23 10 88-21 94-11 2-24 0-35 0-13 0-27 2-39 0-9-2-18-10-19-19-5-19-1-53-1-73 0-51 0-102 0-152-21 0-68 4-85-1-14-4-20-21-13-33 8-13 29-29 40-40 23-24 47-48 71-71 9-9 18-21 28-28 5-4 10-6 16-6 5 0 11 2 16 6 12 8 22 21 32 32 22 22 45 43 67 66 11 11 34 28 41 42 5 11 2 25-10 30-14 7-70 3-88 3z" fill="#193254" stroke="#193254"/></g><g id="green" data-name="Green"><path d="M570 388c18 0 74 4 88-3 12-5 15-19 10-30-7-14-30-31-41-42-22-23-45-44-67-66-10-11-20-24-32-32-5-4-11-6-16-6-6 0-11 2-16 6-10 7-19 19-28 28-24 23-48 47-71 71-11 11-32 27-40 40-7 12-1 29 13 33 17 5 64 1 85 1 0 50 0 101 0 152 0 20-4 54 1 73 1 9 10 17 19 19 12 2 26 0 39 0 11 0 24 2 35 0 31-6 21-71 21-94 0-50 0-100 0-150z" fill="#56c586" stroke="#56c586"/></g></svg>
CSS background-image
.upload {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/C26SAthwNXZW/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.upload {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/C26SAthwNXZW/amnt.svg") center / contain no-repeat;
}
React
import UploadSvg from "./upload.jsx"; // from the React tab above

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

Tags

uploadfilemediatransfer

Made with AMNT

AMNT Draw 1.2 drew this from the words Upload. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep each shape simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Creator Social Icons, Rounded. 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