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

vector-svg-award-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12.6742V20L12 17.5 8.25 20v-7.3258m7.5 0c.9279-.9469 1.5-2.2437 1.5-3.6742 0-2.8995-2.3505-5.25-5.25-5.25S6.75 6.1005 6.75 9c0 1.4305.5721 2.7273 1.5 3.6742m7.5 0c-.9529.9724-2.281 1.5758-3.75 1.5758-1.469 0-2.7971-.6034-3.75-1.5758" stroke="currentColor" stroke-width="1.5"/></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 file 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="M16.25 11V9L12 4.75H5.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 16c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25 1.24 0 2.25 1 2.25 2.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.59 17.58l2.657 2.66"></path></svg>

Free point right 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.5 17.75h3.75v-5h5v-3h-5m-3.75 0h3.75m0 0L10.5 6 6 10.5"></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>

Free emoji angry 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="M15.01 15.27c-.69-.93-1.79-1.53-3.02-1.53 -1.24 0-2.34.59-3.02 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 9.5l-2.5 2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 11.5l-2.5-2"></path></svg>

Free split arrows 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 5.75h4.25V10M18 6l-4.5 4.5M10 5.75H5.75V10M6 6l6 6v7"></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>

Barcode 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 6v12M9 6v10m3-10v10m3-10v10m3.25-10v12"></path></svg>

Free HDMI cable 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.75v-3.5h4.5v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 6.75h-9.5v11h9.5v-11Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 17.75V22"></path></svg>

Free backspace 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.75h-10L3.5 11.5l5.75 5.75h10V6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 9.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l5 5"></path></svg>

Dots horizontal big vector icon

Dots horizontal big

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M7 10.5c.82 0 1.5.67 1.5 1.5 0 .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.5Z"></path><path fill="currentColor" d="M12 10.5c.82 0 1.5.67 1.5 1.5 0 .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.5Z"></path><path fill="currentColor" d="M17 10.5c.82 0 1.5.67 1.5 1.5 0 .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.5Z"></path></svg>

Free box 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="M14.5 18.25l2 1.75 4.5-5"></path><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></svg>

Free calendar search 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.25v8H10m-5.25-8v-3.5h11.5v3.5H4.75Z"></path></svg>

Free pizza slice 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="M11.51 8.66l-6.02 9.58H16.4m-4.91-9.59c3.04 1.04 5.23 3.93 5.23 7.33 0 .78-.12 1.53-.34 2.25m-4.91-9.59l1.62-2.6c3.88 1.62 6.61 5.45 6.61 9.92 0 .77-.09 1.52-.24 2.25h-3.1"></path></svg>

Free chevrons 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="M7.5 17.5L12 13l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 12.5L12 8l4.5 4.5"></path></svg>

Sparkle 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 12c-3.87 0-7 3.13-7 7 0-3.87-3.14-7-7-7 3.86 0 7-3.14 7-7 0 3.86 3.13 7 7 7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 16l-2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 8L5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 16l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8l2.5-2.5"></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>

Corner right down vector icon

Corner right down

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 18V7H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 13.5L13 18l4.5-4.5"></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="M16 12.5L14.5 11 13 12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 12.5L9.5 11 8 12.5"></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>

Bell ringing 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 15.25V9c0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25v6.25M5 15.25h14m-9.5 3h5"></path><path fill="currentColor" d="M16.773 4.22c1.22 1.22 1.97 2.9 1.97 4.77h1.5c0-2.28-.93-4.35-2.42-5.84l-1.07 1.06ZM5.25 8.99c0-1.87.75-3.56 1.97-4.78L6.15 3.14c-1.5 1.49-2.42 3.55-2.42 5.83h1.5Z"></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>

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>

alert-icon-circle

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4.5m7.25-.5c0-4.004-3.2459-7.25-7.25-7.25-4.004 0-7.25 3.246-7.25 7.25 0 4.0041 3.246 7.25 7.25 7.25 4.0041 0 7.25-3.2459 7.25-7.25Z" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="15" r="1" fill="currentColor"/></svg>

Small grid dots vector icon

Small grid dots

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="6.5" cy="6.5" r="1.25" fill="currentColor"></circle><circle cx="6.5" cy="12" r="1.25" fill="currentColor"></circle><circle cx="6.5" cy="17.5" r="1.25" fill="currentColor"></circle><circle cx="12" cy="6.5" r="1.25" fill="currentColor"></circle><circle cx="12" cy="12" r="1.25" fill="currentColor"></circle><circle cx="12" cy="17.5" r="1.25" fill="currentColor"></circle><circle cx="17.5" cy="6.5" r="1.25" fill="currentColor"></circle><circle cx="17.5" cy="12" r="1.25" fill="currentColor"></circle><circle cx="17.5" cy="17.5" r="1.25" fill="currentColor"></circle></svg>

Free paper 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 18.25c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-8.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h8.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-11h-10v8.5"></path></svg>

Free wine glass

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 19.25H12m3.5 0H12m0 0V13m0 0L6 4.75h12L12 13Z"></path></svg>

Free smartphone 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 5.75h7.5v12.5h-7.5V5.75Z"></path></svg>

Free arrow up right circle icon

Arrow up right circle

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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 10l-4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 9.75h4.25V14"></path></svg>

Questions vector 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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 9.75v.77c0 .67-.55 1.22-1.23 1.22v0c-.57 0-1.03.46-1.03 1.02v1.22"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 9.75c0-1.11-.9-2-2-2h-.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 9.75c0-1.11.89-2 2-2"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle></svg>

Free calculator 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 5.75h10.5v12.5H6.75V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 11.25h10.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 11.25v7"></path></svg>

Free corner left down icon

Corner left down

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 18V7h8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 13.5L11 18l-4.5-4.5"></path></svg>

Free settings icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.3038 8.134-1.3996-.808-1.5 2.598 1.3996.8081v2.5358l-1.3995.8081 1.5 2.598 1.3995-.808 2.1961 1.268v1.616h3v-1.616l2.1962-1.268 1.3995.808 1.5-2.598-1.3995-.808v-2.536l1.3995-.808-1.5-2.598-1.3995.808-2.1962-1.268V5.25h-3v1.616L8.3038 8.134Z" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="2" stroke="currentColor" stroke-width="1.5"/></svg>

Free stairs 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 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 7.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 12h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 16.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></path></svg>

double-check-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m12 16-.5303.5303.5303.5304.5303-.5304L12 16Zm-4.5303.5303L8 17.0607 9.0607 16l-.5304-.5303-1.0606 1.0606Zm4.5606-3.5 4-4-1.0606-1.0606-4 4 1.0606 1.0606Zm-4.5606-.5 4 4 1.0606-1.0606-4-4-1.0606 1.0606Zm5.0606 4 7.5-7.5-1.0606-1.0606-7.5 7.5 1.0606 1.0606Zm-8.5606-3.5 3.5 3.5 1.0606-1.0606-3.5-3.5-1.0606 1.0606Z" fill="currentColor"/></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>

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