square arrow left down icon
square-arrow-left-down-bold-duotone from Solar by 480 Design · Bold Duotone · Arrows · CC-BY-4.0 Attribution required.
- Name
- square-arrow-left-down-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Arrows
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More arrows icons from Solar
alt-arrow-down-boldalt-arrow-left-boldalt-arrow-right-boldalt-arrow-up-boldarrow-down-boldarrow-left-boldarrow-left-down-boldarrow-left-up-boldarrow-right-boldarrow-right-down-boldarrow-right-up-boldarrow-up-bolddouble-alt-arrow-down-bolddouble-alt-arrow-left-bolddouble-alt-arrow-right-bolddouble-alt-arrow-up-boldrefresh-boldrefresh-circle-boldrefresh-square-boldrestart-boldrestart-circle-boldrestart-square-boldround-alt-arrow-down-boldround-alt-arrow-left-bold
Use the square arrow left down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28596 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28596 2 12C2 16.714 2 19.0711 3.46447 20.5355Z" opacity=".5"/><path d="M8.4209 14.8278C8.4209 15.242 8.75668 15.5778 9.1709 15.5778L13.4135 15.5778C13.8278 15.5778 14.1635 15.242 14.1635 14.8278C14.1635 14.4135 13.8278 14.0778 13.4135 14.0778H10.9816L15.3581 9.70123C15.651 9.40834 15.651 8.93346 15.3581 8.64057C15.0652 8.34768 14.5903 8.34768 14.2974 8.64057L9.9209 13.0171L9.9209 10.5851C9.9209 10.1709 9.58511 9.83511 9.1709 9.83511C8.75669 9.83511 8.4209 10.1709 8.4209 10.5851L8.4209 14.8278Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSquareArrowLeftDownBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28596 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28596 2 12C2 16.714 2 19.0711 3.46447 20.5355Z" opacity=".5"/><path d="M8.4209 14.8278C8.4209 15.242 8.75668 15.5778 9.1709 15.5778L13.4135 15.5778C13.8278 15.5778 14.1635 15.242 14.1635 14.8278C14.1635 14.4135 13.8278 14.0778 13.4135 14.0778H10.9816L15.3581 9.70123C15.651 9.40834 15.651 8.93346 15.3581 8.64057C15.0652 8.34768 14.5903 8.34768 14.2974 8.64057L9.9209 13.0171L9.9209 10.5851C9.9209 10.1709 9.58511 9.83511 9.1709 9.83511C8.75669 9.83511 8.4209 10.1709 8.4209 10.5851L8.4209 14.8278Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28596 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28596 2 12C2 16.714 2 19.0711 3.46447 20.5355Z" opacity=".5"/><path d="M8.4209 14.8278C8.4209 15.242 8.75668 15.5778 9.1709 15.5778L13.4135 15.5778C13.8278 15.5778 14.1635 15.242 14.1635 14.8278C14.1635 14.4135 13.8278 14.0778 13.4135 14.0778H10.9816L15.3581 9.70123C15.651 9.40834 15.651 8.93346 15.3581 8.64057C15.0652 8.34768 14.5903 8.34768 14.2974 8.64057L9.9209 13.0171L9.9209 10.5851C9.9209 10.1709 9.58511 9.83511 9.1709 9.83511C8.75669 9.83511 8.4209 10.1709 8.4209 10.5851L8.4209 14.8278Z"/></g></svg> </template>
CSS
.icon-square-arrow-left-down-bold-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%207.28596%2022%204.92893%2020.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28596%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8.4209%2014.8278C8.4209%2015.242%208.75668%2015.5778%209.1709%2015.5778L13.4135%2015.5778C13.8278%2015.5778%2014.1635%2015.242%2014.1635%2014.8278C14.1635%2014.4135%2013.8278%2014.0778%2013.4135%2014.0778H10.9816L15.3581%209.70123C15.651%209.40834%2015.651%208.93346%2015.3581%208.64057C15.0652%208.34768%2014.5903%208.34768%2014.2974%208.64057L9.9209%2013.0171L9.9209%2010.5851C9.9209%2010.1709%209.58511%209.83511%209.1709%209.83511C8.75669%209.83511%208.4209%2010.1709%208.4209%2010.5851L8.4209%2014.8278Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%207.28596%2022%204.92893%2020.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28596%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M8.4209%2014.8278C8.4209%2015.242%208.75668%2015.5778%209.1709%2015.5778L13.4135%2015.5778C13.8278%2015.5778%2014.1635%2015.242%2014.1635%2014.8278C14.1635%2014.4135%2013.8278%2014.0778%2013.4135%2014.0778H10.9816L15.3581%209.70123C15.651%209.40834%2015.651%208.93346%2015.3581%208.64057C15.0652%208.34768%2014.5903%208.34768%2014.2974%208.64057L9.9209%2013.0171L9.9209%2010.5851C9.9209%2010.1709%209.58511%209.83511%209.1709%209.83511C8.75669%209.83511%208.4209%2010.1709%208.4209%2010.5851L8.4209%2014.8278Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/square-arrow-left-down-bold-duotone.svg?color=%231a73e8&size=48
