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 alert octagon 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 8v4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 4.75h3 3L19.25 9v3 3L15 19.25h-3H9L4.75 15v-3V9L9 4.75Z"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Basketball ball vector icon

Basketball ball

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 2.23-1.02 4.24-2.61 5.57 -1.26 1.04-2.875 1.67-4.64 1.67 -1.84 0-3.51-.69-4.785-1.81 -1.52-1.33-2.465-3.28-2.465-5.45 0-2.18.95-4.12 2.465-5.45C8.485 5.4 10.165 4.72 12 4.72c.09 0 .19 0 .28 0 1.65.06 3.16.68 4.35 1.67 1.59 1.32 2.61 3.33 2.61 5.57Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12H4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.21 6.55c1.51 1.32 2.465 3.27 2.465 5.44 0 2.17-.96 4.11-2.465 5.44"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.64 17.571c-1.6-1.33-2.61-3.34-2.61-5.58s1.01-4.25 2.61-5.58"></path></svg>

Free bell 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="M16.25 11.5v3.75M12 4.75c-2.35 0-4.25 1.9-4.25 4.25v6.25m-2.75 0h14m-9.5 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 6.5l2 2 4-4"></path></svg>

Free Big chevron right icon

Big chevron 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="M9.5 5.5L16 12l-6.5 6.5"></path></svg>

Power 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 4v7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 7.19c-1.38 1.14-2.25 2.87-2.25 4.8 0 3.45 2.79 6.25 6.25 6.25 3.45 0 6.25-2.8 6.25-6.25 0-1.94-.875-3.66-2.25-4.81"></path></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>

Armchair 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 15.75V12.5l2.5-1.25v-5.5h7.5v5.5l2.5 1.25v3.25m-12.5 0V19m0-3.25h12.5m0 0V19"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.7574 7.7574 12 12.0001m0 0 4.2426 4.2426M12 12.0001l4.2426-4.2427M12 12.0001l-4.2426 4.2426" stroke="currentColor" stroke-width="1.5"/></svg>

Free map marker 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.39 14.85c3.85-3.86.88-10.61-4.4-10.61s-8.25 6.74-4.4 10.6l4.39 4.39 4.39-4.4Z"></path><circle cx="12" cy="10.25" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Printer 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 17.25h-3v-5c0-1.39 1.11-2.5 2.5-2.5h9.5c1.38 0 2.5 1.11 2.5 2.5v5h-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 20.25h8.5v-6.5h-8.5v6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 9.5V5.75h-8.5V9.5"></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>

Free arrow down circle icon

Arrow down 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="M12 14.5V8"></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="M15 12l-3 3 -3-3"></path></svg>

Free stroke join bevel icon

Stroke join bevel

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.75h6l6.5 6.5v6h-6.5v-6h-6v-6.5Z"></path></svg>

Free pumpkin 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="M3.75 12.5c0 3.72 1.91 6.75 4.26 6.75 .66 0 1.3-.25 1.86-.68 1.29.87 2.93.87 4.23 0 .56.43 1.19.67 1.86.67 2.35 0 4.26-3.03 4.26-6.75 0-3.73-1.92-6.75-4.27-6.75 -.67 0-1.31.24-1.87.67 -1.3-.88-2.94-.88-4.24 0 -.57-.44-1.2-.68-1.87-.68 -2.36 0-4.27 3.02-4.27 6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5.75V4l1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25l1.5-.75 1.5.75 1.5-.75 1.5.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 12l-1.5-1.5L8 12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 12l-1.5-1.5L13 12"></path></svg>

Free folder cross 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 18.75V7.25h-7.5v-2.5h-7v14h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 10.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 10.5l5 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.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></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 6v13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 19v-6.25H5.75"></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>

free-vector-anchor-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.25c1.2426 0 2.25-1.0074 2.25-2.25S13.2426 4.75 12 4.75 9.75 5.7574 9.75 7 10.7574 9.25 12 9.25Zm0 0v10m0 0c4.0041 0 7.25-3.2459 7.25-7.25v-.25H17m-5 7.5c-4.004 0-7.25-3.2459-7.25-7.25v-.25H7" stroke="currentColor" stroke-width="1.5"/></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 8.25h15.5v9.5H4.25v-9.5Z"></path><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="M6 5.25h12"></path></svg>

File download arrow vector icon

File download arrow

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.5h3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 17l-3 3 -3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 20v-7"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 19.25H5.75V4.75h12.5V9M8 8.25h8m-8 3h4m.75 5.7499 5.25-5.25L20.25 14 15 19.2501h-2.25v-2.2502Z" stroke="currentColor" stroke-width="1.5"/></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>

Note 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 15l0-9.25H9.24l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 17c0 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 15c0 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>

Free sliders vertical icon

Sliders 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="M10.25 15H20m-9.75 0c0 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="M14.75 9H5m9.75 0c0 1.24 1 2.25 2.25 2.25 1.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.25Z"></path></svg>

Free tag 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.75 11.75v-6.5h-6.5l-7 7 6.5 6.5"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Free circle placeholder icon

Circle placeholder

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 15l6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16l3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 11l3-3"></path><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></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 3d rectangle 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 9.5L12 5l7.75 4.5v5L12 19l-7.75-4.5v-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14l7.75-4.5M12 14L4.25 9.5M12 14v5"></path></svg>

Half note 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 5.75h-3.75l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 17c0 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>

Minus 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 12h8"></path></svg>

Free sticker 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 12c0 4 3.24 7.25 7.25 7.25L19.25 12c0-4.01-3.25-7.25-7.25-7.25 -4.01 0-7.25 3.24-7.25 7.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25c-.65-.86-1-1.97-1-3.125C11 13.285 13.29 11 16.125 11c1.16 0 2.26.35 3.125 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="M4 7h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h4"></path></svg>

Mail open 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.25 8.75v9.5h13.5v-9.5m-13.5 0L12 4l6.75 4.75m-13.5 0l5 4h3.5l5-4"></path></svg>

Wall lamp 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="M15.5 5.75h-5L8 12.25h5 5l-2.5-6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 15v4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 17.25h7v-5"></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>

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