Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Loop SVG icon, line

Loop SVG icon, line

One crossing line traces a sideways figure eight. It can label continuous playback in a media player or a recurring step in a process diagram.

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/w1ntKPHiOlXN/amnt.svg" alt="Loop" 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="M575 476c64-65 143-147 244-103 94 41 113 169 32 233-24 18-51 28-80 29-98 5-164-92-222-156-38-44-76-88-120-126-47-41-106-68-169-68-143 1-243 140-205 275 27 94 118 157 215 152 78-5 143-54 194-110 10-11 20-23 31-33l-52-59c-13 12-24 26-36 39-51 56-117 108-198 78-96-36-116-167-38-232 24-21 55-33 87-33 96-1 167 96 225 160 36 40 70 83 111 118 35 30 76 57 122 67 159 33 297-107 253-266-33-121-162-182-279-144-42 13-80 38-113 67-16 15-42 34-53 53z" fill="#1ec4c3" stroke="#1ec4c3"/></g><g id="grape" data-name="Grape"><path d="M509 400c-17-15-31-33-47-47-67-62-151-103-243-86-116 22-194 120-194 238 0 115 90 213 204 227 83 10 159-27 219-83 22-20 40-43 61-63 15 15 29 32 45 47 63 64 146 111 239 99 115-14 206-112 206-228 0-120-79-216-197-237-125-22-212 52-293 133zm66 76l-51-59c11-19 37-38 53-53 33-29 71-54 113-67 117-38 246 23 279 144 44 159-94 299-253 266-46-10-87-37-122-67-41-35-75-78-111-118-58-64-129-161-225-160-32 0-63 12-87 33-78 65-58 196 38 232 81 30 147-22 198-78 12-13 23-27 36-39l52 59c-11 10-21 22-31 33-51 56-116 105-194 110-97 5-188-58-215-152-38-135 62-274 205-275 63 0 122 27 169 68 44 38 82 82 120 126 58 64 124 161 222 156 29-1 56-11 80-29 81-64 62-192-32-233-101-44-180 38-244 103zM428 494c-44 41-78 97-139 115-71 20-142-32-145-104-2-56 38-107 92-119 59-12 104 23 146 60 13 13 37 32 46 48zm162-1c29-42 102-100 153-108 73-12 141 45 137 121-1 28-14 55-34 75-74 70-159 17-216-44-12-14-30-28-40-44z" fill="#02296c" stroke="#02296c"/></g></svg>
CSS background-image
.loop {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/w1ntKPHiOlXN/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.loop {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/w1ntKPHiOlXN/amnt.svg") center / contain no-repeat;
}
React
import LoopSvg from "./loop.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Loop: One continuous crossing line forms a sideways figure-eight 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