people arrows left right icon

people-arrows-left-right from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: people-arrows-left-right
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

people-arrows-left-rightFont Awesome Solid

Related icons in Font Awesome 6 Solid

people-arrows people-carry-box people-group people-line people-pulling people-robbery people-roof

Use the people arrows left right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M96 304.1c0-12.16 4.971-23.83 13.64-32.01l72.13-68.08c1.65-1.555 3.773-2.311 5.611-3.578C177.1 176.8 155 160 128 160H64c-35.35 0-64 28.7-64 64v96c0 17.67 14.33 32 31.1 32l.9 128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-96.39l-50.36-47.53C100.1 327.9 96 316.2 96 304.1zM480 128c35.38 0 64-28.62 64-64S515.38 0 480 0s-64 28.62-64 64s28.6 64 64 64zm-384 0c35.38 0 64-28.62 64-64S131.4 0 96 0S32 28.62 32 64s28.63 64 64 64zm348.4 167.3l-72.1-68a12.035 12.035 0 0 0-13.01-2.299C354.9 226.9 352 231.2 352 236v36H224v-36c0-4.795-2.857-9.133-7.262-11.03c-4.438-1.87-9.538-1.87-13.038 2.33l-72.1 68c-4.805 4.535-4.805 12.94 0 17.47l72.12 68.07a12.038 12.038 0 0 0 13.01 2.297C221.1 381.3 224 376.9 224 372.1V336h128v36.14c0 4.795 2.857 9.135 7.262 11.04a12.038 12.038 0 0 0 13.01-2.299l72.12-68.07c4.808-4.511 4.808-12.911.008-17.511zM512 160h-64c-26.1 0-49.98 16.77-59.38 40.42c1.842 1.271 3.969 2.027 5.623 3.588l72.12 68.06C475 280.2 480 291.9 480 304.1c.002 12.16-4.969 23.83-13.64 32.01L416 383.6V480c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c17.67 0 32-14.33 32-32v-96c0-35.3-28.7-64-64-64z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPeopleArrowsLeftRight(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="M96 304.1c0-12.16 4.971-23.83 13.64-32.01l72.13-68.08c1.65-1.555 3.773-2.311 5.611-3.578C177.1 176.8 155 160 128 160H64c-35.35 0-64 28.7-64 64v96c0 17.67 14.33 32 31.1 32l.9 128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-96.39l-50.36-47.53C100.1 327.9 96 316.2 96 304.1zM480 128c35.38 0 64-28.62 64-64S515.38 0 480 0s-64 28.62-64 64s28.6 64 64 64zm-384 0c35.38 0 64-28.62 64-64S131.4 0 96 0S32 28.62 32 64s28.63 64 64 64zm348.4 167.3l-72.1-68a12.035 12.035 0 0 0-13.01-2.299C354.9 226.9 352 231.2 352 236v36H224v-36c0-4.795-2.857-9.133-7.262-11.03c-4.438-1.87-9.538-1.87-13.038 2.33l-72.1 68c-4.805 4.535-4.805 12.94 0 17.47l72.12 68.07a12.038 12.038 0 0 0 13.01 2.297C221.1 381.3 224 376.9 224 372.1V336h128v36.14c0 4.795 2.857 9.135 7.262 11.04a12.038 12.038 0 0 0 13.01-2.299l72.12-68.07c4.808-4.511 4.808-12.911.008-17.511zM512 160h-64c-26.1 0-49.98 16.77-59.38 40.42c1.842 1.271 3.969 2.027 5.623 3.588l72.12 68.06C475 280.2 480 291.9 480 304.1c.002 12.16-4.969 23.83-13.64 32.01L416 383.6V480c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c17.67 0 32-14.33 32-32v-96c0-35.3-28.7-64-64-64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M96 304.1c0-12.16 4.971-23.83 13.64-32.01l72.13-68.08c1.65-1.555 3.773-2.311 5.611-3.578C177.1 176.8 155 160 128 160H64c-35.35 0-64 28.7-64 64v96c0 17.67 14.33 32 31.1 32l.9 128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-96.39l-50.36-47.53C100.1 327.9 96 316.2 96 304.1zM480 128c35.38 0 64-28.62 64-64S515.38 0 480 0s-64 28.62-64 64s28.6 64 64 64zm-384 0c35.38 0 64-28.62 64-64S131.4 0 96 0S32 28.62 32 64s28.63 64 64 64zm348.4 167.3l-72.1-68a12.035 12.035 0 0 0-13.01-2.299C354.9 226.9 352 231.2 352 236v36H224v-36c0-4.795-2.857-9.133-7.262-11.03c-4.438-1.87-9.538-1.87-13.038 2.33l-72.1 68c-4.805 4.535-4.805 12.94 0 17.47l72.12 68.07a12.038 12.038 0 0 0 13.01 2.297C221.1 381.3 224 376.9 224 372.1V336h128v36.14c0 4.795 2.857 9.135 7.262 11.04a12.038 12.038 0 0 0 13.01-2.299l72.12-68.07c4.808-4.511 4.808-12.911.008-17.511zM512 160h-64c-26.1 0-49.98 16.77-59.38 40.42c1.842 1.271 3.969 2.027 5.623 3.588l72.12 68.06C475 280.2 480 291.9 480 304.1c.002 12.16-4.969 23.83-13.64 32.01L416 383.6V480c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c17.67 0 32-14.33 32-32v-96c0-35.3-28.7-64-64-64z"/></svg>
</template>

CSS

.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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20304.1c0-12.16%204.971-23.83%2013.64-32.01l72.13-68.08c1.65-1.555%203.773-2.311%205.611-3.578C177.1%20176.8%20155%20160%20128%20160H64c-35.35%200-64%2028.7-64%2064v96c0%2017.67%2014.33%2032%2031.1%2032l.9%20128c0%2017.67%2014.33%2032%2032%2032h64c17.67%200%2032-14.33%2032-32v-96.39l-50.36-47.53C100.1%20327.9%2096%20316.2%2096%20304.1zM480%20128c35.38%200%2064-28.62%2064-64S515.38%200%20480%200s-64%2028.62-64%2064s28.6%2064%2064%2064zm-384%200c35.38%200%2064-28.62%2064-64S131.4%200%2096%200S32%2028.62%2032%2064s28.63%2064%2064%2064zm348.4%20167.3l-72.1-68a12.035%2012.035%200%200%200-13.01-2.299C354.9%20226.9%20352%20231.2%20352%20236v36H224v-36c0-4.795-2.857-9.133-7.262-11.03c-4.438-1.87-9.538-1.87-13.038%202.33l-72.1%2068c-4.805%204.535-4.805%2012.94%200%2017.47l72.12%2068.07a12.038%2012.038%200%200%200%2013.01%202.297C221.1%20381.3%20224%20376.9%20224%20372.1V336h128v36.14c0%204.795%202.857%209.135%207.262%2011.04a12.038%2012.038%200%200%200%2013.01-2.299l72.12-68.07c4.808-4.511%204.808-12.911.008-17.511zM512%20160h-64c-26.1%200-49.98%2016.77-59.38%2040.42c1.842%201.271%203.969%202.027%205.623%203.588l72.12%2068.06C475%20280.2%20480%20291.9%20480%20304.1c.002%2012.16-4.969%2023.83-13.64%2032.01L416%20383.6V480c0%2017.67%2014.33%2032%2032%2032h64c17.67%200%2032-14.33%2032-32V352c17.67%200%2032-14.33%2032-32v-96c0-35.3-28.7-64-64-64z%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%22M96%20304.1c0-12.16%204.971-23.83%2013.64-32.01l72.13-68.08c1.65-1.555%203.773-2.311%205.611-3.578C177.1%20176.8%20155%20160%20128%20160H64c-35.35%200-64%2028.7-64%2064v96c0%2017.67%2014.33%2032%2031.1%2032l.9%20128c0%2017.67%2014.33%2032%2032%2032h64c17.67%200%2032-14.33%2032-32v-96.39l-50.36-47.53C100.1%20327.9%2096%20316.2%2096%20304.1zM480%20128c35.38%200%2064-28.62%2064-64S515.38%200%20480%200s-64%2028.62-64%2064s28.6%2064%2064%2064zm-384%200c35.38%200%2064-28.62%2064-64S131.4%200%2096%200S32%2028.62%2032%2064s28.63%2064%2064%2064zm348.4%20167.3l-72.1-68a12.035%2012.035%200%200%200-13.01-2.299C354.9%20226.9%20352%20231.2%20352%20236v36H224v-36c0-4.795-2.857-9.133-7.262-11.03c-4.438-1.87-9.538-1.87-13.038%202.33l-72.1%2068c-4.805%204.535-4.805%2012.94%200%2017.47l72.12%2068.07a12.038%2012.038%200%200%200%2013.01%202.297C221.1%20381.3%20224%20376.9%20224%20372.1V336h128v36.14c0%204.795%202.857%209.135%207.262%2011.04a12.038%2012.038%200%200%200%2013.01-2.299l72.12-68.07c4.808-4.511%204.808-12.911.008-17.511zM512%20160h-64c-26.1%200-49.98%2016.77-59.38%2040.42c1.842%201.271%203.969%202.027%205.623%203.588l72.12%2068.06C475%20280.2%20480%20291.9%20480%20304.1c.002%2012.16-4.969%2023.83-13.64%2032.01L416%20383.6V480c0%2017.67%2014.33%2032%2032%2032h64c17.67%200%2032-14.33%2032-32V352c17.67%200%2032-14.33%2032-32v-96c0-35.3-28.7-64-64-64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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