The Phosphor replit logo icon depicts the Replit brand and is typically used to represent the Replit IDE or services within a user interface.
Common uses
- Link to Replit profile or project
- Identify Replit integration
- Branding element for Replit partnerships
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ReplitLogo } from '@phosphor-icons/react';
<ReplitLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ReplitLogo size={24} />thin
<ReplitLogo size={24} weight="thin" />light
<ReplitLogo size={24} weight="light" />bold
<ReplitLogo size={24} weight="bold" />fill
<ReplitLogo size={24} weight="fill" />duotone
<ReplitLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- *new*logosideeditorcodingbrandstechnology & developmentreplitlogoide logoonline editor logo
FAQ
- What is the replit-logo icon for?
- This icon represents the Replit brand. It's used to visually identify Replit services, integrations, or content within an application.
- How do I use the Replit logo icon in React?
- You can import and use it in your React project with: import { ReplitLogo } from '@phosphor-icons/react'
- What is the license for the replit-logo icon?
- The replit-logo icon is provided under the MIT license, allowing for free use.
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 →