person arms spread icon

person-arms-spread-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
person-arms-spread-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

person-arms-spreadperson-arms-spread-boldperson-arms-spread-duotoneperson-arms-spread-fillperson-arms-spread-thin

Related icons in Phosphor

person-simpleperson-simple-bikeperson-simple-circleperson-simple-hikeperson-simple-runperson-simple-skiperson-simple-snowboardperson-simple-swimperson-simple-tai-chiperson-simple-throwperson-simple-walk

Use the person arms spread icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 70a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m101.55 66.14A17.66 17.66 0 0 0 212 74H44a18 18 0 0 0-7.55 34.34h.1l52.32 23l-21.44 81.5A18 18 0 0 0 84 238a18.07 18.07 0 0 0 16.19-10.14L128 180l27.81 47.91a18 18 0 0 0 32.73-14.94l-21.44-81.5l52.32-23h.1a17.66 17.66 0 0 0 10.03-20.33m-15 9.29l-56.95 25.08a6 6 0 0 0-3.39 7l22.87 86.93a8 8 0 0 0 .37 1a6 6 0 0 1-10.88 5.07a4 4 0 0 0-.24-.48L133.19 165a6 6 0 0 0-10.38 0l-33.12 57.05c-.09.16-.17.31-.25.48a6 6 0 0 1-8 2.9a6 6 0 0 1-2.9-8a8 8 0 0 0 .37-1l22.87-86.93a6 6 0 0 0-3.39-7L41.47 97.43A6 6 0 0 1 44 86h168a6 6 0 0 1 2.56 11.43Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPersonArmsSpreadLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 70a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m101.55 66.14A17.66 17.66 0 0 0 212 74H44a18 18 0 0 0-7.55 34.34h.1l52.32 23l-21.44 81.5A18 18 0 0 0 84 238a18.07 18.07 0 0 0 16.19-10.14L128 180l27.81 47.91a18 18 0 0 0 32.73-14.94l-21.44-81.5l52.32-23h.1a17.66 17.66 0 0 0 10.03-20.33m-15 9.29l-56.95 25.08a6 6 0 0 0-3.39 7l22.87 86.93a8 8 0 0 0 .37 1a6 6 0 0 1-10.88 5.07a4 4 0 0 0-.24-.48L133.19 165a6 6 0 0 0-10.38 0l-33.12 57.05c-.09.16-.17.31-.25.48a6 6 0 0 1-8 2.9a6 6 0 0 1-2.9-8a8 8 0 0 0 .37-1l22.87-86.93a6 6 0 0 0-3.39-7L41.47 97.43A6 6 0 0 1 44 86h168a6 6 0 0 1 2.56 11.43Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 70a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m101.55 66.14A17.66 17.66 0 0 0 212 74H44a18 18 0 0 0-7.55 34.34h.1l52.32 23l-21.44 81.5A18 18 0 0 0 84 238a18.07 18.07 0 0 0 16.19-10.14L128 180l27.81 47.91a18 18 0 0 0 32.73-14.94l-21.44-81.5l52.32-23h.1a17.66 17.66 0 0 0 10.03-20.33m-15 9.29l-56.95 25.08a6 6 0 0 0-3.39 7l22.87 86.93a8 8 0 0 0 .37 1a6 6 0 0 1-10.88 5.07a4 4 0 0 0-.24-.48L133.19 165a6 6 0 0 0-10.38 0l-33.12 57.05c-.09.16-.17.31-.25.48a6 6 0 0 1-8 2.9a6 6 0 0 1-2.9-8a8 8 0 0 0 .37-1l22.87-86.93a6 6 0 0 0-3.39-7L41.47 97.43A6 6 0 0 1 44 86h168a6 6 0 0 1 2.56 11.43Z"/></svg>
</template>

CSS

.icon-person-arms-spread-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2070a30%2030%200%201%200-30-30a30%2030%200%200%200%2030%2030m0-48a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m101.55%2066.14A17.66%2017.66%200%200%200%20212%2074H44a18%2018%200%200%200-7.55%2034.34h.1l52.32%2023l-21.44%2081.5A18%2018%200%200%200%2084%20238a18.07%2018.07%200%200%200%2016.19-10.14L128%20180l27.81%2047.91a18%2018%200%200%200%2032.73-14.94l-21.44-81.5l52.32-23h.1a17.66%2017.66%200%200%200%2010.03-20.33m-15%209.29l-56.95%2025.08a6%206%200%200%200-3.39%207l22.87%2086.93a8%208%200%200%200%20.37%201a6%206%200%200%201-10.88%205.07a4%204%200%200%200-.24-.48L133.19%20165a6%206%200%200%200-10.38%200l-33.12%2057.05c-.09.16-.17.31-.25.48a6%206%200%200%201-8%202.9a6%206%200%200%201-2.9-8a8%208%200%200%200%20.37-1l22.87-86.93a6%206%200%200%200-3.39-7L41.47%2097.43A6%206%200%200%201%2044%2086h168a6%206%200%200%201%202.56%2011.43Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2070a30%2030%200%201%200-30-30a30%2030%200%200%200%2030%2030m0-48a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m101.55%2066.14A17.66%2017.66%200%200%200%20212%2074H44a18%2018%200%200%200-7.55%2034.34h.1l52.32%2023l-21.44%2081.5A18%2018%200%200%200%2084%20238a18.07%2018.07%200%200%200%2016.19-10.14L128%20180l27.81%2047.91a18%2018%200%200%200%2032.73-14.94l-21.44-81.5l52.32-23h.1a17.66%2017.66%200%200%200%2010.03-20.33m-15%209.29l-56.95%2025.08a6%206%200%200%200-3.39%207l22.87%2086.93a8%208%200%200%200%20.37%201a6%206%200%200%201-10.88%205.07a4%204%200%200%200-.24-.48L133.19%20165a6%206%200%200%200-10.38%200l-33.12%2057.05c-.09.16-.17.31-.25.48a6%206%200%200%201-8%202.9a6%206%200%200%201-2.9-8a8%208%200%200%200%20.37-1l22.87-86.93a6%206%200%200%200-3.39-7L41.47%2097.43A6%206%200%200%201%2044%2086h168a6%206%200%200%201%202.56%2011.43Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/person-arms-spread-light.svg?color=%231a73e8&size=48