The Phosphor steam logo icon depicts the iconic symbol for the Steam platform, commonly used in UIs to represent links to the Steam store, game pages, or user profiles.
Common uses
- Link to Steam store page
- Indicate game availability on Steam
- Steam profile connection button
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SteamLogo } from '@phosphor-icons/react';
<SteamLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SteamLogo size={24} />thin
<SteamLogo size={24} weight="thin" />light
<SteamLogo size={24} weight="light" />bold
<SteamLogo size={24} weight="bold" />fill
<SteamLogo size={24} weight="fill" />duotone
<SteamLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- *new*gaminggamesbrandssteamlogosteam icongaming logovideo game brandsteam brand
FAQ
- What is the steam-logo icon for?
- This icon represents the Steam platform. It's used to visually link to Steam-related content or services within an application.
- How do I use the steam-logo icon in React?
- You can import and use it in your React application with: import { SteamLogo } from '@phosphor-icons/react'. Then render it as <SteamLogo />.
- What is the license for the Phosphor steam logo icon?
- The Phosphor icon library, including the steam logo 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 →