Caret Down Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Caret Down icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310593.svg" alt="Caret Down icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310593.svg" alt="Caret Down icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310593.svg" alt="Caret Down icon" :width="24" :height="24" />
CSS background
.icon-caret-down {
background-image: url('https://proicons.com/icon/310593.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="M12.7773 15.6283L18.8711 8.85909C18.9365 8.7847 18.9792 8.69313 18.9941 8.59523C19.009 8.49733 18.9955 8.39722 18.9551 8.30678C18.9147 8.21633 18.8492 8.13936 18.7664 8.08498C18.6835 8.0306 18.5868 8.00111 18.4876 8H5.51237C5.41323 8.00111 5.31649 8.0306 5.23363 8.08498C5.15077 8.13936 5.08527 8.21633 5.0449 8.30678C5.00453 8.39722 4.99099 8.49733 5.00588 8.59523C5.02077 8.69313 5.06348 8.7847 5.12892 8.85909L11.2227 15.6697C11.3229 15.7773 11.4448 15.8624 11.5805 15.9193C11.7161 15.9762 11.8623 16.0035 12.0094 15.9996C12.1564 15.9957 12.3009 15.9606 12.4334 15.8966C12.5658 15.8325 12.683 15.7411 12.7773 15.6283Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Caret Down in other icon packs
Copied!