Text Height
The text-height icon represents typography and text layout.
Add shadcn.io to your AI agent. · Pro It installs Text Height, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 28 × 24 px
649 in Font Awesome 4Open Font License license (opens in a new tab)Free to copy and download
Code
Text Height in your framework
In any framework. Customize it above, and the code follows.
export const TextHeightIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 1792 1536" {...props}>
<path fill="currentColor" d="M1744 1280q33 0 42 18.5t-11 44.5l-126 162q-20 26-49 26t-49-26l-126-162q-20-26-11-44.5t42-18.5h80V256h-80q-33 0-42-18.5t11-44.5l126-162q20-26 49-26t49 26l126 162q20 26 11 44.5t-42 18.5h-80v1024zM81 1l54 27q12 5 211 5q44 0 132-2t132-2q36 0 107.5.5T825 30h293q6 0 21 .5t20.5 0t16-3t17.5-9T1208 1l42-1q4 0 14 .5t14 .5q2 112 2 336q0 80-5 109q-39 14-68 18q-25-44-54-128q-3-9-11-48t-14.5-73.5t-7.5-35.5q-6-8-12-12.5t-15.5-6t-13-2.5t-18-.5t-16.5.5q-17 0-66.5-.5T904 157t-64 2t-71 6q-9 81-8 136q0 94 2 388t2 455q0 16-2.5 71.5t0 91.5t12.5 69q40 21 124 42.5t120 37.5q5 40 5 50q0 14-3 29l-34 1q-76 2-218-8t-207-10q-50 0-151 9t-152 9q-3-51-3-52v-9q17-27 61.5-43t98.5-29t78-27q19-42 19-383q0-101-3-303t-3-303V270q0-2 .5-15.5t.5-25t-1-25.5t-3-24t-5-14q-11-12-162-12q-33 0-93 12t-80 26q-19 13-34 72.5t-31.5 111T56 429q-42-26-56-44V2z"/>
</svg>
);Other libraries
Text Height in 8 more libraries
Each library draws it its own way. Open one to compare.
Font Awesome 4
More like it
Icons that share its tags, in the same style.
Search Font Awesome 4
Skip the copy and paste. With Pro, your AI agent finds and installs any Font Awesome 4 icon from a prompt.
Get ProTags
Browse by tag
Text Height is tagged design, layout, typography and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Font Awesome 4 MCP, with Pro
Ask for Text Height or any of 649 Font Awesome 4 icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Text Height icon means and where it's used, then how to install, style and license it.
Install Text Height from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.