square arrow left icon
square-arrow-left-bold from Solar by 480 Design · Bold · Arrows · CC-BY-4.0 Attribution required.
- Name
- square-arrow-left-bold
- Set
- Solar
- Style
- Bold
- Category
- Arrows
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.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.28595 22 4.92893 20.5355 3.46447ZM16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H9.81066L11.5303 14.4697C11.8232 14.7626 11.8232 15.2374 11.5303 15.5303C11.2374 15.8232 10.7626 15.8232 10.4697 15.5303L7.46967 12.5303C7.32902 12.3897 7.25 12.1989 7.25 12C7.25 11.8011 7.32902 11.6103 7.46967 11.4697L10.4697 8.46967C10.7626 8.17678 11.2374 8.17678 11.5303 8.46967C11.8232 8.76256 11.8232 9.23744 11.5303 9.53033L9.81066 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarSquareArrowLeftBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.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.28595 22 4.92893 20.5355 3.46447ZM16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H9.81066L11.5303 14.4697C11.8232 14.7626 11.8232 15.2374 11.5303 15.5303C11.2374 15.8232 10.7626 15.8232 10.4697 15.5303L7.46967 12.5303C7.32902 12.3897 7.25 12.1989 7.25 12C7.25 11.8011 7.32902 11.6103 7.46967 11.4697L10.4697 8.46967C10.7626 8.17678 11.2374 8.17678 11.5303 8.46967C11.8232 8.76256 11.8232 9.23744 11.5303 9.53033L9.81066 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.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.28595 22 4.92893 20.5355 3.46447ZM16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H9.81066L11.5303 14.4697C11.8232 14.7626 11.8232 15.2374 11.5303 15.5303C11.2374 15.8232 10.7626 15.8232 10.4697 15.5303L7.46967 12.5303C7.32902 12.3897 7.25 12.1989 7.25 12C7.25 11.8011 7.32902 11.6103 7.46967 11.4697L10.4697 8.46967C10.7626 8.17678 11.2374 8.17678 11.5303 8.46967C11.8232 8.76256 11.8232 9.23744 11.5303 9.53033L9.81066 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-square-arrow-left-bold {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.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.28595%2022%204.92893%2020.5355%203.46447ZM16.75%2012C16.75%2012.4142%2016.4142%2012.75%2016%2012.75H9.81066L11.5303%2014.4697C11.8232%2014.7626%2011.8232%2015.2374%2011.5303%2015.5303C11.2374%2015.8232%2010.7626%2015.8232%2010.4697%2015.5303L7.46967%2012.5303C7.32902%2012.3897%207.25%2012.1989%207.25%2012C7.25%2011.8011%207.32902%2011.6103%207.46967%2011.4697L10.4697%208.46967C10.7626%208.17678%2011.2374%208.17678%2011.5303%208.46967C11.8232%208.76256%2011.8232%209.23744%2011.5303%209.53033L9.81066%2011.25H16C16.4142%2011.25%2016.75%2011.5858%2016.75%2012Z%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.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.28595%2022%204.92893%2020.5355%203.46447ZM16.75%2012C16.75%2012.4142%2016.4142%2012.75%2016%2012.75H9.81066L11.5303%2014.4697C11.8232%2014.7626%2011.8232%2015.2374%2011.5303%2015.5303C11.2374%2015.8232%2010.7626%2015.8232%2010.4697%2015.5303L7.46967%2012.5303C7.32902%2012.3897%207.25%2012.1989%207.25%2012C7.25%2011.8011%207.32902%2011.6103%207.46967%2011.4697L10.4697%208.46967C10.7626%208.17678%2011.2374%208.17678%2011.5303%208.46967C11.8232%208.76256%2011.8232%209.23744%2011.5303%209.53033L9.81066%2011.25H16C16.4142%2011.25%2016.75%2011.5858%2016.75%2012Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/square-arrow-left-bold.svg?color=%231a73e8&size=48
