arrow to down left icon

arrow-to-down-left-bold from Solar by 480 Design · Bold · Arrows Action · CC-BY-4.0 Attribution required.

Name
arrow-to-down-left-bold
Set
Solar
Style
Bold
Category
Arrows Action
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

arrow-to-down-left-bold-duotonearrow-to-down-left-brokenarrow-to-down-left-line-duotonearrow-to-down-left-lineararrow-to-down-left-outline

More arrows action icons from Solar

arrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-boldmaximize-square-2-bold

Use the arrow to down 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="M17.5303 13.9697C17.8232 14.2626 17.8232 14.7374 17.5303 15.0303L12.5303 20.0303C12.2374 20.3232 11.7626 20.3232 11.4697 20.0303L6.46967 15.0303C6.17678 14.7374 6.17678 14.2626 6.46967 13.9697C6.76256 13.6768 7.23744 13.6768 7.53033 13.9697L11.25 17.6893L11.25 9.5C11.25 8.78668 11.0298 7.70001 10.3913 6.81323C9.7804 5.96468 8.75556 5.25 7 5.25C6.58579 5.25 6.25 4.91421 6.25 4.5C6.25 4.08579 6.58579 3.75 7 3.75C9.24444 3.75 10.7196 4.70198 11.6087 5.93677C12.4702 7.13332 12.75 8.54665 12.75 9.5L12.75 17.6893L16.4697 13.9697C16.7626 13.6768 17.2374 13.6768 17.5303 13.9697Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarArrowToDownLeftBold(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="M17.5303 13.9697C17.8232 14.2626 17.8232 14.7374 17.5303 15.0303L12.5303 20.0303C12.2374 20.3232 11.7626 20.3232 11.4697 20.0303L6.46967 15.0303C6.17678 14.7374 6.17678 14.2626 6.46967 13.9697C6.76256 13.6768 7.23744 13.6768 7.53033 13.9697L11.25 17.6893L11.25 9.5C11.25 8.78668 11.0298 7.70001 10.3913 6.81323C9.7804 5.96468 8.75556 5.25 7 5.25C6.58579 5.25 6.25 4.91421 6.25 4.5C6.25 4.08579 6.58579 3.75 7 3.75C9.24444 3.75 10.7196 4.70198 11.6087 5.93677C12.4702 7.13332 12.75 8.54665 12.75 9.5L12.75 17.6893L16.4697 13.9697C16.7626 13.6768 17.2374 13.6768 17.5303 13.9697Z" 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="M17.5303 13.9697C17.8232 14.2626 17.8232 14.7374 17.5303 15.0303L12.5303 20.0303C12.2374 20.3232 11.7626 20.3232 11.4697 20.0303L6.46967 15.0303C6.17678 14.7374 6.17678 14.2626 6.46967 13.9697C6.76256 13.6768 7.23744 13.6768 7.53033 13.9697L11.25 17.6893L11.25 9.5C11.25 8.78668 11.0298 7.70001 10.3913 6.81323C9.7804 5.96468 8.75556 5.25 7 5.25C6.58579 5.25 6.25 4.91421 6.25 4.5C6.25 4.08579 6.58579 3.75 7 3.75C9.24444 3.75 10.7196 4.70198 11.6087 5.93677C12.4702 7.13332 12.75 8.54665 12.75 9.5L12.75 17.6893L16.4697 13.9697C16.7626 13.6768 17.2374 13.6768 17.5303 13.9697Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-arrow-to-down-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%22M17.5303%2013.9697C17.8232%2014.2626%2017.8232%2014.7374%2017.5303%2015.0303L12.5303%2020.0303C12.2374%2020.3232%2011.7626%2020.3232%2011.4697%2020.0303L6.46967%2015.0303C6.17678%2014.7374%206.17678%2014.2626%206.46967%2013.9697C6.76256%2013.6768%207.23744%2013.6768%207.53033%2013.9697L11.25%2017.6893L11.25%209.5C11.25%208.78668%2011.0298%207.70001%2010.3913%206.81323C9.7804%205.96468%208.75556%205.25%207%205.25C6.58579%205.25%206.25%204.91421%206.25%204.5C6.25%204.08579%206.58579%203.75%207%203.75C9.24444%203.75%2010.7196%204.70198%2011.6087%205.93677C12.4702%207.13332%2012.75%208.54665%2012.75%209.5L12.75%2017.6893L16.4697%2013.9697C16.7626%2013.6768%2017.2374%2013.6768%2017.5303%2013.9697Z%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%22M17.5303%2013.9697C17.8232%2014.2626%2017.8232%2014.7374%2017.5303%2015.0303L12.5303%2020.0303C12.2374%2020.3232%2011.7626%2020.3232%2011.4697%2020.0303L6.46967%2015.0303C6.17678%2014.7374%206.17678%2014.2626%206.46967%2013.9697C6.76256%2013.6768%207.23744%2013.6768%207.53033%2013.9697L11.25%2017.6893L11.25%209.5C11.25%208.78668%2011.0298%207.70001%2010.3913%206.81323C9.7804%205.96468%208.75556%205.25%207%205.25C6.58579%205.25%206.25%204.91421%206.25%204.5C6.25%204.08579%206.58579%203.75%207%203.75C9.24444%203.75%2010.7196%204.70198%2011.6087%205.93677C12.4702%207.13332%2012.75%208.54665%2012.75%209.5L12.75%2017.6893L16.4697%2013.9697C16.7626%2013.6768%2017.2374%2013.6768%2017.5303%2013.9697Z%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/arrow-to-down-left-bold.svg?color=%231a73e8&size=48