SVGrove

direction icon — free SVG

Download the free direction icon as SVG or PNG, copy the direction SVG code, or drop it into React as JSX — 4 matching styles, no attribution required.

direction (noun) — a line leading to a place or point

direction icon — outline style, free SVGoutline
direction icon — filled style, free SVGfilled
direction icon — duotone style, free SVGduotone
direction icon — rounded style, free SVGrounded

How to use the direction icon

HTML: paste the SVG inline (it inherits currentColor) or hotlink it:

<img src="https://svgrove.com/api/icons/01KZ6D98ZSS3TZGBZPBNC54ZYM.svg" alt="direction icon" width="24" height="24">

React (JSX):

<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24"><path d="M5.5 4.5H15L18 7l-3 2.5H5.5zm13 7.5H9l-3 2.5L9 17h9.5zM12 9.5V12m0 5v3.5"/></svg>

Accessibility: decorative use → aria-hidden="true"; meaningful use → role="img" aria-label="direction".

Download direction SVG & PNG

direction.svg · direction.png (512px) — all 4 styles are one click away in the picker once the page loads.

License

Free for personal and commercial use. No attribution required. Redistribution or resale of the icons as an icon library, pack or download service is not allowed. Read the SVGrove Free License.

More in Travel & Places

homesitethereseeheretopstatepostcitycenter