cart arrow down icon

cart-arrow-down from Font Awesome 6 Solid by Dave Gandy · Regular · Arrows · CC-BY-4.0 Attribution required.

Name: cart-arrow-down
Set: Font Awesome 6 Solid
Style: Regular
Category: Arrows
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

cart-arrow-downFont Awesome Solid cart-arrow-downLine Awesome cart-arrow-downMaterial Design Icons cart-arrow-downPrime Icons

More arrows icons from Font Awesome 6 Solid

Use the cart arrow down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24s10.7 24 24 24h45.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5l-5.4-28.5h288.5c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32H360v102.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23L312 32H120.1C111 12.8 91.6 0 69.5 0zm152 512a48 48 0 1 0 0-96a48 48 0 1 0 0 96m336-48a48 48 0 1 0-96 0a48 48 0 1 0 96 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCartArrowDown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24s10.7 24 24 24h45.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5l-5.4-28.5h288.5c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32H360v102.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23L312 32H120.1C111 12.8 91.6 0 69.5 0zm152 512a48 48 0 1 0 0-96a48 48 0 1 0 0 96m336-48a48 48 0 1 0-96 0a48 48 0 1 0 96 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M24 0C10.7 0 0 10.7 0 24s10.7 24 24 24h45.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5l-5.4-28.5h288.5c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32H360v102.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23L312 32H120.1C111 12.8 91.6 0 69.5 0zm152 512a48 48 0 1 0 0-96a48 48 0 1 0 0 96m336-48a48 48 0 1 0-96 0a48 48 0 1 0 96 0"/></svg>
</template>

CSS

.icon-cart-arrow-down {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%200C10.7%200%200%2010.7%200%2024s10.7%2024%2024%2024h45.5c3.8%200%207.1%202.7%207.9%206.5l51.6%20271c6.5%2034%2036.2%2058.5%2070.7%2058.5H488c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H199.7c-11.5%200-21.4-8.2-23.6-19.5l-5.4-28.5h288.5c32.6%200%2061.1-21.8%2069.5-53.3l41-152.3C576.6%2057%20557.4%2032%20531.1%2032H360v102.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-64%2064c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l23%2023L312%2032H120.1C111%2012.8%2091.6%200%2069.5%200zm152%20512a48%2048%200%201%200%200-96a48%2048%200%201%200%200%2096m336-48a48%2048%200%201%200-96%200a48%2048%200%201%200%2096%200%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%200C10.7%200%200%2010.7%200%2024s10.7%2024%2024%2024h45.5c3.8%200%207.1%202.7%207.9%206.5l51.6%20271c6.5%2034%2036.2%2058.5%2070.7%2058.5H488c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H199.7c-11.5%200-21.4-8.2-23.6-19.5l-5.4-28.5h288.5c32.6%200%2061.1-21.8%2069.5-53.3l41-152.3C576.6%2057%20557.4%2032%20531.1%2032H360v102.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-64%2064c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l23%2023L312%2032H120.1C111%2012.8%2091.6%200%2069.5%200zm152%20512a48%2048%200%201%200%200-96a48%2048%200%201%200%200%2096m336-48a48%2048%200%201%200-96%200a48%2048%200%201%200%2096%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/cart-arrow-down.svg?color=%231a73e8&size=48