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

Box 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="M19.25 13V8L12 4 4.75 8v8L12 20v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8L12 12l7.25-4"></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>

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>

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>

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>

Gallery 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 5.75H5.75v12.5h12.5V5.75Z"></path><circle cx="9.5" cy="9.5" r="1.5" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25L12 12.5l6.25 5.75"></path></svg>

Arrow up 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="M16.25 14V7.75H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 8.5l-9 9"></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>

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

Calendar draft 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 11.74l-4.25 4.25v2.25H15l4.25-4.26L17 11.72Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25v8H10m-5.25-8v-3.5h11.5v3.5H4.75Z"></path></svg>

Line chart increase vector icon

Line chart increase

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.75L13 13l-2-2 -2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.75h4.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5v13.25H19"></path></svg>

Manage search 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 6.75h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.44 11.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></svg>

Sliders vertical vector icon

Sliders 2 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 4v4.5m0 2.25V20m0-9.25H5m3 0h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 4v9.5m0 2.25V20m0-4.25h3m-3 0h-3"></path></svg>

Free location 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 13.28c-1.96.58-3.25 1.57-3.25 2.71 0 1.79 3.24 3.25 7.25 3.25 4 0 7.25-1.46 7.25-3.25 0-1.14-1.3-2.13-3.25-2.72"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.25c1.51 0 2.75-1.24 2.75-2.75 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.75Zm0 0V16"></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="M5.5 18.5l13-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 5.5L10 10m8.5 8.5L14 14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 5.75h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 18.25h4.25V14"></path></svg>

Free face id 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.45 13.95c-.57 1.34-1.91 2.29-3.46 2.29 -1.56 0-2.89-.95-3.46-2.3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.75 9v3.25h1.75"></path><circle cx="8.5" cy="10" r="1" fill="currentColor"></circle><circle cx="15.5" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 19.25H4.75V15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15v4.25H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 9V4.75H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9V4.75H9"></path></svg>

Free mouse 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="M9.75 6.5L20.5 11l-2.31.81 -2.31.81 -1.32 2.3 -1.32 2.3 -3.5-10.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 15l-3 3 -3.01-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18L4.99 7"></path></svg>

Free ellipse shape icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle></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 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>

Free wall lamp 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="M15.5 11.75h-5L8 18.25h10l-2.5-6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 4v4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 6.25H13v5.5"></path></svg>

Box 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 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 8L12 12M4.75 8L12 12m0 8v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.62 10L8.37 6"></path></svg>

Landlord 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="M14 9.25c2.34 0 4.25 1.9 4.25 4.25v.75h-2v5H14m0-10c1.24 0 2.25-1.01 2.25-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.25Zm0 0c-1.31 0-2.47.58-3.25 1.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 15.25v4h6.5v-4L9 12l-3.25 3.25Z"></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>

Ghost 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 10v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5.25c-3.46 0-6.25 2.79-6.25 6.25V20L8 18l2 2 2-2 2 2 2-2 2.25 2v-8.5c0-3.46-2.8-6.25-6.25-6.25Z"></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>

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.25 5.75h3.21c1.46 0 2.88.53 3.98 1.51l.54.48 .54-.49c1.09-.98 2.51-1.52 3.98-1.52l3.21 0v11.49h-3.22c-1.47 0-2.89.53-3.99 1.51l-.55.48 -.55-.49c-1.1-.98-2.52-1.52-3.99-1.52H4.19V5.7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25V7.75"></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 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>

Search file 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="M12 19.25H5.75V4.75h12.5V9M8 8.25h8m-8 3h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.94 16.94c.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 0l2.55 2.55"></path></svg>

Free gasoline 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.75 18.25V5.75H13l4.5 4.5v8H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 8l2.25-2.25H20"></path></svg>

Free female gender sign icon

Female gender sign

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.25 14c0 2.34-1.91 4.25-4.25 4.25 -2.35 0-4.25-1.91-4.25-4.25 0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 5l-6 6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10l-5-5"></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>

Free globe icon png

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.25 12c0 4.0041-3.2459 7.25-7.25 7.25M19.25 12c0-4.004-3.2459-7.25-7.25-7.25M19.25 12H4.75M12 19.25c-4.004 0-7.25-3.2459-7.25-7.25M12 19.25c1.7949 0 3.25-3.2459 3.25-7.25 0-4.004-1.4551-7.25-3.25-7.25m0 14.5c-1.7949 0-3.25-3.2459-3.25-7.25 0-4.004 1.4551-7.25 3.25-7.25M4.75 12c0-4.004 3.246-7.25 7.25-7.25" stroke="currentColor" stroke-width="1.5"/></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>

Sliders vertical vector icon

Sliders 3 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="M18 5v3.5m0 2.25V19m0-8.25h-3m3 0h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5v3.5m0 2.25V19m0-8.25H3m3 0h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5v7.5m0 2.25V19m0-4.25h3m-3 0H9"></path></svg>

Free heart icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 11.5 12 18l-6.5-6.5c-1.3807-1.3807-1.3807-3.6193 0-5s3.6193-1.3807 5 0L12 8l1.5-1.5c1.3807-1.3807 3.6193-1.3807 5 0s1.3807 3.6193 0 5Z" 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