Down Left Arrow Icon
Free SVG icon from the Skware collection. Download or copy for use in any project.
The Down Left Arrow 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/312485.svg" alt="Down Left Arrow icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/312485.svg" alt="Down Left Arrow icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/312485.svg" alt="Down Left Arrow icon" :width="24" :height="24" />
CSS background
.icon-down-left-arrow {
background-image: url('https://proicons.com/icon/312485.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <polygon points="17,5 17,6 16,6 16,7 15,7 15,8 14,8 14,9 13,9 13,10 12,10 12,11 11,11 11,12 10,12 10,13 9,13 9,14 8,14 8,15 7,15 7,9 5,9 5,19 15,19 15,17 9,17 9,16 10,16 10,15 11,15 11,14 12,14 12,13 13,13 13,12 14,12 14,11 15,11 15,10 16,10 16,9 17,9 17,8 18,8 18,7 19,7 19,5 "/> </svg>
Down Left Arrow in other icon packs
Copied!