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 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>

Arrow up left circle vector icon

Arrow up left 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="M10 10l4.5 4.5"></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="M14 9.75H9.75V14"></path></svg>

Free arrow left circle icon

Arrow left 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="M9.5 12H16"></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="M12 9l-3 3 3 3"></path></svg>

Point left 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.5 17.75h-3.75v-5h-5v-3h5m3.75 0h-3.75m0 0L14.5 6l4.5 4.5"></path></svg>

Syringe 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="M13 7l2 1.99 2 2 -7 7 -2.01-2 -2.01-2 7-7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 16l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.5 8.49l-4-4M15 8.98l2.5-2.5"></path></svg>

Free bell schedule 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="M13.25 15v2.25M10 7.75c-2.35 0-4.25 1.9-4.25 4.25v5.25m-2.75 0h13m-9 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 5.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></svg>

Credit card locked vector icon

Credit card locked

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 16.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 15.75h6.5v4.5h-6.5c0-2 0-4.5 0-4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 15.75V14c0-.97.78-1.75 1.75-1.75 .96 0 1.75.78 1.75 1.75v1.75"></path></svg>

Free dashboard 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.75 5.74l-4 0v4m4-4.01l10.5 0v4M8.75 5.72v12.49m0 0l10.5 0v-8.5M8.75 18.2l-4 0V9.7m0 0h14.5"></path></svg>

Free leaderboard 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 9.75h4v5.5H6v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 4.75h4v10.5h-4V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 9.75h4v5.5h-4v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path></svg>

Pause 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.75 5.75h3.5v12.5h-3.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 5.75h3.5v12.5h-3.5V5.75Z"></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="M9.75 15.75c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.44 14.55l4.55-4.56"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15.75c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 6.75h2.74l4.5 6.5"></path></svg>

History icon free

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 12c0 4.0041 3.246 7.25 7.25 7.25 4.0041 0 7.25-3.2459 7.25-7.25 0-4.004-3.2459-7.25-7.25-7.25-2.9341 0-5.4611 1.743-6.6021 4.25" stroke="currentColor" stroke-width="1.5"/><path d="M4.75 5v4.25H9M12 8.5V12l2.5001 2.5001" stroke="currentColor" stroke-width="1.5"/></svg>

Free corner down right icon

Corner down 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="M18 13H7V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 8.5L18 13l-4.5 4.5"></path></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 shield clock 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="M21.25 16.25c0 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="M16.75 13.99v2.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.25 9.5V7.75L11 4.5 4.75 7.75V11c0 4.48 3.48 7.14 5.25 8.21"></path></svg>

Play small 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="M8.75 17.5v-11l9 5.5 -9 5.5Z"></path></svg>

Free air conditioning icon

Air conditioning

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 12.25l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.75l1.63-.82c.22-.12.5-.11.72.02l1.79 1.07c.21.13.49.14.72.02l1.63-.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 19.25H7.75V4.75h7.75"></path></svg>

Bolt 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.25h-5l-4.5 8H10L9 18.5l8.25-8.25h-4.21l2.95-5Z"></path></svg>

Dots vertical vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 15c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 7c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></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>

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>

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>

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>

Sparkles 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="M10 12c2.7614 0 5-2.239 5-5 0 2.761 2.238 5 5 5 -2.762 0-5 2.238-5 5 0-2.762-2.2386-5-5-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 6.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="M4 17.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></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 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>

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 18.5v-13m6.5 6.5h-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 7.5L12 5 9.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 9.5L5 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 16.5L12 19l-2.5-2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 9.5L19 12l-2.5 2.5"></path></svg>

Calendar check vector icon

Calendar 2 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="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="M13.5 16.5l2 2 4-4"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 18.25h-7m-7.25-3.4999L15 5.5 18.5 9l-9.25 9.2501h-3.5v-3.5Z" stroke="currentColor" stroke-width="1.5"/></svg>

Vector social share 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.4608 16.3554c-.135.269-.211.573-.211.894 0 1.104.895 2 2 2 1.104 0 2-.896 2-2 0-1.105-.896-2-2-2 -.783 0-1.461.449-1.79 1.105Zm0 0l-4.922-3.461m0 0c.134-.27.21-.573.21-.895 0-.322-.076-.626-.211-.895m0 1.789c-.329.6555-1.007 1.105-1.79 1.105 -1.105 0-2-.896-2-2 0-1.105.895-2 2-2 .782 0 1.46.449 1.789 1.105m0 0l4.921-3.461m0 0c.328.655 1.006 1.105 1.789 1.105 1.104 0 2-.896 2-2 0-1.105-.896-2-2-2 -1.105 0-2 .895-2 2 0 .321.075.625.21.894Z"></path></svg>

Free repeat 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 7H4.75v10H8m8-10h3.25v10H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 13.5L11 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 3.5L13 7l-3.5 3.5"></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>

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="M17.75 4.75H9.74c-1.11 0-2 .89-2 2l0 7m10-9c-1.11 0-2 .89-2 2v3.5m2-5.5c1.1 0 2 .89 2 2v3.5h-4m-2 8H6.48c-1.11 0-2.25-.9-2.25-2v-2.5h3.49m6 4.5c-1.11 0-2-.9-2-2v-2.5H7.71m6 4.5c1.1 0 2-.9 2-2l-.01-6"></path></svg>

Free verified badge 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 12l2 2 4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.58 5.74l-2.59-2.59L9.4 5.73H5.73v3.66l-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.68h-3.67Z"></path></svg>

Male gender sign vector icon

Male gender sign

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.25 14c0 2.34-1.91 4.25-4.25 4.25 -2.35 0-4.25-1.91-4.25-4.25 0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 12V5.75H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 5.75L13 11"></path></svg>

horizontal-compare-icon

Compare horizontal

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 15.5 9 12l-3.5 3.5M18.5 8.5 15 12l-3.5-3.5M15 12V4M9 12v8" stroke="currentColor" stroke-width="1.5"/></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