Line arrows and chevrons, 24 free icons

This pack is for UI designers and front-end developers who need consistent arrows and chevrons for interface navigation: dropdown menus, pagination, carousels, back buttons, external links, undo or refresh. Every icon is drawn on the same grid, with the same stroke weight and rounded ends. You can mix them without any style mismatch, in a mockup as well as in code.

• 24 line icons, in 3 families of 8:
  • Arrows: arrow-up, arrow-down, arrow-left, arrow-right, arrow-up-right, arrow-up-left, arrow-down-right, arrow-down-left;
  • Chevrons: chevron-up, chevron-down, chevron-left, chevron-right, chevrons-up, chevrons-down, chevrons-left, chevrons-right;
  • Double arrows and actions: arrow-up-down, arrow-left-right, undo, redo, refresh, external-link, expand, collapse.
• 24 SVG files, one per icon.
• 72 PNG files: each icon at 24, 48 and 96 px.
• 1 SVG sprite holding the 24 icons as symbols.
• 1 HTML demo page.

Archive layout:

svg/
png/24/
png/48/
png/96/
sprite/line-arrow-icons.svg
demo/index.html

Production and AI

The icons were drawn as SVG with an AI assistant, then reviewed and checked one by one: rendered at 24 and 48 px, then each icon reviewed on a contact sheet before release. The pack contains no AI-generated images.

• SVG: vector files with no fill, whose stroke follows the text colour (currentColor). Change the colour with the CSS color property and the stroke weight with the stroke-width attribute on the root element. These SVG files work in most design tools and directly in code (HTML, components).
• PNG 24 px, 48 px and 96 px: black icons on a transparent background, for software that does not import SVG, such as presentation or word-processing tools.
• SVG sprite: a single file where each icon is a <symbol> called by name with <use>, so the icon drawings are inserted only once in a web page.
• HTML: a demo page with no script or external resource, to open in a browser to see every icon.

The pack comes under a commercial licence: you can use it in personal and professional projects, including for clients and in products you sell, but you may not resell or redistribute the files, even for free.

• Producing a consistent icon series: method and rejects (in French)
• Spacing an interface on a grid

1.0.0 (2026-11-10): first release.