Person Running icon
Used to represent late for a meeting. The Person Running icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles on a 20 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 20 px
ic_fluent_person_running_20_regular.svg
Person Running icon in React
npm install @fluentui/react-icons
import { PersonRunning20Regular } from "@fluentui/react-icons";
export function Example() {
return <PersonRunning20Regular aria-label="Person Running" />;
}Use the Person Running icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { PersonRunning20Regular, PersonRunning20Filled } from "@fluentui/react-icons";
export function Example() {
return <PersonRunning20Regular aria-label="Person Running" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_person_running_20_regular.svg" width="20" height="20" alt="Person Running"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M13.5 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m1.33.62A2.5 2.5 0 1 0 11 4.5H8A2.5 2.5 0 0 0 5.5 7v1.75c0 .69.4 1.28.97 1.57L5.8 11H2.75a1.75 1.75 0 1 0 0 3.5h2.94c.63 0 1.25-.2 1.76-.59l1-.75L10 14.71v1.54a1.75 1.75 0 1 0 3.5 0V13a.5.5 0 0 0-.15-.35L11.71 11l.79-.8.1.1c.44.45 1.05.7 1.68.7h2.97a1.75 1.75 0 1 0 0-3.5h-1.54zm-1.05.36 1.37 1.37q.14.15.35.15h1.75a.75.75 0 0 1 0 1.5h-2.97q-.57-.01-.98-.4l-.45-.45a.5.5 0 0 0-.7 0l-1.5 1.5a.5.5 0 0 0 0 .7l1.85 1.86v3.04a.75.75 0 0 1-1.5 0V14.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.65-.05l-1.35 1.01q-.51.38-1.16.39H2.75a.75.75 0 0 1 0-1.5H6a.5.5 0 0 0 .35-.15l1.44-1.44C8.5 10.2 9 9.53 9 8.75V8h1a.5.5 0 0 0 0-1H8.5a.5.5 0 0 0-.5.5v1.25a.75.75 0 0 1-1.5 0V7c0-.83.67-1.5 1.5-1.5h3.2a2.5 2.5 0 0 0 2.58 1.48"/></svg>Details
| Name | Person Running |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_person_running_20_regular.svg |
| Filled file | ic_fluent_person_running_20_filled.svg |
| React (Regular) | PersonRunning20Regular |
| React (Filled) | PersonRunning20Filled |
| License | MIT (© Microsoft Corporation) |