The Lucide type icon visually represents text or font settings, commonly used in UI elements related to text editing, formatting, or content creation.
Common uses
- Text formatting toolbar button
- Content editor settings menu
- Document creation wizard step
Use it in React
Install
npm i lucide-reactImport & render
import { Type } from 'lucide-react';
<Type size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- textfonttypographytypetext iconfont icontypography icon
FAQ
- What is the type icon used for?
- It's used to indicate actions or settings related to text, fonts, or typography within an application's interface.
- How do I use the type icon in React?
- You can import and use it in your React application with: import { Type } from 'lucide-react'
- What is the license for the Lucide type icon?
- The Lucide icon library, including the type 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 →