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

Calendar cross vector icon

Calendar 2 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="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.5 14.5l5 5m0-5l-5 5"></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>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 8L12 5l6.25 3v8L12 19l-6.25-3V8Z"></path></svg>

Microphone rotated vector icon

Microphone rotated

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.22 11.67c-1.37 1.36-3.59 1.36-4.95 0 -1.37-1.37-1.37-3.59 0-4.95 1.36-1.37 3.58-1.37 4.94 0 1.36 1.36 1.36 3.58 0 4.94Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.28 12.65l-7.29 5.34 -2-2 5.27-7.19"></path></svg>

Switch theme 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="currentColor" d="M4.75 12c0 4 3.24 7.25 7.25 7.25V16c-2.21 0-4-1.8-4-4 0-2.21 1.79-4 4-4V4.75c-4.01 0-7.25 3.24-7.25 7.25Z"></path><path fill="currentColor" d="M16 12c0 2.2-1.8 4-4 4V8c2.2 0 4 1.79 4 4Z"></path></svg>

File inside check vector icon

File inside 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="M5.75 18.25V4.75H13L17.25 9v9.25H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 12.5l2 2 4-4"></path></svg>

Marked on map vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="1.5" d="M14.859 11.151c2.51-2.51.576-6.901-2.859-6.901s-5.37 4.39-2.859 6.901L12 14.014l2.859-2.863Z"/><circle cx="12" cy="8" r="1.25" fill="#000"/><path stroke="#000" stroke-width="1.5" d="m5.5 13.25-2.5 5h18l-2.5-5"/></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 12.5 10 16l7.5-7.5" stroke="currentColor" stroke-width="1.5"/></svg>

Paper 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.75 18.25H9.5m6.25 0c-1.39 0-2.5-1.12-2.5-2.5v-2.5h-8.5v2.5c0 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 remove 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.5 16.25h2.75H21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 13V8.25H3.75v9.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5.25h12"></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.75 19v-2.75c0-1.105.895-2 2-2h8.5c1.104 0 2 .895 2 2V19m-3-11c0 1.794-1.456 3.25-3.25 3.25 -1.795 0-3.25-1.456-3.25-3.25 0-1.795 1.455-3.25 3.25-3.25 1.794 0 3.25 1.455 3.25 3.25Z"></path></svg>

Grid 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 5.75h12.5v12.5H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 12h12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18.25V5.75"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 18.25h6v-6h-6m0 6h-6v-6m6 6v-6m0 0v-6h-6v6m6 0h-6M14.5 6.5h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></svg>

free info circle icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16v-4.5m7.25.5c0 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"/><circle cx="12" cy="9" r="1" fill="currentColor"/></svg>

Free rotate left 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 4l-.01 4.71v.53l5.24 0"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.39 9c1.14-2.51 3.66-4.25 6.6-4.25 4 0 7.25 3.24 7.25 7.25 0 4-3.25 7.25-7.25 7.25 -2.94 0-5.47-1.75-6.61-4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4l-.01 4.71v.53l5.24 0"></path></svg>

Folder download vector icon

Folder download

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 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15V9.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12l3 3 3-3"></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>

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>

Swap small vertical vector icon

Swap small 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.5 12.5L5 9l3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 18.5L19 15l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 15h-9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 9h9"></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>

Vector sparkles 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 16.5c1.933 0 3.5-1.567 3.5-3.5 0 1.933 1.567 3.5 3.5 3.5 -1.933 0-3.5 1.567-3.5 3.5 0-1.933-1.567-3.5-3.5-3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 9.5c3.5899 0 6.5-2.911 6.5-6.5 0 3.589 2.9101 6.5 6.5 6.5 -3.5899 0-6.5 2.9101-6.5 6.5 0-3.5899-2.9101-6.5-6.5-6.5Z"></path></svg>

Free globe icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.1664 14.8335c1.493 1.493 3.5554 2.4164 5.8336 2.4164 4.5564 0 8.25-3.6937 8.25-8.25 0-2.2782-.9234-4.3407-2.4164-5.8336" stroke="#000" stroke-width="1.5"/><path d="M12 17.25v3M8.5 20.25h7M17.25 9c0 2.8995-2.3505 5.25-5.25 5.25S6.75 11.8995 6.75 9 9.1005 3.75 12 3.75 17.25 6.1005 17.25 9z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/></svg>

İnfo square 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 16v-4.5"></path><circle cx="12" cy="9" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5H5.75Z"></path></svg>

Free tennis ball 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.25C7.99 19.25 4.74 16 4.74 12c0-4.01 3.24-7.25 7.25-7.25 .04 0 .09 0 .14 0 3.51.06 6.41 2.63 7 6 .74 4.28-2.77 8.49-7.15 8.49Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.85 13.24c4.43.08 8.03-4.16 7.28-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.14 10.75c-4.47-.09-8.05 4.13-7.29 8.49"></path></svg>

Free person 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 9.25c-2.35 0-4.25 1.9-4.25 4.25v.75h2v5h4.49v-5h2v-.75c0-2.35-1.91-4.25-4.25-4.25Zm0 0c1.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.25Z"></path></svg>

Free heartbeat 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 18l-6.5-6.5c-1.39-1.39-1.39-3.62 0-5 1.38-1.39 3.61-1.39 4.99 0l1.5 1.5 1.5-1.5c1.38-1.39 3.61-1.39 5 0 1.38 1.38 1.38 3.61 0 4.99"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M21 14.75h-2l-1.25 2 -2.5-5 -1.25 3h-2"></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>

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>

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>

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>

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 4.75H4.75v14.5h14.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l-1.25 1.25L8 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 9.5L16 12l-2.5 2.5"></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="M19 17h-5L3.5 6.5M19 7h-5l-3 3m-4 4l-3.5 3.5"></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>

Moon 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="M11.5 19.25c3.72 0 6.75-3.03 6.75-6.75 0-.38-.03-.74-.09-1.09 -.43 2.18-2.36 3.83-4.67 3.83 -2.63 0-4.75-2.13-4.75-4.75 0-2.32 1.65-4.24 3.83-4.67 -.36-.06-.72-.09-1.09-.09 -3.73 0-6.75 3.02-6.75 6.75 0 3.72 3.02 6.75 6.75 6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 7.5l2-2 2 2 -2 2 -2-2Z"></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>

ios-airplay-icon-svg

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15.25H4.75v-9.5h14.5v9.5H16m-7 3L12 14l3 4.25H9Z" stroke="currentColor" stroke-width="1.5"/></svg>

Credit card minus vector icon

Credit card minus

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 16.75h3.5H21"></path><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.75V14"></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