Replay SVG icon, line

Replay SVG icon, line

A clockwise circular arrow wraps around a small play triangle. Use it to restart a training clip or replay an animation preview.

Similar SVGs

More from Media and Audio Icons, Line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gJj9kA-91VbV/amnt.svg" alt="Replay" 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="turquoise" data-name="Turquoise"><path d="M686 264c-10 17-49 46-55 59-4 8-2 17 6 21 6 3 14 3 20 4 48 8 96 17 144 25 12 2 29 7 41 5 6-2 12-8 14-14 3-13-10-65-13-81-5-23-21-129-27-141-19-39-64 59-77 62-4 1-5-2-9-4-42-24-62-40-113-55-93-27-192-14-278 30-63 32-116 84-152 145-160 272 67 606 377 559 84-12 164-52 222-115 14-16 28-32 40-50 18-26 70-120 49-147-6-9-17-10-27-12s-21-4-31 3c-4 3-7 7-9 12-12 29-14 49-31 79-19 35-46 66-77 90-74 59-169 79-261 58-186-42-278-246-197-416 61-129 211-200 349-163 27 7 53 19 76 33 7 4 13 10 19 13z" fill="#03b6ab" stroke="#03b6ab"/></g><g id="navy" data-name="Navy"><path d="M733 173c-16-15-40-24-60-33-123-55-268-40-380 34-127 83-199 235-180 386 41 329 450 462 682 230 50-51 87-113 106-182 13-48-11-72-57-78-53-7-56 32-71 70-55 144-227 222-371 160-146-63-208-232-135-375 32-62 86-110 151-135 63-25 134-24 197 1 12 5 25 10 34 18-20 20-54 45-41 76 4 11 12 19 23 23 18 6 41 7 60 10 28 5 132 27 153 24 15-2 29-15 34-29 2-7 3-14 2-21-2-23-9-45-13-67-7-38-14-76-21-115-4-23-6-52-33-59-41-11-56 40-80 62zm-47 91c-6-3-12-9-19-13-23-14-49-26-76-33-138-37-288 34-349 163-81 170 11 374 197 416 92 21 187 1 261-58 31-24 58-55 77-90 17-30 19-50 31-79 2-5 5-9 9-12 10-7 21-5 31-3s21 3 27 12c21 27-31 121-49 147-12 18-26 34-40 50-58 63-138 103-222 115-310 47-537-287-377-559 36-61 89-113 152-145 86-44 185-57 278-30 51 15 71 31 113 55 4 2 5 5 9 4 13-3 58-101 77-62 6 12 22 118 27 141 3 16 16 68 13 81-2 6-8 12-14 14-12 2-29-3-41-5-48-8-96-17-144-25-6-1-14-1-20-4-8-4-10-13-6-21 6-13 45-42 55-59z" fill="#01254e" stroke="#01254e"/><path d="M434 346c-49 8-36 82-36 118 0 50-2 101 0 151 1 32 14 62 52 57 18-3 102-59 123-72 20-12 86-48 98-63 14-16 14-43-2-59-10-11-26-18-38-25-41-25-82-50-122-74-16-10-32-22-49-29-8-4-17-5-26-4zm3 24c3 0 7 0 11 1 12 2 131 79 152 91 13 8 43 22 52 33 7 7 7 20 0 27-9 10-68 43-83 52-20 12-115 76-130 74-18-3-16-23-16-36 0-43-1-85-1-127 0-21-3-84 0-100 2-7 8-13 15-15z" fill="#01254e" stroke="#01254e"/></g><g id="amber" data-name="Amber"><path d="M437 370c-7 2-13 8-15 15-3 16 0 79 0 100 0 42 1 84 1 127 0 13-2 33 16 36 15 2 110-62 130-74 15-9 74-42 83-52 7-7 7-20 0-27-9-11-39-25-52-33-21-12-140-89-152-91-4-1-8-1-11-1z" fill="#fcd31e" stroke="#fcd31e"/></g></svg>
CSS background-image
.replay {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gJj9kA-91VbV/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.replay {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gJj9kA-91VbV/amnt.svg") center / contain no-repeat;
}
React
import ReplaySvg from "./replay.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Replay: Circular arrow curling clockwise around a small play triangle. A flat colour icon. as part of the pack Media and Audio 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