The Lucide type outline icon depicts a stylized representation of text or typography, commonly used to signify text editing, font selection, or general text-related functions within a user interface.
Common uses
- Button to open text formatting options
- Indicator for a text input field
- Menu item for font settings
Use it in React
Install
npm i lucide-reactImport & render
import { TypeOutline } from 'lucide-react';
<TypeOutline size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- textfonttypographysilhouetteprofilecontourstrokelinetypeoutlinetext iconfont icontypography iconletter icon
FAQ
- What is the 'type outline' icon used for?
- It's typically used to represent text, typography, or font-related actions in a user interface.
- How do I use the type outline icon in React?
- You can import and use it like this: import { TypeOutline } from 'lucide-react'. Then render it as <TypeOutline />.
- What is the license for the Lucide type outline icon?
- The Lucide icon library, including the type outline icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →