arrows down to people icon

arrows-down-to-people from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: arrows-down-to-people
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

arrows-down-to-peopleFont Awesome 6 Solid

Related icons in Font Awesome Solid

arrows-alt arrows-alt-h arrows-alt-v arrows-down-to-line arrows-h arrows-left-right arrows-left-right-to-line arrows-rotate arrows-spin arrows-split-up-and-left arrows-to-circle arrows-to-dot arrows-to-eye arrows-turn-right arrows-turn-to-dots arrows-up-down arrows-up-down-left-right arrows-up-to-line arrows-v

Use the arrows down to people icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M177 217c-9.4 9.4-24.6 9.4-33.9 0L79 153c-9.3-9.4-9.3-24.6 0-34s24.6-9.3 34 0l23 23.1V56c0-13.3 10.7-24 24-24s24 10.7 24 24v86.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64zm320 0c-9.4 9.4-24.6 9.4-33.9 0L399 153c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23V56c0-13.3 10.7-24 24-24s24 10.7 24 24v86.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64zm-177 39c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m0 160c53 0 96 43 96 96v32c0 17.7-14.3 32-32 32H256c-17.7 0-32-14.3-32-32v-32c0-53 43-96 96-96M96 352c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m352 0c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m-304 80c15.3 0 29.6 4.3 41.8 11.8c-6.3 16.2-9.8 33.8-9.8 52.2v48c0 11.4 2.4 22.2 6.7 32H94.9C77.8 576 64 562.2 64 545.1V512c0-44.2 35.8-80 80-80m313.3 144c4.3-9.8 6.7-20.6 6.7-32v-48c0-18.4-3.5-36-9.8-52.2c12.2-7.5 26.5-11.8 41.8-11.8c44.2 0 80 35.8 80 80v33.1c0 17-13.8 30.9-30.9 30.9z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidArrowsDownToPeople(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M177 217c-9.4 9.4-24.6 9.4-33.9 0L79 153c-9.3-9.4-9.3-24.6 0-34s24.6-9.3 34 0l23 23.1V56c0-13.3 10.7-24 24-24s24 10.7 24 24v86.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64zm320 0c-9.4 9.4-24.6 9.4-33.9 0L399 153c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23V56c0-13.3 10.7-24 24-24s24 10.7 24 24v86.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64zm-177 39c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m0 160c53 0 96 43 96 96v32c0 17.7-14.3 32-32 32H256c-17.7 0-32-14.3-32-32v-32c0-53 43-96 96-96M96 352c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m352 0c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m-304 80c15.3 0 29.6 4.3 41.8 11.8c-6.3 16.2-9.8 33.8-9.8 52.2v48c0 11.4 2.4 22.2 6.7 32H94.9C77.8 576 64 562.2 64 545.1V512c0-44.2 35.8-80 80-80m313.3 144c4.3-9.8 6.7-20.6 6.7-32v-48c0-18.4-3.5-36-9.8-52.2c12.2-7.5 26.5-11.8 41.8-11.8c44.2 0 80 35.8 80 80v33.1c0 17-13.8 30.9-30.9 30.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M177 217c-9.4 9.4-24.6 9.4-33.9 0L79 153c-9.3-9.4-9.3-24.6 0-34s24.6-9.3 34 0l23 23.1V56c0-13.3 10.7-24 24-24s24 10.7 24 24v86.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64zm320 0c-9.4 9.4-24.6 9.4-33.9 0L399 153c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23V56c0-13.3 10.7-24 24-24s24 10.7 24 24v86.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64zm-177 39c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m0 160c53 0 96 43 96 96v32c0 17.7-14.3 32-32 32H256c-17.7 0-32-14.3-32-32v-32c0-53 43-96 96-96M96 352c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m352 0c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m-304 80c15.3 0 29.6 4.3 41.8 11.8c-6.3 16.2-9.8 33.8-9.8 52.2v48c0 11.4 2.4 22.2 6.7 32H94.9C77.8 576 64 562.2 64 545.1V512c0-44.2 35.8-80 80-80m313.3 144c4.3-9.8 6.7-20.6 6.7-32v-48c0-18.4-3.5-36-9.8-52.2c12.2-7.5 26.5-11.8 41.8-11.8c44.2 0 80 35.8 80 80v33.1c0 17-13.8 30.9-30.9 30.9z"/></svg>
</template>

CSS

.icon-arrows-down-to-people {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M177%20217c-9.4%209.4-24.6%209.4-33.9%200L79%20153c-9.3-9.4-9.3-24.6%200-34s24.6-9.3%2034%200l23%2023.1V56c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024v86.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-64%2064zm320%200c-9.4%209.4-24.6%209.4-33.9%200L399%20153c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l23%2023V56c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024v86.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-64%2064zm-177%2039c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m0%20160c53%200%2096%2043%2096%2096v32c0%2017.7-14.3%2032-32%2032H256c-17.7%200-32-14.3-32-32v-32c0-53%2043-96%2096-96M96%20352c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m352%200c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m-304%2080c15.3%200%2029.6%204.3%2041.8%2011.8c-6.3%2016.2-9.8%2033.8-9.8%2052.2v48c0%2011.4%202.4%2022.2%206.7%2032H94.9C77.8%20576%2064%20562.2%2064%20545.1V512c0-44.2%2035.8-80%2080-80m313.3%20144c4.3-9.8%206.7-20.6%206.7-32v-48c0-18.4-3.5-36-9.8-52.2c12.2-7.5%2026.5-11.8%2041.8-11.8c44.2%200%2080%2035.8%2080%2080v33.1c0%2017-13.8%2030.9-30.9%2030.9z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M177%20217c-9.4%209.4-24.6%209.4-33.9%200L79%20153c-9.3-9.4-9.3-24.6%200-34s24.6-9.3%2034%200l23%2023.1V56c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024v86.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-64%2064zm320%200c-9.4%209.4-24.6%209.4-33.9%200L399%20153c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l23%2023V56c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024v86.1l23-23c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-64%2064zm-177%2039c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m0%20160c53%200%2096%2043%2096%2096v32c0%2017.7-14.3%2032-32%2032H256c-17.7%200-32-14.3-32-32v-32c0-53%2043-96%2096-96M96%20352c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m352%200c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m-304%2080c15.3%200%2029.6%204.3%2041.8%2011.8c-6.3%2016.2-9.8%2033.8-9.8%2052.2v48c0%2011.4%202.4%2022.2%206.7%2032H94.9C77.8%20576%2064%20562.2%2064%20545.1V512c0-44.2%2035.8-80%2080-80m313.3%20144c4.3-9.8%206.7-20.6%206.7-32v-48c0-18.4-3.5-36-9.8-52.2c12.2-7.5%2026.5-11.8%2041.8-11.8c44.2%200%2080%2035.8%2080%2080v33.1c0%2017-13.8%2030.9-30.9%2030.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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