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

Medicine rotated vector icon

Medicine 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="M6.87 6.87c-1.47 1.46-1.47 3.83 0 5.3l4.94 4.94c1.46 1.46 3.83 1.46 5.3 0 1.46-1.47 1.46-3.84 0-5.31l-4.95-4.95c-1.47-1.47-3.84-1.47-5.31 0Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.65 9.34l-5.31 5.3"></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="M8 11h6m-3-3v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.419 15.419c1.131-1.131 1.83-2.694 1.83-4.42 0-3.452-2.799-6.25-6.25-6.25 -3.452 0-6.25 2.798-6.25 6.25 0 3.451 2.798 6.25 6.25 6.25 1.725 0 3.288-.7 4.419-1.831Zm0 0l4.08 4.08"></path></svg>

Gallery cross vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="9.5" cy="9.5" r="1.5" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 18.25H5.75V5.75h12.5V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25L12 12l2 2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.5 15.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 15.5l5 5"></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>

aperture-icon-free

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 9.5h3m-3 0L9 12m1.5-2.5 2.7822-4.637M13.5 9.5 15 12m-1.5-2.5h5.3074M15 12l-1.5 2.5M15 12l2.7 4.5m-4.2-2h-3m3 0-2.7822 4.6369M9 12l1.5 2.5M9 12 6.3 7.5m4.2 7H5.1926m8.0896-9.637A7.2944 7.2944 0 0 0 12 4.75c-4.004 0-7.25 3.246-7.25 7.25 0 .8786.1563 1.7207.4426 2.5m8.0896-9.637c2.5567.4563 4.6494 2.2528 5.5252 4.637m-8.0896 9.6369A7.2916 7.2916 0 0 0 12 19.25c4.0041 0 7.25-3.246 7.25-7.25a7.2357 7.2357 0 0 0-.4426-2.5m-8.0896 9.6369C8.161 18.6807 6.0684 16.8841 5.1926 14.5" stroke="currentColor" stroke-width="1.5"/></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="M17.25 19.25H6.75v-3l3.16-4.64c-1.01-.68-1.67-1.82-1.67-3.12 0-2.08 1.67-3.75 3.75-3.75 2.07 0 3.75 1.67 3.75 3.75 0 1.29-.66 2.44-1.67 3.11l3.16 4.63v3Z"></path></svg>

Free filter list 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 7h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 17h4"></path></svg>

Free users icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 10.25c1.24 0 2.25-1.01 2.25-2.25 0-1.25-1.01-2.25-2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.25c-1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 19v-3.75c0-1.11.89-2 2-2h4.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 13.25h.25c1.1 0 2 .89 2 2V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 13.25h-.25c-1.11 0-2 .89-2 2V18"></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 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 file gross 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 12V9L13.5 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 14.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 14.5l5 5"></path></svg>

chevron-left-icon

Chevron arrow left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 7.5 9 12l4.5 4.5" stroke="currentColor" stroke-width="1.5"/></svg>

Computer person vector icon

Computer person

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 19v-2.75c0-1.11.89-2 2-2H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 18.25h5l2-4.5h-5l-2 4.5Zm0 0H9"></path></svg>

Free big chevron left icon

Big chevron 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="M14.5 5.5L8 12l6.5 6.5"></path></svg>

Mouse hover 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.88 14.63l-2.64 4.61 -3.5-10.75 10.75 4.5 -4.62 1.63Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 7V3.75H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 3.75h3.25V7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 14.25H4.75V11"></path></svg>

Free badge 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.589 5.75 12 3.161 9.411 5.75H5.75v3.661L3.161 12l2.589 2.589v3.661h3.661L12 20.839l2.589-2.589h3.661v-3.661L20.839 12 18.25 9.411V5.75h-3.661Z"/></svg>

Time globe 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.75 13.99v2.25H19m2.25 0c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.25 12c0 4 3.24 7.25 7.25 7.25 -1.8 0-3.25-3.25-3.25-7.25m-4 0c0-4.01 3.24-7.25 7.25-7.25M3.25 12h4m3.25-7.25c-1.8 0-3.25 3.24-3.25 7.25m3.25-7.25c1.4 0 2.59 1.97 3.05 4.75m-3.06-4.75c3.12 0 5.78 1.97 6.8 4.75M7.23 12h3.25"></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>

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>

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.5l-9.25 9.2501v3.5h3.5L18.5 9 15 5.5Z"></path></svg>

Free calendar 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 0v8H5.75v-8m12.5 0H5.75"></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>

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.75H4.75v4h1.5v7.5h11.5v-7.5h1.5v-4Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6.75v4m0-4l3-3m-3 3l-3-3m3 7v7.5m0-7.5H6.25m5.75 0h5.75"></path></svg>

Point down 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.25 10.5v3.75h5v5h3v-5m0-3.75v3.75m0 0L18 10.5 13.5 6"></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>

Minus icon free

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

Free spanner 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.25 20v-5.05c-2.04-.73-3.5-2.67-3.5-4.96s1.46-4.24 3.5-4.96v4.95h3.5V5.02c2.03.72 3.5 2.66 3.5 4.95 0 2.28-1.47 4.23-3.5 4.95v5.04"></path></svg>

Free ellipse shape 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></svg>

Pie chart 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="M12 4.75V12h7.25"></path></svg>

Free badge discount icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 9.5l-5 5"></path><circle cx="14" cy="14" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.58 5.75l-2.59-2.59L9.4 5.74H5.73V9.4l-2.59 2.58 2.58 2.58v3.66h3.66l2.58 2.58 2.58-2.59h3.66v-3.67l2.58-2.59 -2.59-2.59V5.69h-3.67Z"></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>

Free arrow right circle icon

Arrow 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="M8 12h6.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9l3 3 -3 3"></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>

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>

Calendar plus vector icon

Calendar 2 plus

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 17h3m0 0h3m-3 0v-3m0 3v3"></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>

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