Double Arrow Down Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Double Arrow Down icon is commonly used in navigation controls, pagination and call-to-action buttons. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310680.svg" alt="Double Arrow Down icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310680.svg" alt="Double Arrow Down icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310680.svg" alt="Double Arrow Down icon" :width="24" :height="24" />
CSS background
.icon-double-arrow-down {
background-image: url('https://proicons.com/icon/310680.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="M19 5.35999L13.2367 11.1233C13.075 11.287 12.8824 11.4169 12.6701 11.5056C12.4578 11.5943 12.2301 11.64 12 11.64C11.7699 11.64 11.5422 11.5943 11.3299 11.5056C11.1176 11.4169 10.925 11.287 10.7633 11.1233L5 5.35999" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 12.36L13.2367 18.1233C13.075 18.287 12.8824 18.4169 12.6701 18.5056C12.4578 18.5943 12.2301 18.64 12 18.64C11.7699 18.64 11.5422 18.5943 11.3299 18.5056C11.1176 18.4169 10.925 18.287 10.7633 18.1233L5 12.36" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Double Arrow Down in other icon packs
Copied!