Chevron Down Circle Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: chevron down circle arrow navigate collapse expand direction

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

img tag

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.98 1.75C9.95357 1.75396 7.97386 2.35847 6.29089 3.48716C4.60791 4.61584 3.29726 6.21804 2.52453 8.09133C1.7518 9.96462 1.55164 12.0249 1.94939 14.0119C2.34715 15.9989 3.32493 17.8234 4.75921 19.2549C6.19349 20.6864 8.01993 21.6606 10.0077 22.0545C11.9954 22.4484 14.0553 22.2442 15.9271 21.4678C17.7989 20.6915 19.3985 19.3777 20.5239 17.6925C21.6493 16.0073 22.25 14.0264 22.25 12C22.2487 10.6526 21.982 9.31874 21.4651 8.07444C20.9483 6.83014 20.1915 5.69982 19.2378 4.74802C18.2842 3.79622 17.1524 3.04157 15.9071 2.52717C14.6618 2.01277 13.3273 1.74869 11.98 1.75ZM17.25 11.06L13.57 14.83C13.3702 15.0341 13.1324 15.1972 12.87 15.31C12.6087 15.4129 12.3308 15.4672 12.05 15.47C11.7724 15.4671 11.4978 15.4128 11.24 15.31C10.9786 15.1997 10.741 15.0401 10.54 14.84L6.73998 11.06C6.55373 10.8726 6.44921 10.6192 6.44921 10.355C6.44921 10.0908 6.55373 9.83736 6.73998 9.65C6.92734 9.46375 7.18081 9.35921 7.445 9.35921C7.70919 9.35921 7.96265 9.46375 8.15002 9.65L12.02 13.47L15.79 9.66001C15.8819 9.56414 15.9918 9.48732 16.1135 9.43393C16.2351 9.38054 16.366 9.35162 16.4988 9.34884C16.6316 9.34605 16.7636 9.36946 16.8873 9.4177C17.0111 9.46594 17.1241 9.53808 17.22 9.63001C17.3158 9.72193 17.3926 9.83184 17.446 9.95345C17.4994 10.0751 17.5284 10.206 17.5312 10.3388C17.534 10.4716 17.5105 10.6036 17.4623 10.7274C17.414 10.8511 17.3419 10.9641 17.25 11.06Z" fill="black"/>
</svg>