The Phosphor footprints icon depicts a pair of footprints, commonly used to represent walking, paths, or progress in a user interface.
Common uses
- Indicate a user's current location on a map.
- Represent a 'walkthrough' or tutorial progress.
- Symbolize a user's activity or steps taken.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Footprints } from '@phosphor-icons/react';
<Footprints size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Footprints size={24} />thin
<Footprints size={24} weight="thin" />light
<Footprints size={24} weight="light" />bold
<Footprints size={24} weight="bold" />fill
<Footprints size={24} weight="fill" />duotone
<Footprints size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- health & wellness
- Keywords
- pathtrailwalkroutehikehikinghealth & wellnessmaps & travelfootprints
FAQ
- What is the Phosphor footprints icon used for?
- It's typically used to signify walking, a path, a trail, or progress in UI elements related to navigation or activity tracking.
- How do I use the footprints icon in React?
- You can import and use it like this: import { Footprints } from '@phosphor-icons/react'.
- What is the license for the Phosphor footprints icon?
- The Phosphor icon library, including the footprints icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →