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

Sliders vertical vector icon

Sliders 3 vertical 2

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

Money 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.25 7.25h15.5v9.5H4.25v-9.5Z"></path><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="M6 19.75h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 4.25h12"></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>

Free arrow 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="M16.5 13.5L12 18l-4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18V6"></path></svg>

Free arrow down left circle icon

Arrow down left circle

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.5 9.5L10 14"></path><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14.25H9.75V10"></path></svg>

Free file code 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.5H9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 13.5L11.5 16l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 13.5l2.5 2.5 -2.5 2.5"></path></svg>

Free login 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 4.75h8.25v14.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 8.5L14 12l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 12H4"></path></svg>

Free swap vertical 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 12.5L19 16l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 16H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 4.5L5 8l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 8h14"></path></svg>

File text 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="M6.75 18.25V4.75h6.75L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25h6"></path></svg>

Receive money 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 11V7.25H3.75v9.5h7.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 13.25l-3.5 3.5 3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 16.75h6"></path><circle cx="11.5" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9.75c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5-1.1193-2.5-2.5-2.5Zm0 0h-5m5 0c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5h-5c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5m0 5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5m0 5c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5v-2.5m-2.5 0h2.5m0-10v10" stroke="currentColor" stroke-width="1.5"/></svg>

Free shopping bag 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.75h12.5m-12.5 0v10.5h12.5V7.75m-12.5 0l2-3h8.5l2 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10v1c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25v-1"></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 19v-6.75m0 0v-7.5h10.5v7.5H6.75Z"></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="M12 18.5v-13m6.5 6.5h-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 7.5L12 5 9.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 9.5L5 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 16.5L12 19l-2.5-2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 9.5L19 12l-2.5 2.5"></path></svg>

Calendar error 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 13v3.5"></path><circle cx="17" cy="19" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 10.25v8H12m-6.25-8v-4.5h12.5v4.5H5.75Zm3-6.75V8m6.5-4.5V8"></path></svg>

Emoji sad 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 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><circle cx="14" cy="10" r="1" fill="currentColor"></circle><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.01 14.98c-.69-.93-1.79-1.53-3.02-1.53 -1.24 0-2.34.59-3.02 1.52"></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>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 12.5 10 17l9.5-9.5" stroke="currentColor" stroke-width="1.5"/></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 pos payment check icon

Pos payment check

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.75H6.25v10.5h11.5V9.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15l2 2 4-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 9.75v-5c0-.28.22-.5.5-.5h6.5c.27 0 .5.22.5.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 4.25v5.5"></path></svg>

Layers 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 10.75l-6.25-3V7.5l6.25-3 6.25 3v.25l-6.25 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 11v.75L12 15l-6.25-3.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 15v.75L12 19l-6.25-3.25V15"></path></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>

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 7h14M5 12h14M5 17h14"></path></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 briefcase 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 8.25H14.5 9 4.75v10H9h5.5 4.75v-10Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 8.25v-3.5h5.5v3.5"></path></svg>

Calendar 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="M18.25 10.25v-4.5H5.75v4.5m12.5 0H5.75m12.5 0V12m-12.5-1.75v8H12M8.75 3.5V8m6.5-4.5V8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 15.75h6"></path></svg>

Sunrise morning vector icon

Sunrise morning

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 3.5V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.5l-3-3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 19.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.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 9.5l1.52 1.52 1.52 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 9.5l-3.08 3.07"></path></svg>

Check list 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 13.5L11 17l8.5-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 6.75h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.25h5"></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 stroke join round icon

Stroke join 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="M9.25 5.75h-3.5v6.5h6v6h6.5v-3.5c0-4.98-4.03-9-9-9Z"></path></svg>

big-bold-arrow-icon-facing-right

Big arrow right

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 6.5 19 12l-5.5 5.5M18.5 12H5" stroke="currentColor" stroke-width="1.5"/></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>

File inside arrow left vector icon

File inside arrow 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.25 18.25V4.75H13L17.25 9v9.25h-11Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 10.75L14 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 10.75H9.75V15"></path></svg>

Free emoji blink 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><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.45 13.45c-.57 1.34-1.91 2.29-3.46 2.29 -1.04 0-1.98-.42-2.66-1.1"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 10.25h3"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.75 12.51C17.75 16.0667 15.0486 18.26 12 18.26C8.95139 18.26 6.25 16.0667 6.25 12.51C6.25 8.95329 8.95139 4.25 12 4.25C15.0486 4.25 17.75 8.95329 17.75 12.51Z" stroke="black" stroke-width="1.5"></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>

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