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 trash 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="M7.25 7.75h9.5m-9.5 0v10.5H12M7.25 7.75H5m11.75 0H19m-2.25 0V12m-2.5-4.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></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>

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>

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>

edit-clipboard-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 5.75h-3.5v12.5H10m4.75-12.5h3.5V8.5m-9-4.75v4h5.5v-4h-5.5Zm3.5 13.2499 5.25-5.25L20.25 14 15 19.2501h-2.25v-2.2502Z" stroke="currentColor" stroke-width="1.5"/></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>

simple-aerial-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="9" r="1.5" fill="currentColor"/><path d="M15.0052 5.9949C15.7743 6.7639 16.25 7.8265 16.25 9s-.4757 2.2361-1.2448 3.0052m2.1213-8.1318c1.312 1.312 2.1235 3.1245 2.1235 5.1266 0 2.002-.8115 3.8145-2.1235 5.1265m-8.1317-2.1213C8.2257 11.2362 7.75 10.1737 7.75 9.0001s.4757-2.2361 1.2448-3.0052m-2.1213 8.1317C5.5615 12.8146 4.75 11.0021 4.75 9.0001c0-2.002.8115-3.8146 2.1235-5.1266M9 18.25 12 14l3 4.25H9Z" stroke="currentColor" stroke-width="1.5"/></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>

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>

Switch theme 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="currentColor" d="M4.75 12c0 4 3.24 7.25 7.25 7.25V16c-2.21 0-4-1.8-4-4 0-2.21 1.79-4 4-4V4.75c-4.01 0-7.25 3.24-7.25 7.25Z"></path><path fill="currentColor" d="M16 12c0 2.2-1.8 4-4 4V8c2.2 0 4 1.79 4 4Z"></path></svg>

chevron-down-icon

Chevron arrow down

Copy

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

Free big chevron top icon

Big chevron top

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 14.5L12 8l6.5 6.5"></path></svg>

Free alert octagon 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 8v4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 4.75h3 3L19.25 9v3 3L15 19.25h-3H9L4.75 15v-3V9L9 4.75Z"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></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 alert triangle 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 10v3.5"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.75l-7.75 14.5h15.5L12 4.75Z"></path></svg>

History 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.87 6.87c1.31-1.32 3.12-2.13 5.12-2.13 4 0 7.25 3.24 7.25 7.25 0 4-3.25 7.25-7.25 7.25 -4.01 0-7.25-3.25-7.25-7.25v-2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 8.49v3.49l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M1.75 12l2.99-3 3 3"></path></svg>

Music 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 16l0-10.25H9.24l0 10.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.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="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></svg>

Free swap vertical 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.5 12.5L19 16l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 16H5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 4.5L5 8l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 8h14"></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="M6.75 19v-6.75m0 0v-7.5h10.5v7.5H6.75Z"></path></svg>

Free wall lamp down 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.5 11.75h-5L8 18.25h10l-2.5-6.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 4v4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 6.25H13v5.5"></path></svg>

Free point right 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.5 17.75h3.75v-5h5v-3h-5m-3.75 0h3.75m0 0L10.5 6 6 10.5"></path></svg>

Free polaris 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.48 16.5l2.16-2.17m6.86-6.84l-2.17 2.16m2.16 6.83l-2.17-2.17M7.45 7.47l2.16 2.16m2.35-5.67c0 4.41-3.59 8-8 8 4.41 0 8 3.58 8 8 0-4.42 3.58-8 8-8 -4.42 0-8-3.59-8-8Z"></path></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 paper 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 18.25c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-8.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h8.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-11h-10v8.5"></path></svg>

right-chevron-arrow-icon

Chevron arrow right

Copy

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

Command 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.75 9.75V8c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75h1.75Zm0 0h4.5m-4.5 0v4.5m0 0H8c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75v0c.96 0 1.75-.79 1.75-1.75v-1.75Zm0 0h4.5m0-4.5H16c.96 0 1.75-.79 1.75-1.75v0c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v1.75Zm0 0v4.5m0 0H16c.96 0 1.75.78 1.75 1.75v0c0 .96-.79 1.75-1.75 1.75v0c-.97 0-1.75-.79-1.75-1.75v-1.75Z"></path></svg>

Credit card check vector icon

Credit card 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="M14.5 17.5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 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></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.97 12c-.87-3.04-3.67-5.25-6.98-5.25 -3.32 0-6.11 2.21-6.98 5.25 .86 3.03 3.66 5.24 6.97 5.24 3.31 0 6.1-2.22 6.97-5.25Z"></path></svg>

User edit 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="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 11.75L12.75 17v2.25H15l5.25-5.26L18 11.73Z"></path></svg>

Plug rotated 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.47 15.44c2.05 2.05 5.37 2.05 7.42 0l1.41-1.42 -7.43-7.43L10.45 8c-2.06 2.05-2.06 5.37 0 7.42Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.05 15.8c2.56 2.56 5.13 1.93 7.42-.36"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.01 8.73l3.48-3.49"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.19 11.91l3.35-3.36"></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="M13.75 9l-2-3V3.75h-3.5V6l-2 3v11.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 20.25h3m0 0h3m-3 0v-4m0 0c1.51 0 2.75-1.24 2.75-2.75v-1.75h-5.5v1.75c0 1.51 1.23 2.75 2.75 2.75Z"></path></svg>

Download cloud 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 17.5V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 15l-3 3 -3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 15.67c1.05-.67 1.75-1.84 1.75-3.18 0-1.99-1.55-3.62-3.5-3.75 0-.01 0-.01 0-.01 0-2.35-1.91-4.25-4.25-4.25 -2.35 0-4.25 1.9-4.25 4.25 0 0 0 0 0 0 -1.96.12-3.51 1.75-3.51 3.74 0 1.33.69 2.5 1.75 3.17"></path></svg>

Free battery 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="M20.25 10v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.25 9.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.75 6.75v10.5h13.5V6.75H3.75Z"></path></svg>

Free calendar search icon

Calendar search

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.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.05"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25v8H10m-5.25-8v-3.5h11.5v3.5H4.75Z"></path></svg>

Microphone rotated vector icon

Microphone 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="M17.22 11.67c-1.37 1.36-3.59 1.36-4.95 0 -1.37-1.37-1.37-3.59 0-4.95 1.36-1.37 3.58-1.37 4.94 0 1.36 1.36 1.36 3.58 0 4.94Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.28 12.65l-7.29 5.34 -2-2 5.27-7.19"></path></svg>

Free empty box search icon‍

Empty box search

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 18.25H4.75v-8.5l2-5h10.5l2 5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75H12m7.25 0h-5H12m0 0v-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 16.25c0 1.65-1.35 3-3 3 -1.66 0-3-1.35-3-3 0-1.66 1.34-3 3-3 1.65 0 3 1.34 3 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.19 18.19l3.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