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

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 recycle 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.3 12.55l-1.57 2.68c-.78 1.33.18 3 1.72 3h3.52m7.69-5.7l1.56 2.68c.77 1.33-.19 3-1.73 3h-3.53m1.62-9.25l-1.9-3.28c-.78-1.33-2.69-1.33-3.46-.01l-1.9 3.27"></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>

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 orders 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 8.25h8m-8 3h4m-6.25-6.5h12.5v14.5L15 17l-3 2.25L9 17l-3.25 2.25V4.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>

Artboard 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 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 7.75h6 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></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>

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>

Free folder 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="M19.25 18.75V7.25h-7.5v-2.5h-7v14h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 10.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 10.5l5 5"></path></svg>

Free support 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.298 9.701c-.589-.589-1.401-.952-2.299-.952 -.898 0-1.71.363-2.299.951m4.5962 0c.588.588.951 1.4.951 2.298 0 .897-.364 1.71-.952 2.298m0-4.5962l2.828-2.829m0 0c-1.312-1.312-3.125-2.124-5.1265-2.124 -2.003 0-3.815.811-5.127 2.123m10.253 0c1.312 1.311 2.1235 3.124 2.1235 5.126 0 2.002-.812 3.814-2.1235 5.1265M9.697 9.697c-.589.588-.952 1.4-.952 2.298 0 .897.363 1.71.951 2.298m0-4.5962L6.867 6.868m2.828 7.424l-2.829 2.828m2.828-2.829c.588.588 1.4.951 2.298.951 .897 0 1.71-.364 2.298-.952m0 0l2.828 2.828M6.864 6.864c-1.312 1.311-2.124 3.124-2.124 5.126 0 2.002.811 3.814 2.123 5.1265m0 0c1.311 1.312 3.124 2.1235 5.126 2.1235 2.002 0 3.814-.812 5.1265-2.1235"></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 18.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.25C9.37 4.25 7.25 6.37 7.25 9c0 1.8 1.01 3.38 2.5 4.18v2.06h4.49v-2.07c1.48-.81 2.5-2.38 2.5-4.19 0-2.63-2.13-4.75-4.75-4.75Z"></path></svg>

Small grid dots vector icon

Small grid dots

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="6.5" cy="6.5" r="1.25" fill="currentColor"></circle><circle cx="6.5" cy="12" r="1.25" fill="currentColor"></circle><circle cx="6.5" cy="17.5" r="1.25" fill="currentColor"></circle><circle cx="12" cy="6.5" r="1.25" fill="currentColor"></circle><circle cx="12" cy="12" r="1.25" fill="currentColor"></circle><circle cx="12" cy="17.5" r="1.25" fill="currentColor"></circle><circle cx="17.5" cy="6.5" r="1.25" fill="currentColor"></circle><circle cx="17.5" cy="12" r="1.25" fill="currentColor"></circle><circle cx="17.5" cy="17.5" r="1.25" fill="currentColor"></circle></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>

Free pencil 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 18.25h3.5l7-7.01 2.25-2.25 -3.5-3.5 -2.25 2.25 -7 7v3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 11.25l-3.5-3.5"></path></svg>

Free small square check icon

Small square 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="M9 12l2 2 4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5H5.75Z"></path></svg>

Free cross circle 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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.17 9.17l2.82 2.82m0 0c1.17 1.17 2.82 2.82 2.82 2.82m-2.83-2.83l2.82-2.83m-2.83 2.82l-2.83 2.82"></path></svg>

Free emoji blink 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="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.04 0-1.98-.42-2.66-1.1"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 10.25h3"></path></svg>

Shield warning 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><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Free mice 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.34 12.15c-1.47-1.47-1.47-3.84 0-5.31 1.46-1.47 3.83-1.47 5.3 0 1.46 1.46 1.46 3.83 0 5.3m1.34 6.09H4.48l7.85-7.86"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></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>

Free arrow right circle icon

Arrow right circle

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="M8 12h6.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9l3 3 -3 3"></path></svg>

Arrow up left circle vector icon

Arrow up left 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="M10 10l4.5 4.5"></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="M14 9.75H9.75V14"></path></svg>

Arrow up 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="M16.25 14V7.75H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 8.5l-9 9"></path></svg>

Free arrow 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="M16.5 13.5L12 18l-4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18V6"></path></svg>

Free folder 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="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 13h3.5H15"></path></svg>

Folder important vector icon

Folder important

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 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v3"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Free chevrons 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="M7.5 17.5L12 13l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 12.5L12 8l4.5 4.5"></path></svg>

Free wine glass

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 13Z"></path></svg>

Free medicine 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.75c-2.08 0-3.75 1.67-3.75 3.75v7c0 2.07 1.67 3.75 3.75 3.75 2.07 0 3.75-1.68 3.75-3.75v-7c0-2.08-1.68-3.75-3.75-3.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 12h-7.5"></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 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>

Users vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="10.5" cy="8.5" r="2.75" 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-2h5.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 19v-2.75c0-1.11-.9-2-2-2H17"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 11.25c1.51 0 2.75-1.24 2.75-2.75 0-1.52-1.24-2.75-2.75-2.75"></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>

Check list 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.5 13.5L11 17l8.5-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 6.75h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10.25h5"></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>

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