Menu

Beta
Sign in
Beta
Arrow To Circle SVG element, flat

Arrow To Circle SVG element, flat

A right-pointing arrow ends just before a solid circle, suggesting a destination. It can identify a target in a game worksheet or the final stage in a process chart.

Free · from Hand-Drawn Arrows, Flat · Set 2

Similar SVGs

More from Hand-Drawn Arrows, 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/UQoyTgvqqS3V/amnt.svg" alt="Arrow To Circle" 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="M433 312c-3 18 4 108-6 113-8 5-100 2-116 2-79 0-158 0-237 0v137c77 0 155 0 233 0 18 0 104-3 115 0 3 1 6 2 7 5 5 11-2 83 2 103l190-177z" fill="#02296d" stroke="#02296d"/></g><g id="turquoise" data-name="Turquoise"><path d="M818 352c-25 0-50 8-71 21-124 73-76 269 72 267 34 0 66-14 92-36 98-86 38-253-93-252z" fill="#04daca" stroke="#04daca"/></g><g id="black" data-name="Black"><path d="M414 580c0 14-2 109 2 114 5 6 11 2 15-1 22-16 51-47 72-66 24-22 48-44 72-67 8-7 60-53 63-58 2-4 2-7 0-12s-124-123-138-136c-10-9-66-65-72-67-4 0-8 0-10 3-9 11 5 100-3 120-19 3-42 0-60 0-54 0-107 0-160 0-37 0-75 0-111 0-7 0-18-2-23 4-7 7-3 68-3 82 0 12-3 79 5 83 5 3 15 1 22 1 36 0 74 0 111 0 72 0 145 0 218 0zm19-268l188 183-190 177c-4-20 3-92-2-103-1-3-4-4-7-5-11-3-97 0-115 0-78 0-156 0-233 0v-137c79 0 158 0 237 0 16 0 108 3 116-2 10-5 3-95 6-113z" fill="#050b0d" stroke="#050b0d"/><path d="M814 336c-27 2-54 10-78 25-136 84-78 300 86 295 149-4 210-199 91-289-28-21-64-33-99-31zm4 16c131-1 191 166 93 252-26 22-58 36-92 36-148 2-196-194-72-267 21-13 46-21 71-21z" fill="#050b0d" stroke="#050b0d"/></g></svg>
CSS background-image
.arrow-to-circle {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UQoyTgvqqS3V/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.arrow-to-circle {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UQoyTgvqqS3V/amnt.svg") center / contain no-repeat;
}
React
import ArrowToCircleSvg from "./arrow-to-circle.jsx"; // from the React tab above

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

Tags

arrowcircletargetdestinationarrowselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Arrow To Circle: A right-pointing arrow stops just before a solid circle. A flat element. as part of the pack Hand-Drawn Arrows, 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