Menu

Beta
Sign in
Beta
Double Arrow SVG element, flat

Double Arrow SVG element, flat

Two short parallel arrows point right, suggesting movement in the same direction. They can emphasize the next stage on a timeline or mark a fast-forward action in a control guide.

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/QHPO9vuWxDFJ/amnt.svg" alt="Double Arrow" 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="blue" data-name="Blue"><path d="M699 222c0 11 3 58-1 66s-67 5-79 5c-50 0-100 0-150 0-101 0-201 0-301 0 0 24-4 75 2 96 99 0 198 0 298 0 49 0 99 0 149 0 15 0 61-3 73 0 4 1 7 4 8 7 4 10 1 47 1 60l156-118z" fill="#019dfb" stroke="#019dfb"/><path d="M699 538c0 13 3 52-1 62-1 4-4 6-8 7-14 4-56 0-72 0-50 0-100 0-150 0-100 0-200 0-300 0v96c100 0 199 0 299 0 49 0 99 0 149 0 13 0 77-4 82 6 4 7 1 48 1 59l157-115z" fill="#019dfb" stroke="#019dfb"/></g><g id="grape" data-name="Grape"><path d="M678 410c0 12-4 65 3 72 7 8 16 0 23-5 20-15 41-30 62-46 14-10 113-80 116-86 2-3 2-6 1-10-1-6-109-83-122-93-21-15-41-32-62-46-6-4-15-8-20 1-4 8-1 62-1 75-100 0-200 0-300 0-50 0-100 0-150 0-90 0-81-18-81 70 0 11-3 61 5 66 5 4 14 2 20 2 18 0 38 0 57 0 50 0 100 0 150 0 99 0 199 0 299 0zm21-188l156 116-156 118c0-13 3-50-1-60-1-3-4-6-8-7-12-3-58 0-73 0-50 0-100 0-149 0-100 0-199 0-298 0-6-21-2-72-2-96 100 0 200 0 301 0 50 0 100 0 150 0 12 0 75 3 79-5s1-55 1-66z" fill="#032c6a" stroke="#032c6a"/><path d="M678 724c0 11-2 66 2 71 7 9 17 1 23-4 21-15 42-30 63-46 15-12 110-78 115-86 2-3 3-6 2-10-2-7-108-82-123-93-20-15-40-32-62-46-6-4-14-8-19 1-4 8-1 62-1 75-100 0-200 0-300 0-50 0-100 0-150 0-19 0-38 0-56 0-6 0-15-2-20 2-8 5-5 56-5 68 0 11-3 61 5 66 5 3 13 2 19 2 19 0 38 0 58 0 50 0 100 0 150 0 99 0 199 0 299 0zm21-186l157 115-157 115c0-11 3-52-1-59-5-10-69-6-82-6-50 0-100 0-149 0-100 0-199 0-299 0v-96c100 0 200 0 300 0 50 0 100 0 150 0 16 0 58 4 72 0 4-1 7-3 8-7 4-10 1-49 1-62z" fill="#032c6a" stroke="#032c6a"/></g></svg>
CSS background-image
.double-arrow {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QHPO9vuWxDFJ/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.double-arrow {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QHPO9vuWxDFJ/amnt.svg") center / contain no-repeat;
}
React
import DoubleArrowSvg from "./double-arrow.jsx"; // from the React tab above

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

Tags

doublearrowforwardnextarrowselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Double Arrow: Two short parallel shafts, each ending in a right-pointing arrowhead. 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