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

Trash minus 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.25 7.75h9.5m-9.5 0v10.5H12M7.25 7.75H5m11.75 0H19m-2.25 0V14m-2.5-6.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h6"></path></svg>

Minimise 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 9.25h-4.25V5M19 14.75h-4.25V19m-5.5 0v-4.25H5m0-5.5h4.25V5"></path></svg>

Map 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="M9.25 4.75l-4.5 1v12.5l4.5-1m0-12.5l5.5 2m-5.5-2v12.5m0 0l5.5 2m0-12.5l4.5-1v12.5l-4.5 1m0-12.5v12.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="M13.5 4.5L19 10l-5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10H5v9"></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>

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>

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>

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>

Free credit card plus icon

Credit card 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="M13 18.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 15v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 18h3.5H21"></path></svg>

Line chart increase vector icon

Line chart increase

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.75L13 13l-2-2 -2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.75h4.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5v13.25H19"></path></svg>

Shuffle 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.5l13-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 5.5L10 10m8.5 8.5L14 14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 5.75h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 18.25h4.25V14"></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>

Calendar schedule vector icon

Calendar schedule

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 8.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 13.49v2.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>

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 iconjar 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 9.5l-1.25-1.25v-2.5h-7.5v2.5l-1.5 1.5v8.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.94 16.94c.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 0l2.55 2.55"></path></svg>

Search globe icon

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-1.7949 0-3.25-3.2459-3.25-7.25m-4 0c0-4.004 3.246-7.25 7.25-7.25M4.75 12h4M12 4.75c-1.7949 0-3.25 3.246-3.25 7.25M12 4.75c1.4011 0 2.5951 1.9777 3.0516 4.75M12 4.75c3.1255 0 5.789 1.9777 6.8074 4.75M8.75 12H11m6.4445 4.4445A2.741 2.741 0 0 0 18.25 14.5c0-1.5188-1.2312-2.75-2.75-2.75s-2.75 1.2312-2.75 2.75 1.2312 2.75 2.75 2.75a2.741 2.741 0 0 0 1.9445-.8055Zm0 0L20.5 19.5" stroke="currentColor" stroke-width="1.5"/></svg>

Gallery 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 5.75H5.75v12.5h12.5V5.75Z"></path><circle cx="9.5" cy="9.5" r="1.5" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25L12 12.5l6.25 5.75"></path></svg>

Free crown 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 7.5v8.75h12.5V7.5l-3.25 3 -3-3 -3 3 -3.25-3Z"></path></svg>

Free emoji smile 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><circle cx="14" cy="10" r="1" fill="currentColor"></circle><circle cx="10" cy="10" 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></svg>

Free code bracket 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 18.75l4-13.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 8.5l-4 3.5 4 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8.5l4 3.5 -4 3.5"></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 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>

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

Train track 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.25 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 7.25h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 12h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 16.75h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 4v16"></path></svg>

Free search area 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.44 16.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.05m-10.5-1.25H4.74v-4.25m14.5-4V5.74H14.61M4.74 9.99V5.74h4.25"></path></svg>

vector-svg-award-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12.6742V20L12 17.5 8.25 20v-7.3258m7.5 0c.9279-.9469 1.5-2.2437 1.5-3.6742 0-2.8995-2.3505-5.25-5.25-5.25S6.75 6.1005 6.75 9c0 1.4305.5721 2.7273 1.5 3.6742m7.5 0c-.9529.9724-2.281 1.5758-3.75 1.5758-1.469 0-2.7971-.6034-3.75-1.5758" stroke="currentColor" stroke-width="1.5"/></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.75 12.51C17.75 16.0667 15.0486 18.26 12 18.26C8.95139 18.26 6.25 16.0667 6.25 12.51C6.25 8.95329 8.95139 4.25 12 4.25C15.0486 4.25 17.75 8.95329 17.75 12.51Z" stroke="black" stroke-width="1.5"></path></svg>

Free file minus inside icon

File minus 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="M17.25 13V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16h3.5H19"></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 mail 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="M5.25 6.75h13.5m-13.5 0v10.5H12M5.25 6.75L12 12l6.75-5.25m0 0V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 16h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Lamp 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 5v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 15.25v.5c0 1.38 1.11 2.5 2.5 2.5 1.38 0 2.5-1.12 2.5-2.5v-.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 8.75h-5L7 15.25h10l-2.5-6.5Z"></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.75 9.75h2.01c.82 0 1.48.67 1.48 1.5v1.5c0 .82-.68 1.5-1.5 1.5h-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h-10v6.5c0 1.1.89 2 2 2h6c1.1 0 2-.9 2-2v-6.5Z"></path></svg>

Free wallet 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 5.75h8.75v3H5.5v-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 8.75h12.75v8.5H5.5v-8.5Z"></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 16h7.25V6H4.75v10H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.5L11 16l3.5 3.5"></path></svg>

Mouse 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="M5 8v11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M2 11l2.99-3 3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.88 12.63l-2.64 4.61 -3.5-10.75 10.75 4.5 -4.62 1.63Z"></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