Send this page to your computer

Navigation left vector icon

Navigation icons

Navigation left vector icon

Introducing Navigation Left Icon, a pixel perfect, sharp looking icon for designers to use in their app and website designs. This vector icon is easy to use, as you can copy it as SVG right away. It's also available in a variety of formats such as PNG, WEBP, JPG, SVG, and PDF files. As an added bonus, it can also be found in our Figma and IconJar library.No matter what design you are creating, Navigation Left Icon will give you the sharp look you need. With just a few clicks, you can quickly bring your project to life. Get started now and make sure your design stands out with Navigation Left Icon.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 5.25L6.22 10l5.77 1.99 2 5.75 4.75-12.5Z"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Navigation left GIF

Animated

Lottie

file available for download

Similar icons to

Navigation left

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 6v13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 19v-6.25H5.75"></path></svg>

Search field icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.444 16.444c.497-.498.805-1.186.805-1.945 0-1.519-1.232-2.75-2.75-2.75 -1.519 0-2.75 1.231-2.75 2.75 0 1.518 1.231 2.75 2.75 2.75 .759 0 1.446-.308 1.944-.806Zm0 0l3.055 3.055m-9.5-1.25h-6.25v-12.5h14.5v4.25"></path></svg>

Free pencil icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25h3.5l7-7.01 2.25-2.25 -3.5-3.5 -2.25 2.25 -7 7v3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 11.25l-3.5-3.5"></path></svg>

Calendar cross vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 10.25v-4.5H5.75v4.5m12.5 0H5.75m12.5 0v2m-12.5-2v8H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 14.5l5 5m0-5l-5 5"></path></svg>

Free master card icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="9.5" cy="12" r="4.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12" r="4.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Free search area icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.44 16.44c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l3.05 3.05m-10.5-1.25H4.74v-4.25m14.5-4V5.74H14.61M4.74 9.99V5.74h4.25"></path></svg>

Free shopping cart check icon

Shopping cart check

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="16" cy="19" r="1" fill="currentColor"></circle><circle cx="9" cy="19" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 4.75h2.81l.8 3m0 0l2.13 8h7.75l1-4m-10.89-4h4.38"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 6.5l2 2 4-4"></path></svg>

People vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 9.25c-2.35 0-4.26 1.9-4.26 4.25v.75h2v5h4.49v-5h2v-.75c0-2.35-1.91-4.25-4.25-4.25Zm0 0c1.24 0 2.24-1.01 2.24-2.25 0-1.25-1.01-2.25-2.25-2.25 -1.25 0-2.25 1-2.25 2.25 0 1.24 1 2.25 2.25 2.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 4.75c1.24 0 2.25 1 2.25 2.25 0 1.24-1.01 2.25-2.25 2.25 2.34 0 4.25 1.9 4.25 4.25v.75h-2v5H15"></path></svg>

Add money vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 15.75h3.25m0 0h3.25m-3.25 0V12.5m0 3.25V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 10.5V7.25H3.75v9.5H13"></path></svg>

Free credit card icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 6.75h-13c-.42 0-.75.33-.75.75v10c0 .41.33.75.75.75h13c.41 0 .75-.34.75-.75v-10c0-.42-.34-.75-.75-.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path></svg>

Free trash icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 7.75h9.5m-9.5 0v10.5h9.5V7.75m-9.5 0H5m11.75 0H19m-4.75 0v-3h-4.5v3"></path></svg>

Free id card icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.75 5.75H3.25v12.5h17.5V5.75Z"></path><circle cx="9.5" cy="11" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.25 16v-.75c0-1.11.89-2 2-2h2.5c1.1 0 2 .89 2 2V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 10.25h3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 13.25h3.5"></path></svg>

Free folder arrow right icon

Folder arrow right

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10.75L10 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 10.75h4.25V15"></path></svg>

Free cross square icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.17 9.17l2.82 2.82m0 0c1.17 1.17 2.82 2.82 2.82 2.82m-2.83-2.83l2.82-2.83m-2.83 2.82l-2.83 2.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6.75c3.31 0 6.1 2.21 6.97 5.25 -.87 3.03-3.67 5.24-6.98 5.24 -3.32 0-6.11-2.22-6.98-5.25 .86-3.04 3.66-5.25 6.97-5.25Zm0 0V4m4.02 3.97l1.97-1.98M7.96 7.96L5.98 5.98"></path></svg>

Swap vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.25h12.25L13 6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 13.75H6.75L11 18"></path></svg>

Free cloud snow icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 11c0 1.51 1.23 2.75 2.75 2.75h7.5c1.51 0 2.75-1.24 2.75-2.75 0-1.52-1.24-2.75-2.75-2.75l-.01 0c0-.09 0-.17 0-.26 0-2.08-1.68-3.75-3.75-3.75 -2.08 0-3.75 1.67-3.75 3.75 0 .08 0 .16 0 .25l-.01-.01c-1.52 0-2.75 1.23-2.75 2.75Z"></path><circle cx="8" cy="17" r="1" fill="currentColor"></circle><circle cx="14" cy="17" r="1" fill="currentColor"></circle><circle cx="17" cy="19" r="1" fill="currentColor"></circle><circle cx="11" cy="19" r="1" fill="currentColor"></circle></svg>

Filter cross vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 5.75H5.5l4.75 6.5v6h3.5V15.5m.75-7l5 5m0-5l-5 5"></path></svg>

Free dots vertical big icon

Dots vertical big

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13.5 7c0 .82-.68 1.5-1.5 1.5 -.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5 .82 0 1.5.67 1.5 1.5Z"></path><path fill="currentColor" d="M13.5 12c0 .82-.68 1.5-1.5 1.5 -.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5 .82 0 1.5.67 1.5 1.5Z"></path><path fill="currentColor" d="M13.5 17c0 .82-.68 1.5-1.5 1.5 -.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5 .82 0 1.5.67 1.5 1.5Z"></path></svg>

Free filter icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 5.75l4.75 6.5v6h3.5v-6l4.75-6.5h-13Z"></path></svg>

Free file upload inside icon

File upload inside

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 18.25V4.75H13L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.25L12 10l-2.5 2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v5"></path></svg>

File download arrow vector icon

File download arrow

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.25 11V9L13 4.75H6.75v13.5h3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 17l-3 3 -3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 20v-7"></path></svg>

Free megaphone icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 19v-5.75 -4.5m0 0h.5l8-3.25v11l-8-3.25h-4.5v-4.5h4Z"></path></svg>

Chevrons right vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 7.5L12 12l-4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.5 7.5L17 12l-4.5 4.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 18.25V4.75h6.75l3.75 3.75v9.75H6.75Z"></path></svg>

Shuffle vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 17h-5L3.5 6.5M19 7h-5l-3 3m-4 4l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 3.5L20 7l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L20 17l-3.5 3.5"></path></svg>

Free drop icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18.25c2.2 0 4-1.74 4-3.88 0-2.14-4-8.13-4-8.13s-4 5.99-4 8.12c0 2.13 1.79 3.87 4 3.87Z"></path></svg>

Free suitcase icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.25 8.75v-4h3.5v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 8.75h10.5v9.5H6.75v-9.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 18.25V21m-4.5-2.75V21"></path></svg>

Free users icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 10.25c1.24 0 2.25-1.01 2.25-2.25 0-1.25-1.01-2.25-2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.25c-1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 19v-3.75c0-1.11.89-2 2-2h4.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 13.25h.25c1.1 0 2 .89 2 2V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 13.25h-.25c-1.11 0-2 .89-2 2V18"></path></svg>

chevron-down-icon

Chevron arrow down

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 10.5 12 15l4.5-4.5" stroke="currentColor" stroke-width="1.5"/></svg>

Time globe vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 13.99v2.25H19m2.25 0c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.25 12c0 4 3.24 7.25 7.25 7.25 -1.8 0-3.25-3.25-3.25-7.25m-4 0c0-4.01 3.24-7.25 7.25-7.25M3.25 12h4m3.25-7.25c-1.8 0-3.25 3.24-3.25 7.25m3.25-7.25c1.4 0 2.59 1.97 3.05 4.75m-3.06-4.75c3.12 0 5.78 1.97 6.8 4.75M7.23 12h3.25"></path></svg>

Free line chart decrease icon

Line chart decrease

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5v13.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 14.25L13 8l-2 2L8.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 14.25h4.25V10"></path></svg>

Stroke cap round vector icon

Stroke cap round

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 18.25h-7.5c-3.46 0-6.25-2.8-6.25-6.25v0c0-3.46 2.79-6.25 6.25-6.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12h7"></path></svg>

Shield warning vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 11V7.75L12 4.5 5.75 7.75V11c0 6 6.25 8.75 6.25 8.75s6.25-2.75 6.25-8.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

File plus vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.25 12V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 14v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 17h3.5H19"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.7574 7.7574 12 12.0001m0 0 4.2426 4.2426M12 12.0001l4.2426-4.2427M12 12.0001l-4.2426 4.2426" stroke="currentColor" stroke-width="1.5"/></svg>

Browse all icons

Filter icons by categories

Narrow down the options to a specific theme

Wall of love

Twitter comments that puts a smile on our face

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

Trusted by industry leads

Join hundreds of companies has already
signed up for Bunch of icons on early stages

Unlock all icons

Here's what you get

Unlock all icons

Commercial license

Download Figma file

Copied to clipboard