Beta

Arrow SVG illustration, flat

Free
Arrow SVG illustration, flat

This broad arrow curves to the right and ends in a clear triangular tip. Place it in step-by-step instructions or beside a link to the next page.

Sign in to download. Free SVGs are free with any account.

arrowdirectionforwarddoodlesillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HmdsAjRs2ZZ3/amnt.svg" alt="Arrow" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="202" cy="251" rx="126" ry="10" fill="#DCE5E5" opacity=".55"/><path d="M62 221C63 159 89 111 134 88C175 67 221 70 265 92L265 54L353 137L265 211L265 170C232 150 198 141 169 151C139 161 121 187 119 224C119 230 114 234 108 233L72 232C66 232 62 227 62 221Z" fill="#86B9BC"/><path d="M62 221C64 177 78 141 102 115C85 143 77 178 79 216L119 218L119 224C119 230 114 234 108 233L72 232C66 232 62 227 62 221Z" fill="#6DA1A7"/><path d="M265 193L340 135L353 137L265 211Z" fill="#6DA1A7"/><path d="M134 108C160 92 190 90 219 97" fill="none" stroke="#BEDDDB" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.arrow {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HmdsAjRs2ZZ3/amnt.svg");
  background-size: contain;
}
React
import ArrowSvg from "./arrow.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Arrow: A broad curved arrow pointing right, with a clear triangular tip. as part of the pack Everyday Doodles, Flat. Want one like it? Make your own in the SVG studio.

Rest of Everyday Doodles, Flat

Whole pack

Similar SVGs

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