Chevron Down Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

chevron down arrow navigate collapse expand direction

The Chevron Down icon is commonly used in dropdown menus, accordions and breadcrumb navigation. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/307029.svg" alt="Chevron Down icon" width="24" height="24">

<img src="https://proicons.com/icon/307029.svg" alt="Chevron Down icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/307029.svg"
  alt="Chevron Down icon"
  :width="24"
  :height="24"
/>

.icon-chevron-down {
  background-image: url('https://proicons.com/icon/307029.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M3.14598 5.85423L7.64598 10.3542C7.84098 10.5492 8.15798 10.5492 8.35298 10.3542L12.853 5.85423C13.048 5.65923 13.048 5.34223 12.853 5.14723C12.658 4.95223 12.341 4.95223 12.146 5.14723L7.99998 9.29323L3.85398 5.14723C3.65898 4.95223 3.34198 4.95223 3.14698 5.14723C2.95198 5.34223 2.95098 5.65923 3.14598 5.85423Z"/></svg>