The HugeIcons text all caps icon visually represents text that is entirely in uppercase letters, often used to signify emphasis or a specific text formatting option.
Common uses
- Toggle uppercase formatting
- Indicate all-caps mode
- Apply title case style
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextAllCapsIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextAllCapsIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- all capsuppercasetext formattitle case
FAQ
- What does the TextAllCapsIcon represent?
- This icon represents text that is fully capitalized. It's typically used in UIs to indicate an option for applying or viewing text in all uppercase.
- How do I use the TextAllCapsIcon in React?
- Import both HugeiconsIcon and TextAllCapsIcon, then render it using <HugeiconsIcon icon={TextAllCapsIcon} />.
- What is the license for this icon?
- The TextAllCapsIcon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →