person-walking from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
person-walking
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
320×512
License
CC BY 4.0

The same icon in other sets

Related icons in Font Awesome 6 Solid

Use the person walking icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M160 48a48 48 0 1 1 96 0a48 48 0 1 1-96 0m-33.5 151.3c-1 .4-1.9.8-2.9 1.2l-8 3.5c-16.4 7.3-29 21.2-34.7 38.2l-2.6 7.8c-5.6 16.8-23.7 25.8-40.5 20.2S12 246.5 17.6 229.7l2.6-7.8c11.4-34.1 36.6-61.9 69.4-76.5l8-3.5c20.8-9.2 43.3-14 66.1-14c44.6 0 84.8 26.8 101.9 67.9l15.4 36.9l21.4 10.7c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L247 287.3c-10.3-5.2-18.4-13.8-22.8-24.5l-9.6-23l-19.3 65.5l49.5 54c5.4 5.9 9.2 13 11.2 20.8l23 92.1c4.3 17.1-6.1 34.5-23.3 38.8s-34.5-6.1-38.8-23.3l-22-88.1l-70.7-77.1c-14.8-16.1-20.3-38.6-14.7-59.7l16.9-63.5zM68.7 398l25-62.4c2.1 3 4.5 5.8 7 8.6l40.7 44.4l-14.5 36.2c-2.4 6-6 11.5-10.6 16.1l-61.7 61.7c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPersonWalking(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M160 48a48 48 0 1 1 96 0a48 48 0 1 1-96 0m-33.5 151.3c-1 .4-1.9.8-2.9 1.2l-8 3.5c-16.4 7.3-29 21.2-34.7 38.2l-2.6 7.8c-5.6 16.8-23.7 25.8-40.5 20.2S12 246.5 17.6 229.7l2.6-7.8c11.4-34.1 36.6-61.9 69.4-76.5l8-3.5c20.8-9.2 43.3-14 66.1-14c44.6 0 84.8 26.8 101.9 67.9l15.4 36.9l21.4 10.7c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L247 287.3c-10.3-5.2-18.4-13.8-22.8-24.5l-9.6-23l-19.3 65.5l49.5 54c5.4 5.9 9.2 13 11.2 20.8l23 92.1c4.3 17.1-6.1 34.5-23.3 38.8s-34.5-6.1-38.8-23.3l-22-88.1l-70.7-77.1c-14.8-16.1-20.3-38.6-14.7-59.7l16.9-63.5zM68.7 398l25-62.4c2.1 3 4.5 5.8 7 8.6l40.7 44.4l-14.5 36.2c-2.4 6-6 11.5-10.6 16.1l-61.7 61.7c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M160 48a48 48 0 1 1 96 0a48 48 0 1 1-96 0m-33.5 151.3c-1 .4-1.9.8-2.9 1.2l-8 3.5c-16.4 7.3-29 21.2-34.7 38.2l-2.6 7.8c-5.6 16.8-23.7 25.8-40.5 20.2S12 246.5 17.6 229.7l2.6-7.8c11.4-34.1 36.6-61.9 69.4-76.5l8-3.5c20.8-9.2 43.3-14 66.1-14c44.6 0 84.8 26.8 101.9 67.9l15.4 36.9l21.4 10.7c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L247 287.3c-10.3-5.2-18.4-13.8-22.8-24.5l-9.6-23l-19.3 65.5l49.5 54c5.4 5.9 9.2 13 11.2 20.8l23 92.1c4.3 17.1-6.1 34.5-23.3 38.8s-34.5-6.1-38.8-23.3l-22-88.1l-70.7-77.1c-14.8-16.1-20.3-38.6-14.7-59.7l16.9-63.5zM68.7 398l25-62.4c2.1 3 4.5 5.8 7 8.6l40.7 44.4l-14.5 36.2c-2.4 6-6 11.5-10.6 16.1l-61.7 61.7c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3z"/></svg>
</template>

CSS

.icon-person-walking {
  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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2048a48%2048%200%201%201%2096%200a48%2048%200%201%201-96%200m-33.5%20151.3c-1%20.4-1.9.8-2.9%201.2l-8%203.5c-16.4%207.3-29%2021.2-34.7%2038.2l-2.6%207.8c-5.6%2016.8-23.7%2025.8-40.5%2020.2S12%20246.5%2017.6%20229.7l2.6-7.8c11.4-34.1%2036.6-61.9%2069.4-76.5l8-3.5c20.8-9.2%2043.3-14%2066.1-14c44.6%200%2084.8%2026.8%20101.9%2067.9l15.4%2036.9l21.4%2010.7c15.8%207.9%2022.2%2027.1%2014.3%2042.9s-27.1%2022.2-42.9%2014.3L247%20287.3c-10.3-5.2-18.4-13.8-22.8-24.5l-9.6-23l-19.3%2065.5l49.5%2054c5.4%205.9%209.2%2013%2011.2%2020.8l23%2092.1c4.3%2017.1-6.1%2034.5-23.3%2038.8s-34.5-6.1-38.8-23.3l-22-88.1l-70.7-77.1c-14.8-16.1-20.3-38.6-14.7-59.7l16.9-63.5zM68.7%20398l25-62.4c2.1%203%204.5%205.8%207%208.6l40.7%2044.4l-14.5%2036.2c-2.4%206-6%2011.5-10.6%2016.1l-61.7%2061.7c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3z%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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2048a48%2048%200%201%201%2096%200a48%2048%200%201%201-96%200m-33.5%20151.3c-1%20.4-1.9.8-2.9%201.2l-8%203.5c-16.4%207.3-29%2021.2-34.7%2038.2l-2.6%207.8c-5.6%2016.8-23.7%2025.8-40.5%2020.2S12%20246.5%2017.6%20229.7l2.6-7.8c11.4-34.1%2036.6-61.9%2069.4-76.5l8-3.5c20.8-9.2%2043.3-14%2066.1-14c44.6%200%2084.8%2026.8%20101.9%2067.9l15.4%2036.9l21.4%2010.7c15.8%207.9%2022.2%2027.1%2014.3%2042.9s-27.1%2022.2-42.9%2014.3L247%20287.3c-10.3-5.2-18.4-13.8-22.8-24.5l-9.6-23l-19.3%2065.5l49.5%2054c5.4%205.9%209.2%2013%2011.2%2020.8l23%2092.1c4.3%2017.1-6.1%2034.5-23.3%2038.8s-34.5-6.1-38.8-23.3l-22-88.1l-70.7-77.1c-14.8-16.1-20.3-38.6-14.7-59.7l16.9-63.5zM68.7%20398l25-62.4c2.1%203%204.5%205.8%207%208.6l40.7%2044.4l-14.5%2036.2c-2.4%206-6%2011.5-10.6%2016.1l-61.7%2061.7c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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