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

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.75 18.25h6v-6h-6m0 6h-6v-6m6 6v-6m0 0v-6h-6v6m6 0h-6M14.5 6.5h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></svg>

Basketball ball vector icon

Basketball ball

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 2.23-1.02 4.24-2.61 5.57 -1.26 1.04-2.875 1.67-4.64 1.67 -1.84 0-3.51-.69-4.785-1.81 -1.52-1.33-2.465-3.28-2.465-5.45 0-2.18.95-4.12 2.465-5.45C8.485 5.4 10.165 4.72 12 4.72c.09 0 .19 0 .28 0 1.65.06 3.16.68 4.35 1.67 1.59 1.32 2.61 3.33 2.61 5.57Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12H4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.21 6.55c1.51 1.32 2.465 3.27 2.465 5.44 0 2.17-.96 4.11-2.465 5.44"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.64 17.571c-1.6-1.33-2.61-3.34-2.61-5.58s1.01-4.25 2.61-5.58"></path></svg>

Free split arrows 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.75h4.25V10M18 6l-4.5 4.5M10 5.75H5.75V10M6 6l6 6v7"></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-vector-anchor-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.25c1.2426 0 2.25-1.0074 2.25-2.25S13.2426 4.75 12 4.75 9.75 5.7574 9.75 7 10.7574 9.25 12 9.25Zm0 0v10m0 0c4.0041 0 7.25-3.2459 7.25-7.25v-.25H17m-5 7.5c-4.004 0-7.25-3.2459-7.25-7.25v-.25H7" stroke="currentColor" stroke-width="1.5"/></svg>

Free emoji neutral 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="M9 14.25h6"></path></svg>

Free move to bin 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.5H11M7.25 7.75H5m11.75 0H19m-2.25 0V11m-2.5-3.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 13.5L14 17l3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h7"></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="M18.25 4.75h-8c-1.11 0-2 .89-2 2v6.5m10-8.5c-1.11 0-2 .89-2 2v2m2-4c1.1 0 2 .89 2 2 0 1.1-.9 2-2 2h-2m-2.5 9.5c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-6.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h6.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-5.5 -1.5"></path></svg>

Free happy face 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 5l-2.25 7.25H13"></path><circle cx="15" cy="8" r="1" fill="currentColor"></circle><circle cx="7" cy="8" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 13c0 2.89-2.36 5.25-5.25 5.25"></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>

Shopping cart cross vector icon

Shopping cart cross

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 0l2.13 8h7.75l.93-3.75M6.59 7.75h5.38"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Free arrow circulation icon

Arrow circulation

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 5.5l3 3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.99 8.5h-3.5c-1.8 0-3.25 1.45-3.25 3.25 0 1.79 1.45 3.25 3.25 3.25h.71c.98 0 1.92-.4 2.62-1.09l2.16-2.17s0 0 0 0 1.46-1.47 2.16-2.17c.69-.7 1.64-1.09 2.62-1.09 1.79 0 3.25 1.45 3.25 3.25 0 1.79-1.46 3.25-3.25 3.25 -.9 0-1.71-.37-2.3-.96"></path></svg>

Free expand 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 18L18 6m0 12L6 6"></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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 5.75H5.74V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 18.25H5.75V14"></path></svg>

big-arrow-icon-pointing-down-right

Big arrow down right

Copy

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

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 18.25h4.25V5.75H4.75V8M5.75 19c0-.9665-.7835-1.75-1.75-1.75M8.75 19c0-2.6234-2.1266-4.75-4.75-4.75" stroke="currentColor" stroke-width="1.5"/><path d="M11.75 19c0-4.2802-3.4698-7.75-7.75-7.75" stroke="currentColor" stroke-width="1.5"/></svg>

Free file arrow up left icon

File arrow up left

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 11V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.01 13.77h-4.25v4.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14l4.5 4.5"></path></svg>

Power 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 4v7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 7.19c-1.38 1.14-2.25 2.87-2.25 4.8 0 3.45 2.79 6.25 6.25 6.25 3.45 0 6.25-2.8 6.25-6.25 0-1.94-.875-3.66-2.25-4.81"></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="M14.25 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 20.25h1c2.37 0 4.03-2 4-4.25v-1.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.75c2.89 0 5.25-2.36 5.25-5.25V7.75H6.75V9.5c0 2.89 2.35 5.25 5.25 5.25Z"></path></svg>

Free upload cloud 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.5V19"></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>

Mice vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="10" cy="14" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 16.75c2.62 0 4.75-2.13 4.75-4.75 0-2.63-2.13-4.75-4.75-4.75 -.72 0-1.4.15-2.01.44"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.44 19.75h4.55c.82 0 1.5-.68 1.5-1.5 0-.83-.68-1.5-1.5-1.5H3.23l6.51-6.52c-.07-.79.19-1.59.79-2.19 .93-.94 2.37-1.06 3.44-.37 .15.1.3.22.44.36 1.07 1.07 1.07 2.81 0 3.88"></path></svg>

Free repeat once 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 17h7.25V7H16M8 17H4.75V7H8"></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="M12.75 11V4.75C12.75 5.99 11.74 7 10.5 7"></path></svg>

Free seedling 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.75 13.74H12h4.25v5.5h-8.5v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.07v2.17c4.18-.01 6.34-2.31 6.24-6.5 -3.1-.08-5.7 1.14-6.25 4.32Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10V8.92c-.33-3.69-2.52-5.26-6.25-5.18 -.1 4.16 2.19 6.22 6.24 6.24Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 13.24v-2"></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>

Air humidity 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 12.25c1.38 0 2.5-1.12 2.5-2.5C14.5 8.36 12 4.5 12 4.5s-2.5 3.86-2.5 5.25c0 1.38 1.11 2.5 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16l3.18-1.2c.52-.2 1.09-.17 1.59.08l2.32 1.16c.56.28 1.22.28 1.78 0l2.32-1.17c.49-.25 1.07-.28 1.59-.09l3.18 1.19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 18.75l1.18-.45c.52-.2 1.09-.17 1.59.08l2.32 1.16c.56.28 1.22.28 1.78 0l2.32-1.17c.49-.25 1.07-.28 1.59-.09l1.18.44"></path></svg>

File download 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.25 11V9L13 4.75H6.75v13.5h3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 17l-3 3 -3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 20v-7"></path></svg>

Arrow right 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 12H6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 7.5L18 12l-4.5 4.5"></path></svg>

Free file inside arrow right icon

File inside arrow 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="M5.75 18.25V4.75H13L17.25 9v9.25H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.25 10.75L9 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 10.75h4.25V15"></path></svg>

up-chevron-arrow-icon

Chevron arrow up

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 13.5 12 9l4.5 4.5" 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="M6.75 19v-6.75m0 0v-7.5h10.5v7.5H6.75Z"></path></svg>

File upload 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.25 11V9L13 4.75H6.75v13.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 17l-3-3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 14v7"></path></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>

Bell ringing 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.75 15.25V9c0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25v6.25M5 15.25h14m-9.5 3h5"></path><path fill="currentColor" d="M16.773 4.22c1.22 1.22 1.97 2.9 1.97 4.77h1.5c0-2.28-.93-4.35-2.42-5.84l-1.07 1.06ZM5.25 8.99c0-1.87.75-3.56 1.97-4.78L6.15 3.14c-1.5 1.49-2.42 3.55-2.42 5.83h1.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="M14.75 12.75v-8h-5.5v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12.75V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 12.75h-11"></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>

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