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

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>

User check vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 17.5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path></svg>

Free dots horizontal icon

Dots horizontal

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></path><path fill="currentColor" d="M9 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></path><path fill="currentColor" d="M17 12c0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1 .55 0 1 .44 1 1Z"></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>

Free face id 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.45 13.95c-.57 1.34-1.91 2.29-3.46 2.29 -1.56 0-2.89-.95-3.46-2.3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.75 9v3.25h1.75"></path><circle cx="8.5" cy="10" r="1" fill="currentColor"></circle><circle cx="15.5" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 19.25H4.75V15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15v4.25H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 9V4.75H15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9V4.75H9"></path></svg>

File text 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 18.25V4.75h6.75L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12.25h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25h6"></path></svg>

Free reload 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 4v4.71 .539l-5.25 0"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12c0 4.004-3.246 7.25-7.25 7.25 -4.005 0-7.25-3.246-7.25-7.25 0-4.005 3.245-7.25 7.25-7.25 2.934 0 5.461 1.742 6.6021 4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 4v4.71 .539l-5.25 0"></path></svg>

Free thumbs up 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 18.25H6.75v-8h4.5l-2.5-2.5 2.5-2.5L18 12"></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>

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>

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>

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>

Free line chart decrease icon

Line chart decrease

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 5v13.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 14.25L13 8l-2 2L8.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 14.25h4.25V10"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 4.75h12.5v14.5L12 13l-6.25 6.25V4.75Z" 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="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>

Free shield off 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.5 19.5l-4.25-4.25 -7.36-7.36 -3.4-3.4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.33 16.33c-1.84 2.32-4.34 3.41-4.34 3.41s-6.25-2.75-6.25-8.75V7.74l1.31-.69"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.68 14c.34-.9.56-1.89.56-3V7.75L11.99 4.5l-2.5 1.29"></path></svg>

Free bank 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.25 10.75v3.75 3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.75v7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 10.75v7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 10.75L12 4.5l6.5 6.25h-13Z"></path></svg>

Stroke cap square vector icon

Stroke cap square

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 18.25H5.75V12 5.75H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12h7"></path></svg>

Unlocked 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 10.75V8c0-1.8 1.45-3.25 3.25-3.25 1.63 0 2.98 1.2 3.21 2.78m-8.47 3.21h10.5v7.5H6.74v-7.5Z"></path></svg>

Shield 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></svg>

Free shopping cart icon

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 0h11.88l-2 8H8.74l-2.14-8Z"></path></svg>

Free eye closed 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.97 9c-.48 1.66-1.54 3.08-2.942 4.02m-11-4.03c.47 1.66 1.53 3.08 2.94 4.02m4.02 1.22c1.49 0 2.87-.45 4.02-1.23m-4.03 1.22v2.75m0-2.76c-1.5 0-2.88-.45-4.03-1.23m8.05 0l1.97 1.97M7.93 12.97l-1.98 1.97"></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>

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>

Free video camera 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 17.25V6.75h11V9.5l3.5-1.5v8l-3.5-1.5v2.75h-11Z"></path></svg>

Calendar 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 10.25v-4.5H5.75v4.5m12.5 0v8H5.75v-8m12.5 0H5.75m3-6.75V8m6.5-4.5V8"></path></svg>

Free inbox 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 11.75v6.5h14.5v-6.5m-14.5 0l2-6h10.5l2 6m-14.5 0h5c0 1.24 1 2.25 2.25 2.25 1.24 0 2.25-1.01 2.25-2.25h5"></path></svg>

Free analysis 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 5.75H5.75v12.5h12.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 8v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.75 12v4"></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>

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="M12 12.25c2.07 0 3.75-1.68 3.75-3.75 0-2.08-1.68-3.75-3.75-3.75 -2.08 0-3.75 1.67-3.75 3.75 0 2.07 1.67 3.75 3.75 3.75Zm0 0V20"></path></svg>

Free navigation up 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 5.75L6.5 17.5l5.5-2.71 5.5 2.7L12 5.74Z"></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>

Free corner up right icon

Corner up 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="M13.5 4.5L19 10l-5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10H5v9"></path></svg>

Free keyhole 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.8 13.35v0c2.12-1 3.04-3.53 2.05-5.65 -1-2.13-3.53-3.05-5.65-2.05 -2.13.99-3.05 3.52-2.05 5.65 .42.9 1.14 1.62 2.05 2.05l-2.45 4.9h8.5l-2.45-4.9Z"></path></svg>

Drink 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.5 19.25H12m3.5 0H12m0 0V13m0 0L6 4.75h12L12 13ZM8.18 7.75h7.63"></path></svg>

Manage search 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 6.75h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.44 11.44c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l3.05 3.05"></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