What does the bus icon represent?

The bus icon represents a vehicle used for public transportation. It's useful for indicating travel, routes, or services related to buses.

How do I use the bus icon in React?

You can import and use the bus icon in React with the following statement: `import { Bus } from '@phosphor-icons/react'`. Then render it as ` `.

The Phosphor bus icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.

Phosphor · bus · MIT

The Phosphor bus icon visually represents a bus, commonly used in UI to indicate public transportation options, travel routes, or bus stops.

Install

npm i @phosphor-icons/react

Import & render

import { Bus } from '@phosphor-icons/react';

<Bus size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<Bus size={24} />

thin

<Bus size={24} weight="thin" />

light

<Bus size={24} weight="light" />

bold

<Bus size={24} weight="bold" />

fill

<Bus size={24} weight="fill" />

duotone

<Bus size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: maps & travel
Keywords: vehiclesautomobilepublic transittransportationcommutertravelingplaceslocationsmaps & travelobjectsbustransportcommuter vehicle

What does the bus icon represent?: The bus icon represents a vehicle used for public transportation. It's useful for indicating travel, routes, or services related to buses.
How do I use the bus icon in React?: You can import and use the bus icon in React with the following statement: `import { Bus } from '@phosphor-icons/react'`. Then render it as `<Bus />`.
What is the license for the Phosphor bus icon?: The Phosphor bus icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →