arrow big down short icon

arrow-big-down-short-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.

Name
arrow-big-down-short-sharp-two-tone
Set
Keyline Icons
Style
Sharp Two Tone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

arrow-big-down-shortarrow-big-down-short-duotonearrow-big-down-short-fillarrow-big-down-short-sharparrow-big-down-short-sharp-duotonearrow-big-down-short-sharp-fillarrow-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"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11.2929 21.7071L1.2929 11.7071C1.0069 11.4211 0.9213 10.991 1.0761 10.6173C1.2309 10.2436 1.5955 10 2 10L6 10L6 3C6 2.4477 6.4477 2 7 2L17 2C17.5523 2 18 2.4477 18 3L18 10L22 10C22.4045 10 22.7691 10.2436 22.9239 10.6173C23.0787 10.991 22.9931 11.4211 22.7071 11.7071L12.7071 21.7071C12.3166 22.0976 11.6834 22.0976 11.2929 21.7071Z" stroke="none"/><path d="M12 21L2 11L7 11L7 3L17 3L17 11L22 11Z"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsArrowBigDownShortSharpTwoTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M11.2929 21.7071L1.2929 11.7071C1.0069 11.4211 0.9213 10.991 1.0761 10.6173C1.2309 10.2436 1.5955 10 2 10L6 10L6 3C6 2.4477 6.4477 2 7 2L17 2C17.5523 2 18 2.4477 18 3L18 10L22 10C22.4045 10 22.7691 10.2436 22.9239 10.6173C23.0787 10.991 22.9931 11.4211 22.7071 11.7071L12.7071 21.7071C12.3166 22.0976 11.6834 22.0976 11.2929 21.7071Z" stroke="none"/><path d="M12 21L2 11L7 11L7 3L17 3L17 11L22 11Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11.2929 21.7071L1.2929 11.7071C1.0069 11.4211 0.9213 10.991 1.0761 10.6173C1.2309 10.2436 1.5955 10 2 10L6 10L6 3C6 2.4477 6.4477 2 7 2L17 2C17.5523 2 18 2.4477 18 3L18 10L22 10C22.4045 10 22.7691 10.2436 22.9239 10.6173C23.0787 10.991 22.9931 11.4211 22.7071 11.7071L12.7071 21.7071C12.3166 22.0976 11.6834 22.0976 11.2929 21.7071Z" stroke="none"/><path d="M12 21L2 11L7 11L7 3L17 3L17 11L22 11Z"/></g></svg>
</template>

CSS

.icon-arrow-big-down-short-sharp-two-tone {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11.2929%2021.7071L1.2929%2011.7071C1.0069%2011.4211%200.9213%2010.991%201.0761%2010.6173C1.2309%2010.2436%201.5955%2010%202%2010L6%2010L6%203C6%202.4477%206.4477%202%207%202L17%202C17.5523%202%2018%202.4477%2018%203L18%2010L22%2010C22.4045%2010%2022.7691%2010.2436%2022.9239%2010.6173C23.0787%2010.991%2022.9931%2011.4211%2022.7071%2011.7071L12.7071%2021.7071C12.3166%2022.0976%2011.6834%2022.0976%2011.2929%2021.7071Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2021L2%2011L7%2011L7%203L17%203L17%2011L22%2011Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11.2929%2021.7071L1.2929%2011.7071C1.0069%2011.4211%200.9213%2010.991%201.0761%2010.6173C1.2309%2010.2436%201.5955%2010%202%2010L6%2010L6%203C6%202.4477%206.4477%202%207%202L17%202C17.5523%202%2018%202.4477%2018%203L18%2010L22%2010C22.4045%2010%2022.7691%2010.2436%2022.9239%2010.6173C23.0787%2010.991%2022.9931%2011.4211%2022.7071%2011.7071L12.7071%2021.7071C12.3166%2022.0976%2011.6834%2022.0976%2011.2929%2021.7071Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2021L2%2011L7%2011L7%203L17%203L17%2011L22%2011Z%22%2F%3E%3C%2Fg%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-sharp-two-tone.svg?color=%231a73e8&size=48