Can I change the colour of an arrow icon?

Yes. Recolour it on the page, or use its currentColor SVG code so it takes the colour of the surrounding text.

Can I download an arrow icon as a PNG?

Yes. You can export an item as PNG, WebP or JPG, or copy its SVG code.

Can I use these icons in a commercial project?

Pro and Max accounts get a commercial licence for items they download. The licence is fixed at download and stays in place forever.

Free arrow SVG icons

21 SVGs

Search the library

Arrow icons help people find their way through a page. Use them for back and next buttons, menus, links, upload and download actions, or directions on a map. This page is for finding free arrow SVG icons you can use in a personal project with a free account. Each item is real SVG code made by AMNT’s own models and checked before publication.

You can recolour an icon on the page and change its stroke width, size, opacity or rotation. Arrow icons use currentColor, so they can take the colour of nearby text. Copy the SVG code, export a PNG, WebP or JPG, or use a CSS data URI or React component. No credit line is needed.

arrow vertical direction right swap navigation switch repeat forward compass exchange upload

Packs

Sets drawn in one style.

Arrows icons, line

21 SVGs · Free 13 · Premium 8

Not what you need?

Describe it: the SVG studio opens with this style filled in.

More icons

Questions

Can I change the colour of an arrow icon?: Yes. Recolour it on the page, or use its currentColor SVG code so it takes the colour of the surrounding text.
Can I download an arrow icon as a PNG?: Yes. You can export an item as PNG, WebP or JPG, or copy its SVG code.
Can I use these icons in a commercial project?: Pro and Max accounts get a commercial licence for items they download. The licence is fixed at download and stays in place forever.