The Phosphor file css icon depicts a document with the CSS file extension, commonly used to represent CSS files or settings within an office or development-related UI.
Common uses
- Button to edit CSS file
- File type indicator in a file explorer
- Link to a CSS stylesheet resource
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FileCss } from '@phosphor-icons/react';
<FileCss size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FileCss size={24} />thin
<FileCss size={24} weight="thin" />light
<FileCss size={24} weight="light" />bold
<FileCss size={24} weight="bold" />fill
<FileCss size={24} weight="fill" />duotone
<FileCss size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- documentscodeofficeeditortechnology & developmentfilecsscss filedocument csscode filestylesheet
FAQ
- What is the file css icon for?
- This icon represents a CSS file. It's used in UIs to signify CSS-related documents or settings.
- How do I use the file css icon in React?
- You can import and use it like this: import { FileCss } from '@phosphor-icons/react'. Then render it as <FileCss />.
- What is the license for this icon?
- The Phosphor file css 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 →