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 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 brightness 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="M14.58 5.74l-2.59-2.59L9.4 5.73H5.73v3.66l-2.59 2.58 2.58 2.58v3.66h3.66l2.58 2.58 2.58-2.59h3.66v-3.67l2.58-2.59 -2.59-2.59V5.68h-3.67Z"></path><path fill="none" stroke="currentColor" stroke-linejoin="bevel" stroke-width="1.5" d="M9 15l3-6.51 3 6.5"></path><path fill="none" stroke="currentColor" stroke-linejoin="bevel" stroke-width="1.5" d="M10.03 12.75h3.92"></path></svg>

Car 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="M4.75 12l2-5.25h10.5l2 5.25m-14.5 0H2m2.75 0v4.5m14.5-4.5H22m-2.75 0v4.5M4.75 19v-2.5m14.5 2.5v-2.5m-14.5 0h14.5"></path></svg>

Free calendar 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 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="M13.5 16.5l2 2 4-4"></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-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>

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 6.45l-7.375 11.8h14.75L12 6.45Zm0 0l2-3.2m-2 3.2l-2.01-3.2"></path></svg>

Eye closed 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="M4.5 4.5l3.47 3.47m11.52 11.52l-3.48-3.48m-5.19-9.19c.37-.07.76-.1 1.15-.1 3.31 0 6.1 2.21 6.97 5.25 -.21.72-.53 1.41-.95 2.02M7.93 7.93c-.8.52-1.48 1.2-2 2 -.42.61-.74 1.29-.95 2.02 .86 3.03 3.66 5.24 6.97 5.24 .39 0 .78-.04 1.15-.1 1.04-.17 2.02-.57 2.87-1.13M7.91 7.9l8.05 8.05"></path></svg>

Duplicate 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.25 18.25H5.75V7.75m3-3h10.5v10.5H8.75V4.75Z"></path></svg>

Sunset 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="M4 17.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.25V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.24 14.25c-.14-2.79-2.43-5-5.25-5s-5.12 2.21-5.25 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 7.5l3.04 3.04"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 14.25h16"></path></svg>

Free file inside arrow right icon

File inside 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="M5.75 18.25V4.75H13L17.25 9v9.25H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.25 10.75L9 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 10.75h4.25V15"></path></svg>

Free thumbs up 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="M13 18.25H6.75v-8h4.5l-2.5-2.5 2.5-2.5L18 12"></path></svg>

Free mail search 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.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.25 5.75h11.5m-11.5 0v9.5H10m-5.75-9.5L10 11l5.75-5.25m0 0V9"></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>

Free drink 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.75 9V3.75h-3.5V9l-2 6v5.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 20.25h3m0 0h3m-3 0v-3m0 0c1.24 0 2.25-1.01 2.25-2.25v-3.25h-4.5V15c0 1.24 1 2.25 2.25 2.25Z"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4l2.5001 2.5001M19.25 12c0 4.0041-3.2459 7.25-7.25 7.25-4.004 0-7.25-3.2459-7.25-7.25 0-4.004 3.246-7.25 7.25-7.25 4.0041 0 7.25 3.246 7.25 7.25Z" stroke="currentColor" stroke-width="1.5"/></svg>

Thumbs down 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="M13 7.75H6.75v8h4.5l-2.5 2.5 2.5 2.5L18 14"></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="M17.75 9.5c0 3.17-2.58 5.75-5.75 5.75 -3.18 0-5.75-2.58-5.75-5.75 0-3.18 2.57-5.75 5.75-5.75 3.17 0 5.75 2.57 5.75 5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.31 14.19l2.33 4.05H6.33l2.33-4.06"></path></svg>

File upload 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 11V9L13 4.75H6.75v13.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 17l-3-3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 14v7"></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>

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>

Free credit card cross icon

Credit card cross

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 18.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.5 15.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 15.5l5 5"></path></svg>

Command 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.75 9.75V8c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75h1.75Zm0 0h4.5m-4.5 0v4.5m0 0H8c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75v0c.96 0 1.75-.79 1.75-1.75v-1.75Zm0 0h4.5m0-4.5H16c.96 0 1.75-.79 1.75-1.75v0c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v1.75Zm0 0v4.5m0 0H16c.96 0 1.75.78 1.75 1.75v0c0 .96-.79 1.75-1.75 1.75v0c-.97 0-1.75-.79-1.75-1.75v-1.75Z"></path></svg>

Syringe 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="M13 7l2 1.99 2 2 -7 7 -2.01-2 -2.01-2 7-7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 16l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.5 8.49l-4-4M15 8.98l2.5-2.5"></path></svg>

Free bell 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="M16.25 11.5v3.75M12 4.75c-2.35 0-4.25 1.9-4.25 4.25v6.25m-2.75 0h14m-9.5 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 6.5l2 2 4-4"></path></svg>

Free big chevron bottom icon

Big chevron bottom

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 9.5L12 16l6.5-6.5"></path></svg>

Broken egg 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.75 12.51c0 3.55-2.71 5.75-5.75 5.75 -3.05 0-5.75-2.2-5.75-5.75 0-.19 0-.38.02-.57 .26-3.47 2.83-7.7 5.72-7.7 2.89 0 5.46 4.22 5.72 7.69 .01.19.02.37.02.56Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.72 11.947l-1.23 1.05 -2.25-2.75 -2.25 2.75 -2.26-2.75 -2.25 2.75 -1.23-1.06"></path></svg>

Free shuffle 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-5l-3-3m8-7h-5L3.5 17.5m0-11L7 10"></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 filter list 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 7h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 17h4"></path></svg>

Stroke cap butt vector icon

Stroke cap butt

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 18.25H9.25V12M17 5.75H9.25V12m0 0H17"></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>

Bug 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.25 9.74v-.75c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71c.86.94 2.11 1.53 3.5 1.53 1.38 0 2.63-.6 3.5-1.54 .77-.85 1.25-1.98 1.25-3.22V9.73h-9.5v3.75c0 1.23.47 2.36 1.25 3.21Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18.25V12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 9.75L4.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 12.75H3.49"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 12.75h3.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71l-3.01 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 16.71l2.99 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 9.75l2.75-2.26"></path></svg>

Free chevrons down 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 12l4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 12.5L12 17l4.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="M5.25 6.75h13.5m-13.5 0v10.5h13.5V6.75m-13.5 0L12 12l6.75-5.25"></path></svg>

Free sunrise 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 17.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.25V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 14.25h2.75c.13-2.79 2.42-5 5.24-5 2.81 0 5.11 2.21 5.24 5h2.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 7.5l1.52 1.52 1.52 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></path></svg>

Free map marker add 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 19.25l-4.4-4.4c-3.86-3.86-.89-10.61 4.39-10.61 4.11 0 6.83 4.11 5.99 7.75"></path><circle cx="12" cy="10.25" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></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