Skip to content

Text Position Top

The text-position-top icon represents a text alignment option where the text is aligned to the top.

Add shadcn.io to your AI agent. · Pro It installs Text Position Top, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Text Position Top icon from ProIcons
Get Pro

545 in ProIconsMIT license (opens in a new tab)Free to copy and download

Code

Text Position Top in your framework

In any framework. Customize it above, and the code follows.

export const TextPositionTopIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M12 21.25V7.871m-6.287 5.666l5.226-5.226c.293-.293.677-.44 1.061-.44m6.287 5.666l-5.226-5.226A1.5 1.5 0 0 0 12 7.87M2.75 2.75h18.5"/>
  </svg>
);

ProIcons

Icons that share its tags, in the same style.

  • Text Position Middle icon from ProIcons
  • Text Small icon from ProIcons
  • Text Strikethrough icon from ProIcons
  • Text Subscript icon from ProIcons
  • Text Superscript icon from ProIcons
  • Text Underline icon from ProIcons
  • Text Typography icon from ProIcons
  • Bullet List icon from ProIcons
  • Grid icon from ProIcons
  • Panel Bottom Open icon from ProIcons
  • Panel Left icon from ProIcons
  • Panel Left Contract icon from ProIcons
  • Panel Left Expand icon from ProIcons
  • Panel Left Open icon from ProIcons
  • Panel Right icon from ProIcons
  • Panel Right Contract icon from ProIcons
  • Panel Right Expand icon from ProIcons
  • Panel Right Open icon from ProIcons
  • Rectangle Wide icon from ProIcons
  • Text Align Center icon from ProIcons
  • Text Align Justify icon from ProIcons
  • Text Align Left icon from ProIcons
  • Text Align Right icon from ProIcons
  • Board icon from ProIcons

Skip the copy and paste. With Pro, your AI agent finds and installs any ProIcons icon from a prompt.

Get Pro

Tags

Browse by tag

Text Position Top is tagged UI, interface, UX and 3 more. Related tags follow; each opens its icons from every library.

Pricing

ProIcons MCP, with Pro

Ask for Text Position Top or any of 545 ProIcons 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.

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 popular

For 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 Position Top icon means and where it's used, then how to install, style and license it.

Install Text Position Top from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro