The Phosphor file ini icon depicts a document with a gear symbol, commonly used to represent configuration files or settings within an application's user interface.
Common uses
- Settings or Preferences button
- Configuration file management
- INI file viewer/editor
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FileIni } from '@phosphor-icons/react';
<FileIni size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FileIni size={24} />thin
<FileIni size={24} weight="thin" />light
<FileIni size={24} weight="light" />bold
<FileIni size={24} weight="bold" />fill
<FileIni size={24} weight="fill" />duotone
<FileIni size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- *new*documentsofficeeditortechnology & developmentfileiniconfiguration filesettings filepreferencesgear document
FAQ
- What does the file ini icon represent?
- It represents a configuration file, often with a .ini extension, used for application settings.
- How do I use the file ini icon in React?
- Import it from the library like this: import { FileIni } from '@phosphor-icons/react'. Then use it as a React component: <FileIni size={32} />.
- What is the license for the Phosphor file ini icon?
- The Phosphor icon library, including the file ini 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 →