The Phosphor file ts icon depicts a document with the letters "TS" on it, commonly used to represent TypeScript files or code-related documents in user interfaces.
Common uses
- Button to open a TypeScript configuration file
- List item for a project's main TypeScript file
- Tab label for a code editor view
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FileTs } from '@phosphor-icons/react';
<FileTs size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FileTs size={24} />thin
<FileTs size={24} weight="thin" />light
<FileTs size={24} weight="light" />bold
<FileTs size={24} weight="bold" />fill
<FileTs size={24} weight="fill" />duotone
<FileTs size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- documentscodetypescriptofficeeditortechnology & developmentfiletstypescript filecode filedocument tsfile type ts
FAQ
- What does the file ts icon represent?
- It represents a file specifically associated with TypeScript, a programming language. It's often used to denote code files or documents related to development.
- How do I use the file ts icon in React?
- You can import and use it in your React components like this: import { FileTs } from '@phosphor-icons/react'. Then, render it as <FileTs size={32} />.
- What is the license for the Phosphor file ts icon?
- The Phosphor icon library, including the file ts 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 →