person running icon

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

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

The same icon in other sets

person-runningEmoji One (Colored)person-runningFont Awesome Solidperson-running-20-filledFluent UI System Iconsperson-runningFluent Emojiperson-runningFluent Emoji Flatperson-runningFluent Emoji High Contrastperson-runningNoto Emojiperson-runningOpenMojiperson-runningTwitter Emoji

Related icons in Font Awesome 6 Solid

person-arrow-down-to-lineperson-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-hiking

Use the person running icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M320 48a48 48 0 1 0-96 0a48 48 0 1 0 96 0M125.7 175.5c9.9-9.9 23.4-15.5 37.5-15.5c1.9 0 3.8.1 5.6.3L137.6 254c-9.3 28 1.7 58.8 26.8 74.5l86.2 53.9l-25.4 88.8c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l28.7-100.4c5.9-20.6-2.6-42.6-20.7-53.9L238 299l30.9-82.4l5.1 12.3c15 35.8 49.9 59.1 88.7 59.1H384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-21.3c-12.9 0-24.6-7.8-29.5-19.7l-6.3-15c-14.6-35.1-44.1-61.9-80.5-73.1l-48.7-15C186.6 97.8 175 96 163.3 96c-31 0-60.8 12.3-82.7 34.3l-23.2 23.1c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l23.1-23.1zM91.2 352H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h69.6c19 0 36.2-11.2 43.9-28.5l11.5-25.9l-9.5-6a95.4 95.4 0 0 1-37.9-44.9z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPersonRunning(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M320 48a48 48 0 1 0-96 0a48 48 0 1 0 96 0M125.7 175.5c9.9-9.9 23.4-15.5 37.5-15.5c1.9 0 3.8.1 5.6.3L137.6 254c-9.3 28 1.7 58.8 26.8 74.5l86.2 53.9l-25.4 88.8c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l28.7-100.4c5.9-20.6-2.6-42.6-20.7-53.9L238 299l30.9-82.4l5.1 12.3c15 35.8 49.9 59.1 88.7 59.1H384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-21.3c-12.9 0-24.6-7.8-29.5-19.7l-6.3-15c-14.6-35.1-44.1-61.9-80.5-73.1l-48.7-15C186.6 97.8 175 96 163.3 96c-31 0-60.8 12.3-82.7 34.3l-23.2 23.1c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l23.1-23.1zM91.2 352H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h69.6c19 0 36.2-11.2 43.9-28.5l11.5-25.9l-9.5-6a95.4 95.4 0 0 1-37.9-44.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M320 48a48 48 0 1 0-96 0a48 48 0 1 0 96 0M125.7 175.5c9.9-9.9 23.4-15.5 37.5-15.5c1.9 0 3.8.1 5.6.3L137.6 254c-9.3 28 1.7 58.8 26.8 74.5l86.2 53.9l-25.4 88.8c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l28.7-100.4c5.9-20.6-2.6-42.6-20.7-53.9L238 299l30.9-82.4l5.1 12.3c15 35.8 49.9 59.1 88.7 59.1H384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-21.3c-12.9 0-24.6-7.8-29.5-19.7l-6.3-15c-14.6-35.1-44.1-61.9-80.5-73.1l-48.7-15C186.6 97.8 175 96 163.3 96c-31 0-60.8 12.3-82.7 34.3l-23.2 23.1c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l23.1-23.1zM91.2 352H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h69.6c19 0 36.2-11.2 43.9-28.5l11.5-25.9l-9.5-6a95.4 95.4 0 0 1-37.9-44.9z"/></svg>
</template>

CSS

.icon-person-running {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2048a48%2048%200%201%200-96%200a48%2048%200%201%200%2096%200M125.7%20175.5c9.9-9.9%2023.4-15.5%2037.5-15.5c1.9%200%203.8.1%205.6.3L137.6%20254c-9.3%2028%201.7%2058.8%2026.8%2074.5l86.2%2053.9l-25.4%2088.8c-4.9%2017%205%2034.7%2022%2039.6s34.7-5%2039.6-22l28.7-100.4c5.9-20.6-2.6-42.6-20.7-53.9L238%20299l30.9-82.4l5.1%2012.3c15%2035.8%2049.9%2059.1%2088.7%2059.1H384c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-21.3c-12.9%200-24.6-7.8-29.5-19.7l-6.3-15c-14.6-35.1-44.1-61.9-80.5-73.1l-48.7-15C186.6%2097.8%20175%2096%20163.3%2096c-31%200-60.8%2012.3-82.7%2034.3l-23.2%2023.1c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l23.1-23.1zM91.2%20352H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h69.6c19%200%2036.2-11.2%2043.9-28.5l11.5-25.9l-9.5-6a95.4%2095.4%200%200%201-37.9-44.9z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2048a48%2048%200%201%200-96%200a48%2048%200%201%200%2096%200M125.7%20175.5c9.9-9.9%2023.4-15.5%2037.5-15.5c1.9%200%203.8.1%205.6.3L137.6%20254c-9.3%2028%201.7%2058.8%2026.8%2074.5l86.2%2053.9l-25.4%2088.8c-4.9%2017%205%2034.7%2022%2039.6s34.7-5%2039.6-22l28.7-100.4c5.9-20.6-2.6-42.6-20.7-53.9L238%20299l30.9-82.4l5.1%2012.3c15%2035.8%2049.9%2059.1%2088.7%2059.1H384c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-21.3c-12.9%200-24.6-7.8-29.5-19.7l-6.3-15c-14.6-35.1-44.1-61.9-80.5-73.1l-48.7-15C186.6%2097.8%20175%2096%20163.3%2096c-31%200-60.8%2012.3-82.7%2034.3l-23.2%2023.1c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l23.1-23.1zM91.2%20352H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h69.6c19%200%2036.2-11.2%2043.9-28.5l11.5-25.9l-9.5-6a95.4%2095.4%200%200%201-37.9-44.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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