The HugeIcons text kerning icon visually represents the adjustment of space between characters in text, commonly used in UI elements related to typography settings or text editing.
Common uses
- Typography settings panel
- Text editor toolbar
- Font customization modal
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextKerningIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextKerningIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- letter spacingcharacter spacingtypographyfont adjustment
FAQ
- What does the text kerning icon represent?
- It represents the process of adjusting the spacing between individual letters in a typeface to achieve a visually pleasing and uniform appearance.
- How do I use the TextKerningIcon in React?
- Import both HugeiconsIcon and TextKerningIcon, then render it using <HugeiconsIcon icon={TextKerningIcon} />.
- What is the license for this icon?
- This icon is provided 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 →