Autorenew SVG icon, line

Autorenew SVG icon, line

Two curved arrows follow each other around a circle. It can indicate automatic refresh on a data panel or renewal settings on a subscription page.

Similar SVGs

More from Arrows icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NWnnt9bjN_Ph/amnt.svg" alt="Autorenew" 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="lime" data-name="Lime"><path d="M761 630c-20 33-40 62-69 88-120 108-312 87-407-42-25-34-41-73-47-114-1-8-4-17-2-24 6-20 80 6 70-19-3-7-35-43-42-51-9-11-70-89-76-90-6 0-9 5-13 9-28 33-57 66-87 99-6 7-37 35-28 42 4 3 11 2 16 2 54 1 45-10 50 43 5 49 20 98 45 142 44 78 118 140 204 169 193 65 409-26 490-214-46 14-77-4-104-40z" fill="#41cc31" stroke="#41cc31"/></g><g id="blue" data-name="Blue"><path d="M259 349c11-13 17-29 27-42 46-61 116-102 192-111 97-12 198 31 256 110 26 34 42 74 48 116 1 6 3 14 1 20-6 17-82-9-68 19 4 11 32 40 41 51 9 10 72 92 77 94 4 1 6 0 9-2 6-4 74-88 84-101 5-6 37-41 38-45 0-3 0-6-2-8-9-8-57 5-65-6-4-5-3-14-3-19-4-49-21-98-44-141-45-79-114-140-199-172-191-73-404 19-492 201 9 0 18-2 28-2 29 0 54 15 72 38z" fill="#017afb" stroke="#017afb"/></g><g id="navy" data-name="Navy"><path d="M257 551c14 0 37 2 50-1 8-2 14-7 18-14 13-25-24-56-38-74-15-17-71-91-83-99-6-4-12-5-18-5-7 0-12 2-17 6-12 8-20 23-30 33-19 21-38 42-56 63-16 19-56 50-43 76 3 7 10 12 17 14 14 3 32 1 46 1 2 12 2 24 3 35 3 22 8 45 15 66 38 120 133 213 252 254 160 53 346 0 453-132 23-29 47-62 59-97 5-15-1-30-18-29-7 0-13 4-19 5-21 4-43-3-58-19-6-7-11-18-19-24-21-16-30 14-38 27-5 9-11 17-16 24-22 30-52 55-84 73-119 65-271 31-343-87-19-31-24-61-33-96zm504 79c27 36 58 54 104 40-81 188-297 279-490 214-86-29-160-91-204-169-25-44-40-93-45-142-5-53 4-42-50-43-5 0-12 1-16-2-9-7 22-35 28-42 30-33 59-66 87-99 4-4 7-9 13-9 6 1 67 79 76 90 7 8 39 44 42 51 10 25-64-1-70 19-2 7 1 16 2 24 6 41 22 80 47 114 95 129 287 150 407 42 29-26 49-55 69-88z" fill="#021b43" stroke="#021b43"/><path d="M916 427c-5-11-4-26-6-38-5-28-14-57-26-83-15-34-34-66-58-94-48-57-110-101-181-124-158-54-335-2-444 122-21 23-51 65-60 94-4 13 1 27 17 30 8 1 16-2 25-2 19-1 39 7 52 21 5 5 8 11 14 15 22 15 31-15 40-29 6-10 13-19 20-28 23-28 51-51 84-67 78-39 167-37 244 4 55 30 98 82 117 142 3 11 8 25 7 37-15 0-33-2-48 1-8 2-15 7-18 14-4 6-5 13-4 19 2 13 35 48 45 60 20 23 40 47 59 72 7 8 13 19 22 27 5 5 13 8 20 8 8 0 14-4 19-8 12-10 20-25 30-36 17-22 35-43 53-63 10-12 41-44 44-56 5-14-1-30-16-36-15-5-35-2-51-2zM259 349c-18-23-43-38-72-38-10 0-19 2-28 2 88-182 301-274 492-201 85 32 154 93 199 172 23 43 40 92 44 141 0 5-1 14 3 19 8 11 56-2 65 6 2 2 2 5 2 8-1 4-33 39-38 45-10 13-78 97-84 101-3 2-5 3-9 2-5-2-68-84-77-94-9-11-37-40-41-51-14-28 62-2 68-19 2-6 0-14-1-20-6-42-22-82-48-116-58-79-159-122-256-110-76 9-146 50-192 111-10 13-16 29-27 42z" fill="#021b43" stroke="#021b43"/></g></svg>
CSS background-image
.autorenew {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NWnnt9bjN_Ph/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.autorenew {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NWnnt9bjN_Ph/amnt.svg") center / contain no-repeat;
}
React
import AutorenewSvg from "./autorenew.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Autorenew: Two curved arrows chase each other around a circular path. A flat colour icon. as part of the pack Arrows icons, line · 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