arrow big down short icon

arrow-big-down-short-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
arrow-big-down-short-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

arrow-big-down-shortarrow-big-down-short-duotonearrow-big-down-short-sharparrow-big-down-short-sharp-duotonearrow-big-down-short-sharp-fillarrow-big-down-short-sharp-two-tonearrow-big-down-short-two-tone

Related icons in Keyline Icons

arrow-big-downarrow-big-leftarrow-big-left-shortarrow-big-rightarrow-big-right-shortarrow-big-uparrow-big-up-shortarrow-downarrow-down-dashed-panelarrow-down-leftarrow-down-left-dashed-panelarrow-down-narrow-widearrow-down-rightarrow-down-right-dashed-panelarrow-down-wide-narrowarrow-in-down-dashed-panelarrow-in-down-left-dashed-panelarrow-in-down-right-dashed-panelarrow-in-left-dashed-panelarrow-in-right-dashed-panelarrow-in-up-dashed-panelarrow-in-up-left-dashed-panelarrow-in-up-right-dashed-panelarrow-left

Use the arrow big down short icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5858 21.4142L1.5858 12.4142C1.2999 12.1283 1.114 11.7699 1.0384 11.3902C0.9629 11.0106 0.9974 10.6082 1.1522 10.2346C1.307 9.861 1.567 9.5521 1.8889 9.337C2.2107 9.122 2.5956 9 3 9L6 9L6 4C6 3.448 6.2249 2.9466 6.5858 2.5858C6.9466 2.2249 7.448 2 8 2L16 2C16.552 2 17.0534 2.2249 17.4142 2.5858C17.7751 2.9466 18 3.448 18 4L18 9L21 9C21.4044 9 21.7893 9.122 22.1111 9.337C22.433 9.5521 22.693 9.861 22.8478 10.2346C23.0026 10.6082 23.0371 11.0106 22.9616 11.3902C22.886 11.7699 22.7001 12.1283 22.4142 12.4142L13.4142 21.4142C13.0239 21.8045 12.5103 22 12 22C11.4897 22 10.9761 21.8045 10.5858 21.4142Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsArrowBigDownShortFill(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" d="M10.5858 21.4142L1.5858 12.4142C1.2999 12.1283 1.114 11.7699 1.0384 11.3902C0.9629 11.0106 0.9974 10.6082 1.1522 10.2346C1.307 9.861 1.567 9.5521 1.8889 9.337C2.2107 9.122 2.5956 9 3 9L6 9L6 4C6 3.448 6.2249 2.9466 6.5858 2.5858C6.9466 2.2249 7.448 2 8 2L16 2C16.552 2 17.0534 2.2249 17.4142 2.5858C17.7751 2.9466 18 3.448 18 4L18 9L21 9C21.4044 9 21.7893 9.122 22.1111 9.337C22.433 9.5521 22.693 9.861 22.8478 10.2346C23.0026 10.6082 23.0371 11.0106 22.9616 11.3902C22.886 11.7699 22.7001 12.1283 22.4142 12.4142L13.4142 21.4142C13.0239 21.8045 12.5103 22 12 22C11.4897 22 10.9761 21.8045 10.5858 21.4142Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5858 21.4142L1.5858 12.4142C1.2999 12.1283 1.114 11.7699 1.0384 11.3902C0.9629 11.0106 0.9974 10.6082 1.1522 10.2346C1.307 9.861 1.567 9.5521 1.8889 9.337C2.2107 9.122 2.5956 9 3 9L6 9L6 4C6 3.448 6.2249 2.9466 6.5858 2.5858C6.9466 2.2249 7.448 2 8 2L16 2C16.552 2 17.0534 2.2249 17.4142 2.5858C17.7751 2.9466 18 3.448 18 4L18 9L21 9C21.4044 9 21.7893 9.122 22.1111 9.337C22.433 9.5521 22.693 9.861 22.8478 10.2346C23.0026 10.6082 23.0371 11.0106 22.9616 11.3902C22.886 11.7699 22.7001 12.1283 22.4142 12.4142L13.4142 21.4142C13.0239 21.8045 12.5103 22 12 22C11.4897 22 10.9761 21.8045 10.5858 21.4142Z"/></svg>
</template>

CSS

.icon-arrow-big-down-short-fill {
  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%20d%3D%22M10.5858%2021.4142L1.5858%2012.4142C1.2999%2012.1283%201.114%2011.7699%201.0384%2011.3902C0.9629%2011.0106%200.9974%2010.6082%201.1522%2010.2346C1.307%209.861%201.567%209.5521%201.8889%209.337C2.2107%209.122%202.5956%209%203%209L6%209L6%204C6%203.448%206.2249%202.9466%206.5858%202.5858C6.9466%202.2249%207.448%202%208%202L16%202C16.552%202%2017.0534%202.2249%2017.4142%202.5858C17.7751%202.9466%2018%203.448%2018%204L18%209L21%209C21.4044%209%2021.7893%209.122%2022.1111%209.337C22.433%209.5521%2022.693%209.861%2022.8478%2010.2346C23.0026%2010.6082%2023.0371%2011.0106%2022.9616%2011.3902C22.886%2011.7699%2022.7001%2012.1283%2022.4142%2012.4142L13.4142%2021.4142C13.0239%2021.8045%2012.5103%2022%2012%2022C11.4897%2022%2010.9761%2021.8045%2010.5858%2021.4142Z%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%20d%3D%22M10.5858%2021.4142L1.5858%2012.4142C1.2999%2012.1283%201.114%2011.7699%201.0384%2011.3902C0.9629%2011.0106%200.9974%2010.6082%201.1522%2010.2346C1.307%209.861%201.567%209.5521%201.8889%209.337C2.2107%209.122%202.5956%209%203%209L6%209L6%204C6%203.448%206.2249%202.9466%206.5858%202.5858C6.9466%202.2249%207.448%202%208%202L16%202C16.552%202%2017.0534%202.2249%2017.4142%202.5858C17.7751%202.9466%2018%203.448%2018%204L18%209L21%209C21.4044%209%2021.7893%209.122%2022.1111%209.337C22.433%209.5521%2022.693%209.861%2022.8478%2010.2346C23.0026%2010.6082%2023.0371%2011.0106%2022.9616%2011.3902C22.886%2011.7699%2022.7001%2012.1283%2022.4142%2012.4142L13.4142%2021.4142C13.0239%2021.8045%2012.5103%2022%2012%2022C11.4897%2022%2010.9761%2021.8045%2010.5858%2021.4142Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/arrow-big-down-short-fill.svg?color=%231a73e8&size=48