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 box 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="M14.5 18.25l2 1.75 4.5-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 13V8L12 4 4.75 8v8L12 20v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8L12 12l7.25-4"></path></svg>

File plus inside vector icon

File plus inside

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.75H13L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12h3.5H15"></path></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 7.25h15.5v9.5H4.25v-9.5Z"></path><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 19.75h12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 4.25h12"></path></svg>

Free swipe gesture 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.25 20.25L19.5 18l-3-3.5L20 11l-2-2.01 -6 6m-3.25 2l-.01-4.25h5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.41 8.58c-.88-.88-1.99-1.47-3.21-1.72s-2.47-.12-3.62.35 -2.12 1.27-2.81 2.3c-.69 1.02-1.06 2.23-1.06 3.47"></path></svg>

Free compass 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="M10.58 10.58l3.88-1.07 -1.07 3.88 -3.89 1.06 1.06-3.89Z"></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 chess horse icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-width="1.5" d="M19.25 11.75h-5.5l4.5 4.5v3H5.756V16.5l.994-1.35v-4.4c0-3.866 3.204-7 7.5-7V6l5 2.5v3.25Z"/></svg>

Free pizza slice 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.31 10.5c-1.41-1.98-3.71-3.26-6.32-3.26 -2.61 0-4.91 1.28-6.32 3.25m12.62 0l1.77-2.6c-1.98-2.25-4.87-3.67-8.09-3.67 -3.23 0-6.12 1.41-8.09 3.66l1.77 2.59m12.62 0l-6.32 9.24 -6.32-9.25"></path></svg>

Free inbox 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="M4.75 12.25v6h14.5v-6h-5c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25h-5Zm0 0l2-6.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 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="M4.25 5.75h3.21c1.46 0 2.88.53 3.98 1.51l.54.48 .54-.49c1.09-.98 2.51-1.52 3.98-1.52l3.21 0v11.49h-3.22c-1.47 0-2.89.53-3.99 1.51l-.55.48 -.55-.49c-1.1-.98-2.52-1.52-3.99-1.52H4.19V5.7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25V7.75"></path></svg>

Free inbox add 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 12.25v6h14.5v-6h-5c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25h-5Zm0 0l2-6.5H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h3m0 0h3m-3 0V4m0 3v3"></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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 12h-3.75m0 0c0 2.34-1.91 4.25-4.25 4.25M16.25 12c0-2.35-1.91-4.25-4.25-4.25M7.75 12H4m3.75 0c0 2.34 1.9 4.25 4.25 4.25M7.75 12c0-2.35 1.9-4.25 4.25-4.25M12 20v-3.75m0-8.5V4M6.34 17.65l2.65-2.66M15 8.97l2.65-2.66M6.33 6.3l2.65 2.65m6 6l2.65 2.65"></path></svg>

Free snowflake 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 12V8m0 4H8m4 0v4m0-4h4m-4-4L9 5m3 3l3-3m-7 7l-3 3m3-3L5 9m7 7l-3 3m3-3l3 3m1-7l3-3m-3 3l3 3"></path></svg>

big-simple-arrow-pointing-down

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 13.5 12 19l5.5-5.5M12 18.5V5" stroke="currentColor" stroke-width="1.5"/></svg>

Emoji plus 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"></path><circle cx="14" cy="11" r="1" fill="currentColor"></circle><circle cx="10" cy="11" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.45 13.45c-.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="M17 4v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h6"></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>

Pos payment cross vector icon

Pos payment 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="M17.75 9.75H6.25v10.5h11.5V9.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 12.5l5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 9.75v-5c0-.28.22-.5.5-.5h6.5c.27 0 .5.22.5.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 4.25v5.5"></path></svg>

Free checkbox 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.75H5.75v12.5h12.5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.5L12 14l7.5-7.5"></path></svg>

Lock 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.25 10.75V8c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v2.75m-2 0h10.5v7.5H6.75v-7.5Z"></path></svg>

Free basketball hoop icon

Basketball hoop

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.25h5.25v-7.5H6.75v7.5H12Zm0 0V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 9.25h4"></path></svg>

Paper clip 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="M10.86 5.76L6.79 9.82c-1.76 1.75-1.76 4.6 0 6.36v0c1.75 1.75 4.6 1.75 6.36 0l4.59-4.6c1.17-1.18 1.17-3.08 0-4.25v0c-1.18-1.18-3.08-1.18-4.25 0l-4.6 4.59c-.59.58-.59 1.53 0 2.12v0c.58.58 1.53.58 2.12 0l4.06-4.07"></path></svg>

Flag 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 19v-6.75m0 0v-7.5h10.5l-3 3.75 3 3.75H6.75Z"></path></svg>

Free magic 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.51 11.96l-2.48-2.48m0 0l3.44-3.45 2.47 2.47 -9.45 9.44 -2.48-2.48 6-6.01Z"></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.24 18.71c-2.65-1.09-4.5-3.68-4.5-6.72 0-3.04 1.85-5.63 4.49-6.72m5.5-.01c2.64 1.08 4.5 3.67 4.5 6.71 0 3.03-1.86 5.62-4.5 6.71"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 19.25l5.24-.01 -.01-5.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 4.74l-5.25 0v5.25"></path></svg>

Free triangle shape 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 4.75l-7 13.5h14l-7-13.5Z"></path></svg>

Stroke cap butt vector icon

Stroke cap butt

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 18.25H9.25V12M17 5.75H9.25V12m0 0H17"></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>

big-arrow-icon-pointing-up-right

Big arrow up right

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 13.5V5.75H10.5M18 6 6.5 17.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free trees 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 18.99v-5.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 18.99v-4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 9.05c-.01-.02-.01-.04-.01-.05 0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25 0 2.34-1.91 4.25-4.25 4.25 -1.09 0-2.09-.41-2.84-1.09"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.25 11.5c0 .23-.03.45-.09.66 -.3 1.19-1.38 2.08-2.67 2.08 -1.52 0-2.75-1.24-2.75-2.75 0-1.52 1.23-2.75 2.75-2.75 .45 0 .87.1 1.25.3 .89.45 1.49 1.38 1.49 2.45Z"></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>

Minimize 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.5 18.5L10 14m8.5-8.5L14 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 13.75h4.25V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 10.25h-4.25V6"></path></svg>

Lightning speed vector icon‍

Lightning speed

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.75 17.75l5.5-7.5h-3.5v-4.5l-5.5 7.5h3.5v4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.99 11.75h-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 16.25h-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 7.75h-5"></path></svg>

Free 3d cube 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 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12l7.25-4M12 12L4.75 8M12 12v8"></path></svg>

Free hashtag 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.5 8.25H20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4l-3 16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 15.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.75 4l-3 16"></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>

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