people arrows left right icon

The same icon in other sets

Related icons in Font Awesome Solid

Use the people arrows left right icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 128c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64M64 288c0-35.3 28.7-64 64-64h64c3.2 0 6.4.2 9.5.7l-44.4 44.4c-28.1 28.1-28.1 73.7 0 101.8l56 56c3.4 3.4 7 6.4 10.9 9V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48V407.4c-19.1-11-32-31.7-32-55.4zm352-160c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64m66.9 141.1l-44.4-44.4c3.1-.5 6.3-.7 9.5-.7h64c35.3 0 64 28.7 64 64v64c0 23.7-12.9 44.4-32 55.4V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-92.1c3.9-2.6 7.5-5.6 10.9-9l56-56c28.1-28.1 28.1-73.7 0-101.8m-116.1-27.3c9-3.7 19.3-1.7 26.2 5.2l56 56c9.4 9.4 9.4 24.6 0 33.9l-56 56c-6.9 6.9-17.2 8.9-26.2 5.2S352 385.7 352 376v-24h-64v24c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6 0-33.9l56-56c6.9-6.9 17.2-8.9 26.2-5.2S288 254.3 288 264v24h64v-24c0-9.7 5.8-18.5 14.8-22.2"/></svg>

import type { SVGProps } from "react";

export function Fa7SolidPeopleArrowsLeftRight(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="M96 128c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64M64 288c0-35.3 28.7-64 64-64h64c3.2 0 6.4.2 9.5.7l-44.4 44.4c-28.1 28.1-28.1 73.7 0 101.8l56 56c3.4 3.4 7 6.4 10.9 9V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48V407.4c-19.1-11-32-31.7-32-55.4zm352-160c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64m66.9 141.1l-44.4-44.4c3.1-.5 6.3-.7 9.5-.7h64c35.3 0 64 28.7 64 64v64c0 23.7-12.9 44.4-32 55.4V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-92.1c3.9-2.6 7.5-5.6 10.9-9l56-56c28.1-28.1 28.1-73.7 0-101.8m-116.1-27.3c9-3.7 19.3-1.7 26.2 5.2l56 56c9.4 9.4 9.4 24.6 0 33.9l-56 56c-6.9 6.9-17.2 8.9-26.2 5.2S352 385.7 352 376v-24h-64v24c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6 0-33.9l56-56c6.9-6.9 17.2-8.9 26.2-5.2S288 254.3 288 264v24h64v-24c0-9.7 5.8-18.5 14.8-22.2"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 128c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64M64 288c0-35.3 28.7-64 64-64h64c3.2 0 6.4.2 9.5.7l-44.4 44.4c-28.1 28.1-28.1 73.7 0 101.8l56 56c3.4 3.4 7 6.4 10.9 9V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48V407.4c-19.1-11-32-31.7-32-55.4zm352-160c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64m66.9 141.1l-44.4-44.4c3.1-.5 6.3-.7 9.5-.7h64c35.3 0 64 28.7 64 64v64c0 23.7-12.9 44.4-32 55.4V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-92.1c3.9-2.6 7.5-5.6 10.9-9l56-56c28.1-28.1 28.1-73.7 0-101.8m-116.1-27.3c9-3.7 19.3-1.7 26.2 5.2l56 56c9.4 9.4 9.4 24.6 0 33.9l-56 56c-6.9 6.9-17.2 8.9-26.2 5.2S352 385.7 352 376v-24h-64v24c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6 0-33.9l56-56c6.9-6.9 17.2-8.9 26.2-5.2S288 254.3 288 264v24h64v-24c0-9.7 5.8-18.5 14.8-22.2"/></svg>
</template>

.icon-people-arrows-left-right {
  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%22M96%20128c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64M64%20288c0-35.3%2028.7-64%2064-64h64c3.2%200%206.4.2%209.5.7l-44.4%2044.4c-28.1%2028.1-28.1%2073.7%200%20101.8l56%2056c3.4%203.4%207%206.4%2010.9%209V528c0%2026.5-21.5%2048-48%2048h-32c-26.5%200-48-21.5-48-48V407.4c-19.1-11-32-31.7-32-55.4zm352-160c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64m66.9%20141.1l-44.4-44.4c3.1-.5%206.3-.7%209.5-.7h64c35.3%200%2064%2028.7%2064%2064v64c0%2023.7-12.9%2044.4-32%2055.4V528c0%2026.5-21.5%2048-48%2048h-32c-26.5%200-48-21.5-48-48v-92.1c3.9-2.6%207.5-5.6%2010.9-9l56-56c28.1-28.1%2028.1-73.7%200-101.8m-116.1-27.3c9-3.7%2019.3-1.7%2026.2%205.2l56%2056c9.4%209.4%209.4%2024.6%200%2033.9l-56%2056c-6.9%206.9-17.2%208.9-26.2%205.2S352%20385.7%20352%20376v-24h-64v24c0%209.7-5.8%2018.5-14.8%2022.2s-19.3%201.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6%200-33.9l56-56c6.9-6.9%2017.2-8.9%2026.2-5.2S288%20254.3%20288%20264v24h64v-24c0-9.7%205.8-18.5%2014.8-22.2%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%22M96%20128c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64M64%20288c0-35.3%2028.7-64%2064-64h64c3.2%200%206.4.2%209.5.7l-44.4%2044.4c-28.1%2028.1-28.1%2073.7%200%20101.8l56%2056c3.4%203.4%207%206.4%2010.9%209V528c0%2026.5-21.5%2048-48%2048h-32c-26.5%200-48-21.5-48-48V407.4c-19.1-11-32-31.7-32-55.4zm352-160c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64m66.9%20141.1l-44.4-44.4c3.1-.5%206.3-.7%209.5-.7h64c35.3%200%2064%2028.7%2064%2064v64c0%2023.7-12.9%2044.4-32%2055.4V528c0%2026.5-21.5%2048-48%2048h-32c-26.5%200-48-21.5-48-48v-92.1c3.9-2.6%207.5-5.6%2010.9-9l56-56c28.1-28.1%2028.1-73.7%200-101.8m-116.1-27.3c9-3.7%2019.3-1.7%2026.2%205.2l56%2056c9.4%209.4%209.4%2024.6%200%2033.9l-56%2056c-6.9%206.9-17.2%208.9-26.2%205.2S352%20385.7%20352%20376v-24h-64v24c0%209.7-5.8%2018.5-14.8%2022.2s-19.3%201.7-26.2-5.2l-56-56c-9.4-9.4-9.4-24.6%200-33.9l56-56c6.9-6.9%2017.2-8.9%2026.2-5.2S288%20254.3%20288%20264v24h64v-24c0-9.7%205.8-18.5%2014.8-22.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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