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 arrow down left icon

Arrow 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="M7.75 10v6.25H14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 6.5l-9 9"></path></svg>

Free add money icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="13" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 16.75h3.25m0 0h3.25m-3.25 0V13.5m0 3.25V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 11.5V8.25H3.75v9.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5.25h12"></path></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>

Map 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.25 4.75l-4.5 1v12.5l4.5-1m0-12.5l5.5 2m-5.5-2v12.5m0 0l5.5 2m0-12.5l4.5-1v12.5l-4.5 1m0-12.5v12.5"></path></svg>

big-cross-x-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.0503 7.0502 9.8994 9.8995m0-9.8995-9.8994 9.8995" 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="M5.5 12.5 10 17l9.5-9.5" stroke="currentColor" stroke-width="1.5"/></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>‍

Free big chevron top icon

Big chevron top

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 14.5L12 8l6.5 6.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="M12.25 5.25h6.5v6.5l-7 7 -6.5-6.5 7-7Z"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g></svg>

Music 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 16l0-10.25H9.24l0 10.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.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="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></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>

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 4.5L5 10l5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10h14v9"></path></svg>

File error inside vector icon

File error inside

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.75H13L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Free stack 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="M18.75 10.25H5.25v8.5h13.5v-8.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 7.25h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 4.25h8"></path></svg>

Vector football court 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 5v5m0 9v-5m0 0c1.1 0 2-.9 2-2 0-1.11-.9-2-2-2m0 4c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 8.75h-3.25v6.5H20M3.75 8.75h3.5v6.5h-3.5m0 3h16.5V5.75H3.75v12.5Z"></path></svg>

Free internet cloud icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5.5c-2.3472 0-4.25 1.9028-4.25 4.25v.0082c-1.9545.1286-3.5 1.7547-3.5 3.7418 0 2.0711 1.679 3.75 3.75 3.75h8c2.0711 0 3.75-1.6789 3.75-3.75 0-1.9871-1.5455-3.6132-3.5-3.7418V9.75c0-2.3472-1.9028-4.25-4.25-4.25z" stroke="currentColor" stroke-width="1.5"/></svg>

Shopping cart cross vector icon

Shopping cart cross

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.5 4.5l5 5m0-5l-5 5"></path></svg>

Open in new tab 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 6.75H5.75v11.5h11.5V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 4.75h6.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 4.75L11.5 12.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="M11.75 12.25c0 2.209-1.791 4-4 4 -2.21 0-4-1.791-4-4 0-2.21 1.79-4 4-4 2.209 0 4 1.79 4 4Zm0 0h8v4.25m-3 0v-4.25"></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>

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 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.75m0 0c0 2.34-1.91 4.25-4.25 4.25M16.25 12c0-2.35-1.91-4.25-4.25-4.25M7.75 12H4m3.75 0c0 2.34 1.9 4.25 4.25 4.25M7.75 12c0-2.35 1.9-4.25 4.25-4.25M12 20v-3.75m0-8.5V4M6.34 17.65l2.65-2.66M15 8.97l2.65-2.66M6.33 6.3l2.65 2.65m6 6l2.65 2.65"></path></svg>

Paper clip, attach 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.249 8v5.75c0 2.485 2.014 4.5 4.5 4.5v0c2.485 0 4.5-2.015 4.5-4.5v-6.5c0-1.657-1.344-3.001-3-3.001v0c-1.657 0-3 1.343-3 3v6.499c0 .828.671 1.5 1.5 1.5v0c.828 0 1.5-.672 1.5-1.5v-5.75"></path></svg>

add-to-queue-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.25h14m-14 4h14M14 8h3m0 0h3m-3 0V5m0 3v3m-4.9963-5.25H7C5.7574 5.75 4.75 6.7574 4.75 8S5.7574 10.25 7 10.25h5.0037" stroke="currentColor" stroke-width="1.5"/></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 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>

Free vector download icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 14v4.25h14.5V14M15.5 10.5 12 14l-3.5-3.5M12 14V4" stroke="currentColor" stroke-width="1.5"/></svg>

Fruit juice 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="M10.75 3.75h-3.5V6l-2 3v11.25h7.5V9l-2-3V3.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 11.25h.25c.72 0 1.41.17 2.02.47m-2.28 8.52h.25c2.48 0 4.5-2.02 4.5-4.5 0-1.76-1.01-3.29-2.48-4.03m2.22-2.23l-2.23 2.22"></path></svg>

Tap gesture 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 18v-3.75h-4.5v-5h-3v5m0 3.75v-3.75m0 0L7 18l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 7.5l2-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 7V3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 7.5l-2-2"></path></svg>

Plus circle 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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 12h4m0 0c1.65 0 4 0 4 0m-4 0V8m0 4v4"></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 send mail 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 20.5L20 17l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 17H5.25V6.75m0 0h13.5m-13.5 0L12 12l6.75-5.25m0 0V11"></path></svg>

Shield warning 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 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="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Free calendar 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="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="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Free plus square 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 12h4m0 0c1.65 0 4 0 4 0m-4 0V8m0 4v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></path></svg>

Arrow up circle vector icon

Arrow up 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="M12 9.5V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 12l-3-3 -3 3"></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