Menu

Beta
Sign in
Beta
Refresh Arrow SVG element, flat

Refresh Arrow SVG element, flat

A nearly complete circular arrow wraps around a small centre point. Place it on an inbox refresh button or beside a weather update control.

Free · from Loaders elements, flat · Set 2

Similar SVGs

More from Loaders elements, flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j-3Ucd3cOWEh/amnt.svg" alt="Refresh Arrow" 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="grape" data-name="Grape"><path d="M786 206c-26-21-53-42-83-58-128-68-291-62-412 18-152 101-222 283-172 460 19 68 58 132 109 180 28 26 58 49 92 67 216 115 483 12 573-212 18-44 28-92 28-139 0-32 4-80-41-81-11 0-23 5-31 14-6 6-9 15-10 24-1 16 2 34 1 50-1 23-6 47-12 69-11 40-29 78-55 111-114 144-316 174-463 60-144-111-168-324-53-465 95-115 251-156 390-94 27 12 51 29 74 47-9 10-23 16-31 27-21 28 39 41 56 48 19 7 99 42 113 43 4 0 8 0 12-3 4-2 7-8 8-13 2-15-14-110-17-132-2-13-3-36-8-48-11-24-36 2-48 11-6 5-14 10-20 16z" fill="#01296a" stroke="#01296a"/></g><g id="orange" data-name="Orange"><path d="M508 437c-98 5-90 155 8 149 97-6 90-153-8-149z" fill="#fd8501" stroke="#fd8501"/></g></svg>
CSS background-image
.refresh-arrow {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j-3Ucd3cOWEh/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.refresh-arrow {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j-3Ucd3cOWEh/amnt.svg") center / contain no-repeat;
}
React
import RefreshArrowSvg from "./refresh-arrow.jsx"; // from the React tab above

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

Tags

refreshreloadarrowloaderselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Refresh Arrow: Nearly complete circular arrow surrounding a small centre point. A flat element. as part of the pack Loaders elements, flat · Set 2. 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