Menu

Beta
Sign in
Forward Arrow SVG icon, rounded

Forward Arrow SVG icon, rounded

A right-pointing arrow signals movement to the next item or step. Use it in a website carousel or a mobile app onboarding flow to guide people forward.

Free · from Rounded Interface Icons

Similar SVGs

More from Rounded Interface Icons

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-X5CMRl0G_Tn/amnt.svg" alt="Forward Arrow" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="layer-1" data-name="Shape 1"><path d="M12 25L34 25L34 14C34 12.22 36.15 11.33 37.41 12.59L55.41 30.59C56.19 31.37 56.19 32.63 55.41 33.41L37.41 51.41C36.15 52.67 34 51.78 34 50L34 39L12 39C9.79 39 8 37.21 8 35L8 29C8 26.79 9.79 25 12 25Z" fill="#a8dadc" stroke="#264653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.forward-arrow {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-X5CMRl0G_Tn/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.forward-arrow {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-X5CMRl0G_Tn/amnt.svg") center / contain no-repeat;
}
React
import ForwardArrowSvg from "./forward-arrow.jsx"; // from the React tab above

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

Tags

forwardarrownextnavigation

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Forward arrow. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep the shapes simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Rounded Interface Icons. 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