# Chevrons down icon

A free chevrons down icon in SVG, also found under double chevron, scroll down and expand all. Set the stroke weight and the corners, then copy the code or download the file.

- Name: chevrons-down
- Category: [Arrows](https://icons.evanpizzolato.com/categories/arrows/)
- Also found under: double chevron, scroll down, expand all, more
- Page: https://icons.evanpizzolato.com/icons/chevrons-down/
- SVG file: https://icons.evanpizzolato.com/svg/chevrons-down.svg
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/chevrons-down.svg
- License: MIT. Free for personal and commercial use. Attribution is not required.

## SVG

This is the file Copy gives you at the site defaults: square corners and a stroke weight of 1.25.

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="m8 7 8 8 8-8"/>
  <path d="m8 17 8 8 8-8"/>
</svg>
```

## Use it from a CDN

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black, so paste the markup inline to color it with CSS.

```html
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/chevrons-down.svg" width="24" height="24" alt="">
```

## Related icons

- [arrow-down](https://icons.evanpizzolato.com/icons/arrow-down.md)
- [chevron-down](https://icons.evanpizzolato.com/icons/chevron-down.md)
- [chevrons-left](https://icons.evanpizzolato.com/icons/chevrons-left.md)
- [chevrons-right](https://icons.evanpizzolato.com/icons/chevrons-right.md)
- [chevrons-up](https://icons.evanpizzolato.com/icons/chevrons-up.md)
- [arrow-down-left](https://icons.evanpizzolato.com/icons/arrow-down-left.md)
- [arrow-down-right](https://icons.evanpizzolato.com/icons/arrow-down-right.md)
- [arrow-return-down](https://icons.evanpizzolato.com/icons/arrow-return-down.md)