The Phosphor map trifold icon visually represents a folded map, commonly used in UI to indicate map-related features, location services, or travel planning sections.
Common uses
- Link to a map view or location details
- Button for travel itinerary or route planning
- Icon for a 'places' or 'destinations' section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MapTrifold } from '@phosphor-icons/react';
<MapTrifold size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MapTrifold size={24} />thin
<MapTrifold size={24} weight="thin" />light
<MapTrifold size={24} weight="light" />bold
<MapTrifold size={24} weight="bold" />fill
<MapTrifold size={24} weight="fill" />duotone
<MapTrifold size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- mapsplaceslocationscartographygeographymaps & travelmaptrifoldfolded mapatlasdirections
FAQ
- What is the map trifold icon used for?
- It's used to represent maps, locations, or travel-related features in a user interface. It visually signifies a folded map.
- How do I use the map trifold icon in React?
- You can import and use it like this: import { MapTrifold } from '@phosphor-icons/react'. Then render it as <MapTrifold />.
- What is the license for the Phosphor map trifold icon?
- The Phosphor icon library, including the map trifold 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 →