person arrow down to line icon

person-arrow-down-to-line from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
person-arrow-down-to-line
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

person-arrow-down-to-lineFont Awesome Solid

Related icons in Font Awesome 6 Solid

person-arrow-up-from-lineperson-bikingperson-boothperson-breastfeedingperson-burstperson-caneperson-chalkboardperson-circle-checkperson-circle-exclamationperson-circle-minusperson-circle-plusperson-circle-questionperson-circle-xmarkperson-diggingperson-dots-from-lineperson-dressperson-dress-burstperson-drowningperson-fallingperson-falling-burstperson-half-dressperson-harassingperson-hikingperson-military-pointing

Use the person arrow down to line icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M192 96a48 48 0 1 0 0-96a48 48 0 1 0 0 96m-8 352v-96h16v96zm-64 0H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h576c17.7 0 32-14.3 32-32s-14.3-32-32-32H264V256.9l28.6 47.5c9.1 15.1 28.8 20 43.9 10.9s20-28.8 10.9-43.9l-58.3-97c-17.4-28.9-48.6-46.6-82.3-46.6h-29.7c-33.7 0-64.9 17.7-82.3 46.6l-58.3 97c-9.1 15.1-4.2 34.8 10.9 43.9s34.8 4.2 43.9-10.9l28.7-47.5zM464 64v242.7l-25.4-25.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l80 80c12.5 12.5 32.8 12.5 45.3 0l80-80c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L528 306.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPersonArrowDownToLine(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M192 96a48 48 0 1 0 0-96a48 48 0 1 0 0 96m-8 352v-96h16v96zm-64 0H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h576c17.7 0 32-14.3 32-32s-14.3-32-32-32H264V256.9l28.6 47.5c9.1 15.1 28.8 20 43.9 10.9s20-28.8 10.9-43.9l-58.3-97c-17.4-28.9-48.6-46.6-82.3-46.6h-29.7c-33.7 0-64.9 17.7-82.3 46.6l-58.3 97c-9.1 15.1-4.2 34.8 10.9 43.9s34.8 4.2 43.9-10.9l28.7-47.5zM464 64v242.7l-25.4-25.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l80 80c12.5 12.5 32.8 12.5 45.3 0l80-80c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L528 306.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M192 96a48 48 0 1 0 0-96a48 48 0 1 0 0 96m-8 352v-96h16v96zm-64 0H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h576c17.7 0 32-14.3 32-32s-14.3-32-32-32H264V256.9l28.6 47.5c9.1 15.1 28.8 20 43.9 10.9s20-28.8 10.9-43.9l-58.3-97c-17.4-28.9-48.6-46.6-82.3-46.6h-29.7c-33.7 0-64.9 17.7-82.3 46.6l-58.3 97c-9.1 15.1-4.2 34.8 10.9 43.9s34.8 4.2 43.9-10.9l28.7-47.5zM464 64v242.7l-25.4-25.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l80 80c12.5 12.5 32.8 12.5 45.3 0l80-80c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L528 306.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32"/></svg>
</template>

CSS

.icon-person-arrow-down-to-line {
  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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%2096a48%2048%200%201%200%200-96a48%2048%200%201%200%200%2096m-8%20352v-96h16v96zm-64%200H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h576c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H264V256.9l28.6%2047.5c9.1%2015.1%2028.8%2020%2043.9%2010.9s20-28.8%2010.9-43.9l-58.3-97c-17.4-28.9-48.6-46.6-82.3-46.6h-29.7c-33.7%200-64.9%2017.7-82.3%2046.6l-58.3%2097c-9.1%2015.1-4.2%2034.8%2010.9%2043.9s34.8%204.2%2043.9-10.9l28.7-47.5zM464%2064v242.7l-25.4-25.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l80%2080c12.5%2012.5%2032.8%2012.5%2045.3%200l80-80c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L528%20306.7V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%2096a48%2048%200%201%200%200-96a48%2048%200%201%200%200%2096m-8%20352v-96h16v96zm-64%200H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h576c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H264V256.9l28.6%2047.5c9.1%2015.1%2028.8%2020%2043.9%2010.9s20-28.8%2010.9-43.9l-58.3-97c-17.4-28.9-48.6-46.6-82.3-46.6h-29.7c-33.7%200-64.9%2017.7-82.3%2046.6l-58.3%2097c-9.1%2015.1-4.2%2034.8%2010.9%2043.9s34.8%204.2%2043.9-10.9l28.7-47.5zM464%2064v242.7l-25.4-25.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l80%2080c12.5%2012.5%2032.8%2012.5%2045.3%200l80-80c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L528%20306.7V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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