Send this page to your computer

chevron-down-icon

Navigation icons

Free chevron arrow icon pointing down

A chevron icon is a simple, free, pixel-perfect icon that can be used on an app or website. It can be copied as an SVG file or downloaded as a PNG, WEBP, JPG, PDF or Animated Lottie file.

Chevrons can be used for a variety of purposes, such as indicating the direction of travel or indicating the next step in a process. They are also commonly used as arrows to indicate the direction of movement.

So if you're looking for a sharp looking icon to use on your app or website, consider using a chevron icon!

<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>

Download as...

Animated

Lottie

and

GIF

files available for download

Chevron arrow down GIF

Animated

Lottie

file available for download

Similar icons to

Chevron arrow down

Free SVG plus 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="M6 12h6m0 0c2.489 0 6 0 6 0m-6 0V6m0 6v6"></path></svg>

vector-block-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1265 6.8735C15.8145 5.5615 14.002 4.75 12 4.75c-4.004 0-7.25 3.246-7.25 7.25 0 2.002.8115 3.8145 2.1235 5.1265m10.253-10.253C18.4385 8.1855 19.25 9.998 19.25 12c0 4.0041-3.2459 7.25-7.25 7.25-2.002 0-3.8145-.8115-5.1265-2.1235m10.253-10.253-10.253 10.253" stroke="currentColor" stroke-width="1.5"/></svg>

Free statics decrease icon

Statics 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="M18.25 14.25L12 8l-2 2L5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14.25h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path></svg>

Free shower head 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 4v3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 16v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 7.75c-2.9 0-5.25 2.35-5.25 5.25v.75h10.5V13c0-2.9-2.36-5.25-5.25-5.25Z"></path></svg>

right-chevron-arrow-icon

Chevron arrow right

Copy

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

Calendar 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 0v8H5.75v-8m12.5 0H5.75m3-6.75V8m6.5-4.5V8"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 18.25h4.25V5.75H4.75V8M5.75 19c0-.9665-.7835-1.75-1.75-1.75M8.75 19c0-2.6234-2.1266-4.75-4.75-4.75" stroke="currentColor" stroke-width="1.5"/><path d="M11.75 19c0-4.2802-3.4698-7.75-7.75-7.75" stroke="currentColor" stroke-width="1.5"/></svg>

Vector zoom out 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="M8 11h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.419 15.419c1.131-1.131 1.83-2.694 1.83-4.42 0-3.452-2.799-6.25-6.25-6.25 -3.452 0-6.25 2.798-6.25 6.25 0 3.451 2.798 6.25 6.25 6.25 1.725 0 3.288-.7 4.419-1.831Zm0 0l4.08 4.08"></path></svg>

Free shopping cart add icon

Shopping cart add

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.75l.93-3.75M6.59 7.75h5.38"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h3m0 0h3m-3 0V4m0 3v3"></path></svg>

Free shield check 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="M9 12l2 2 4-4"></path></svg>

Megaphone 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="M8.25 14.25v1.5c0 1.1.89 2 2 2 1.1 0 2-.9 2-2v-.22m-7.5-5.79v4.5H9l10.25 4.25v-13L9 9.74H4.75Z"></path></svg>

Wall lamp up 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="M15.5 5.75h-5L8 12.25h5 5l-2.5-6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 15v4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 17.25h7v-5"></path></svg>

Calendar search vector icon

Calendar search

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.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.05"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></path></svg>

Free upload 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="M4.75 14v4.25h14.5V14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 8.5L12 5 8.5 8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5v10"></path></svg>

Free mouse 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.25 14v-4c0-2.35-1.91-4.25-4.25-4.25 -2.35 0-4.25 1.9-4.25 4.25v4c0 2.34 1.9 4.25 4.25 4.25 2.34 0 4.25-1.91 4.25-4.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8v3"></path></svg>

Camera 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.75 7.75h3v-2h6.5v2h3v10H5.75v-10Z"></path><circle cx="12" cy="12.5" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle></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="M14.75 12.75v-8h-5.5v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12.75V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 12.75h-11"></path></svg>

Free archive 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.25 6.75H4.75v3.5h14.5v-3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.75 10.25H6.25v8h11.5v-8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 13.25h4"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 4.75h12.5v14.5L12 13l-6.25 6.25V4.75Z" stroke="currentColor" stroke-width="1.5"/></svg>

Free loader 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 12h-3.75m-8.5 0H4m8 8v-3.75m0-8.5V4M6.343 17.656l2.651-2.652m6.01-6.011l2.651-2.652M6.341 6.34l2.651 2.651m6.005 6.005l2.656 2.656"></path></svg>

free-vector-anchor-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.25c1.2426 0 2.25-1.0074 2.25-2.25S13.2426 4.75 12 4.75 9.75 5.7574 9.75 7 10.7574 9.25 12 9.25Zm0 0v10m0 0c4.0041 0 7.25-3.2459 7.25-7.25v-.25H17m-5 7.5c-4.004 0-7.25-3.2459-7.25-7.25v-.25H7" stroke="currentColor" stroke-width="1.5"/></svg>

horizontal-compare-icon

Compare horizontal

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 15.5 9 12l-3.5 3.5M18.5 8.5 15 12l-3.5-3.5M15 12V4M9 12v8" stroke="currentColor" stroke-width="1.5"/></svg>

Free bell notification 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.75 15.25V9c0-2.348 1.902-4.25 4.25-4.25 2.347 0 4.25 1.902 4.25 4.25v6.25M5 15.25h14m-9.5 3h5"></path></svg>

Free folder upload 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.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.5V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 13.5l-3-3 -3 3"></path></svg>

Trash minus 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.25 7.75h9.5m-9.5 0v10.5H12M7.25 7.75H5m11.75 0H19m-2.25 0V14m-2.5-6.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h6"></path></svg>

User check vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 17.5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path></svg>

Free empty box search icon‍

Empty box search

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 18.25H4.75v-8.5l2-5h10.5l2 5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75H12m7.25 0h-5H12m0 0v-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 16.25c0 1.65-1.35 3-3 3 -1.66 0-3-1.35-3-3 0-1.66 1.34-3 3-3 1.65 0 3 1.34 3 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.19 18.19l3.05 3.05"></path></svg>

Arrow up 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 10.5L12 6l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6v12"></path></svg>

Free emoji dead 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.25 12c0 4-3.25 7.25-7.25 7.25 -4.01 0-7.25-3.25-7.25-7.25 0-4.01 3.24-7.25 7.25-7.25 4 0 7.25 3.24 7.25 7.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 15.25h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 9.5l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 9.5l3 3"></path></svg>

Free bounce back 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 7.75l7.75 7.75 6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 14V7.75H12"></path></svg>‍

Candle 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.76 7.94l2.23-3.2 2.23 3.19c1.26 1.81-.03 4.3-2.24 4.3 -2.22 0-3.51-2.49-2.24-4.31Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 20v-5.25h-8.5V20"></path></svg>

Swap small vertical vector icon

Swap small vertical

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 12.5L5 9l3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 18.5L19 15l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 15h-9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 9h9"></path></svg>

vertical-compare-arrow-icon

Compare vertical

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 11.5 12 15l3.5 3.5M12 15h8M8.5 5.5 12 9l-3.5 3.5M12 9H4" stroke="currentColor" stroke-width="1.5"/></svg>

Corner down left vector icon

Corner down 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="M6 13h11V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 8.5L6 13l4.5 4.5"></path></svg>

Free heartbeat 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 18l-6.5-6.5c-1.39-1.39-1.39-3.62 0-5 1.38-1.39 3.61-1.39 4.99 0l1.5 1.5 1.5-1.5c1.38-1.39 3.61-1.39 5 0 1.38 1.38 1.38 3.61 0 4.99"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M21 14.75h-2l-1.25 2 -2.5-5 -1.25 3h-2"></path></svg>

Printer 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.75 17.25h-3v-5c0-1.39 1.11-2.5 2.5-2.5h9.5c1.38 0 2.5 1.11 2.5 2.5v5h-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 20.25h8.5v-6.5h-8.5v6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 9.5V5.75h-8.5V9.5"></path></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