person walking icon

person-walking-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name
person-walking-20-regular
Set
Fluent UI System Icons
Style
20 Regular
Viewbox
20×20
License
MIT

5 other variants in Fluent UI System Icons

person-walking-16-filledperson-walking-16-regularperson-walking-20-filledperson-walking-24-filledperson-walking-24-regular

The same icon in other sets

person-walkingBootstrap Iconsperson-walkingEmoji One (Colored)person-walkingFont Awesome 6 Solidperson-walkingFont Awesome Solidperson-walkingFluent Emojiperson-walkingFluent Emoji Flatperson-walkingFluent Emoji High Contrastperson-walkingNoto Emojiperson-walkingOpenMojiperson-walkingTwitter Emoji

Related icons in Fluent UI System Icons

person-5-20-filledperson-6-20-filledperson-account-16-filledperson-accounts-20-filledperson-add-16-filledperson-alert-16-filledperson-alert-off-16-filledperson-arrow-back-16-filledperson-arrow-left-16-filledperson-arrow-right-16-filledperson-available-16-filledperson-board-12-filledperson-board-add-16-filledperson-briefcase-16-filledperson-call-16-filledperson-chat-16-filledperson-circle-12-filledperson-circle-off-12-filledperson-clock-16-filledperson-delete-16-filledperson-desktop-20-filledperson-edit-16-filledperson-error-16-filledperson-feedback-16-filled

Use the person walking icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11.5 2.998a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M9 4.498a2.5 2.5 0 1 1 4.04 1.97a2.75 2.75 0 0 1 1.214 1.007l.525.788l1.489 1.063a1.75 1.75 0 1 1-2.034 2.848l-1.75-1.25l-.09-.069l-.015.044l.943 1.426c.25.38.403.815.444 1.267l.227 2.5a1.75 1.75 0 0 1-3.485.317l-.21-2.312l-.494-.747l-1.43 3.553a1.75 1.75 0 0 1-3.247-1.306l1.347-3.348A1.75 1.75 0 0 1 4.776 9.85l1.1-2.75a1.75 1.75 0 0 1 1.2-1.047l1.54-.385q.315-.08.632-.082A2.5 2.5 0 0 1 9 4.498m.318 2.025l-2 .5a.75.75 0 0 0-.515.449l-1.1 2.75a.75.75 0 1 0 1.392.557l.866-2.163a.488.488 0 1 1 .905.364l-2.812 6.99a.75.75 0 1 0 1.391.56l1.43-3.553a1 1 0 0 1 1.762-.178l.598.905a.25.25 0 0 1 .04.115l.227 2.5a.75.75 0 0 0 1.494-.137l-.227-2.499a1.75 1.75 0 0 0-.283-.806l-.924-1.4a1 1 0 0 1-.102-.902l.378-1.01a.422.422 0 0 1 .746-.085l.291.436q.076.115.188.194l1.75 1.25a.75.75 0 1 0 .872-1.22l-1.489-1.064a1 1 0 0 1-.25-.259l-.823-1.233a.75.75 0 0 0-.442-.311l-3-.75a.75.75 0 0 0-.363 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentPersonWalking20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11.5 2.998a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M9 4.498a2.5 2.5 0 1 1 4.04 1.97a2.75 2.75 0 0 1 1.214 1.007l.525.788l1.489 1.063a1.75 1.75 0 1 1-2.034 2.848l-1.75-1.25l-.09-.069l-.015.044l.943 1.426c.25.38.403.815.444 1.267l.227 2.5a1.75 1.75 0 0 1-3.485.317l-.21-2.312l-.494-.747l-1.43 3.553a1.75 1.75 0 0 1-3.247-1.306l1.347-3.348A1.75 1.75 0 0 1 4.776 9.85l1.1-2.75a1.75 1.75 0 0 1 1.2-1.047l1.54-.385q.315-.08.632-.082A2.5 2.5 0 0 1 9 4.498m.318 2.025l-2 .5a.75.75 0 0 0-.515.449l-1.1 2.75a.75.75 0 1 0 1.392.557l.866-2.163a.488.488 0 1 1 .905.364l-2.812 6.99a.75.75 0 1 0 1.391.56l1.43-3.553a1 1 0 0 1 1.762-.178l.598.905a.25.25 0 0 1 .04.115l.227 2.5a.75.75 0 0 0 1.494-.137l-.227-2.499a1.75 1.75 0 0 0-.283-.806l-.924-1.4a1 1 0 0 1-.102-.902l.378-1.01a.422.422 0 0 1 .746-.085l.291.436q.076.115.188.194l1.75 1.25a.75.75 0 1 0 .872-1.22l-1.489-1.064a1 1 0 0 1-.25-.259l-.823-1.233a.75.75 0 0 0-.442-.311l-3-.75a.75.75 0 0 0-.363 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M11.5 2.998a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M9 4.498a2.5 2.5 0 1 1 4.04 1.97a2.75 2.75 0 0 1 1.214 1.007l.525.788l1.489 1.063a1.75 1.75 0 1 1-2.034 2.848l-1.75-1.25l-.09-.069l-.015.044l.943 1.426c.25.38.403.815.444 1.267l.227 2.5a1.75 1.75 0 0 1-3.485.317l-.21-2.312l-.494-.747l-1.43 3.553a1.75 1.75 0 0 1-3.247-1.306l1.347-3.348A1.75 1.75 0 0 1 4.776 9.85l1.1-2.75a1.75 1.75 0 0 1 1.2-1.047l1.54-.385q.315-.08.632-.082A2.5 2.5 0 0 1 9 4.498m.318 2.025l-2 .5a.75.75 0 0 0-.515.449l-1.1 2.75a.75.75 0 1 0 1.392.557l.866-2.163a.488.488 0 1 1 .905.364l-2.812 6.99a.75.75 0 1 0 1.391.56l1.43-3.553a1 1 0 0 1 1.762-.178l.598.905a.25.25 0 0 1 .04.115l.227 2.5a.75.75 0 0 0 1.494-.137l-.227-2.499a1.75 1.75 0 0 0-.283-.806l-.924-1.4a1 1 0 0 1-.102-.902l.378-1.01a.422.422 0 0 1 .746-.085l.291.436q.076.115.188.194l1.75 1.25a.75.75 0 1 0 .872-1.22l-1.489-1.064a1 1 0 0 1-.25-.259l-.823-1.233a.75.75 0 0 0-.442-.311l-3-.75a.75.75 0 0 0-.363 0"/></svg>
</template>

CSS

.icon-person-walking-20-regular {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%202.998a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3M9%204.498a2.5%202.5%200%201%201%204.04%201.97a2.75%202.75%200%200%201%201.214%201.007l.525.788l1.489%201.063a1.75%201.75%200%201%201-2.034%202.848l-1.75-1.25l-.09-.069l-.015.044l.943%201.426c.25.38.403.815.444%201.267l.227%202.5a1.75%201.75%200%200%201-3.485.317l-.21-2.312l-.494-.747l-1.43%203.553a1.75%201.75%200%200%201-3.247-1.306l1.347-3.348A1.75%201.75%200%200%201%204.776%209.85l1.1-2.75a1.75%201.75%200%200%201%201.2-1.047l1.54-.385q.315-.08.632-.082A2.5%202.5%200%200%201%209%204.498m.318%202.025l-2%20.5a.75.75%200%200%200-.515.449l-1.1%202.75a.75.75%200%201%200%201.392.557l.866-2.163a.488.488%200%201%201%20.905.364l-2.812%206.99a.75.75%200%201%200%201.391.56l1.43-3.553a1%201%200%200%201%201.762-.178l.598.905a.25.25%200%200%201%20.04.115l.227%202.5a.75.75%200%200%200%201.494-.137l-.227-2.499a1.75%201.75%200%200%200-.283-.806l-.924-1.4a1%201%200%200%201-.102-.902l.378-1.01a.422.422%200%200%201%20.746-.085l.291.436q.076.115.188.194l1.75%201.25a.75.75%200%201%200%20.872-1.22l-1.489-1.064a1%201%200%200%201-.25-.259l-.823-1.233a.75.75%200%200%200-.442-.311l-3-.75a.75.75%200%200%200-.363%200%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%202.998a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3M9%204.498a2.5%202.5%200%201%201%204.04%201.97a2.75%202.75%200%200%201%201.214%201.007l.525.788l1.489%201.063a1.75%201.75%200%201%201-2.034%202.848l-1.75-1.25l-.09-.069l-.015.044l.943%201.426c.25.38.403.815.444%201.267l.227%202.5a1.75%201.75%200%200%201-3.485.317l-.21-2.312l-.494-.747l-1.43%203.553a1.75%201.75%200%200%201-3.247-1.306l1.347-3.348A1.75%201.75%200%200%201%204.776%209.85l1.1-2.75a1.75%201.75%200%200%201%201.2-1.047l1.54-.385q.315-.08.632-.082A2.5%202.5%200%200%201%209%204.498m.318%202.025l-2%20.5a.75.75%200%200%200-.515.449l-1.1%202.75a.75.75%200%201%200%201.392.557l.866-2.163a.488.488%200%201%201%20.905.364l-2.812%206.99a.75.75%200%201%200%201.391.56l1.43-3.553a1%201%200%200%201%201.762-.178l.598.905a.25.25%200%200%201%20.04.115l.227%202.5a.75.75%200%200%200%201.494-.137l-.227-2.499a1.75%201.75%200%200%200-.283-.806l-.924-1.4a1%201%200%200%201-.102-.902l.378-1.01a.422.422%200%200%201%20.746-.085l.291.436q.076.115.188.194l1.75%201.25a.75.75%200%201%200%20.872-1.22l-1.489-1.064a1%201%200%200%201-.25-.259l-.823-1.233a.75.75%200%200%200-.442-.311l-3-.75a.75.75%200%200%200-.363%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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