The Phosphor microsoft word logo icon depicts the iconic branding for Microsoft Word, commonly used in UIs to represent document creation, editing, or association with the Microsoft Office suite.
Common uses
- Button to open or create a Word document.
- Link to a Microsoft Word file download.
- Label for a section related to document processing.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MicrosoftWordLogo } from '@phosphor-icons/react';
<MicrosoftWordLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MicrosoftWordLogo size={24} />thin
<MicrosoftWordLogo size={24} weight="thin" />light
<MicrosoftWordLogo size={24} weight="light" />bold
<MicrosoftWordLogo size={24} weight="bold" />fill
<MicrosoftWordLogo size={24} weight="fill" />duotone
<MicrosoftWordLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- brands
- Keywords
- documentsword processordocdocxbrandseditorofficemicrosoftwordlogoword iconmicrosoft office logodocument editor logo
FAQ
- What is the microsoft-word-logo icon for?
- This icon represents Microsoft Word and is used to signify Word documents, editing features, or the Microsoft Office suite in user interfaces.
- How do I use the Microsoft Word logo icon in React?
- You can import and use it in your React components like this: `import { MicrosoftWordLogo } from '@phosphor-icons/react'`. Then render it as `<MicrosoftWordLogo />`.
- What is the license for this icon?
- The Phosphor icon library, including the microsoft-word-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 →