Skip to content

P Button

The p-button icon represents a button or action element in a user interface.

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

Set up MCP

Exports at 24 × 24 px

P Button icon from Emoji One (v1)

Code

P Button in your framework

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

export const PButtonIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 64 64" {...props}>
    <path fill="#1b75bb" d="M63.792 56.914a6.875 6.875 0 0 1-6.876 6.88H6.874A6.876 6.876 0 0 1 0 56.914V6.875A6.876 6.876 0 0 1 6.874 0h50.042c3.8 0 6.876 3.08 6.876 6.875z"/><path fill="#fff" d="M32.2 36.491h-8.357v12.752q0 2.734-1.29 4.146c-.86.94-1.948 1.414-3.258 1.414q-2.059 0-3.317-1.398q-1.26-1.4-1.26-4.104V14.584c0-2.01.462-3.44 1.384-4.299q1.38-1.293 4.393-1.293h11.706q5.19.002 7.989.8q2.764.77 4.777 2.551q2.011 1.781 3.057 4.361q1.044 2.582 1.046 5.808c0 4.589-1.414 8.06-4.242 10.43c-2.827 2.368-7.04 3.549-12.628 3.549m-2.213-20.645h-6.145v13.763h6.145q3.227 0 5.393-.678q2.166-.674 3.304-2.21q1.136-1.533 1.137-4.03q0-2.98-1.752-4.854c-1.313-1.332-4.01-1.996-8.08-1.996"/>
  </svg>
);

Other libraries

P Button in 2 more libraries

Each library draws it its own way. Open one to compare.

  • P Button icon from Fluent Emoji High Contrast
  • P Button icon from Emoji One (Monotone)

Emoji One (v1)

Icons that share its tags, in the same style.

  • B Button icon from Emoji One (v1)
  • Fast Down Button icon from Emoji One (v1)
  • Fast Forward Button icon from Emoji One (v1)
  • Fast Reverse Button icon from Emoji One (v1)
  • Fast Up Button icon from Emoji One (v1)
  • Ab Button icon from Emoji One (v1)
  • A Button icon from Emoji One (v1)
  • Black Square Button icon from Emoji One (v1)
  • Free Button icon from Emoji One (v1)
  • Ng Button icon from Emoji One (v1)
  • Pager icon from Emoji One (v1)
  • Cl Button icon from Emoji One (v1)
  • Dim Button icon from Emoji One (v1)
  • New Button icon from Emoji One (v1)
  • Up Text Button icon from Emoji One (v1)
  • Upwards Button icon from Emoji One (v1)
  • Black Touch Tone Telephone icon from Emoji One (v1)
  • Bright Button icon from Emoji One (v1)
  • Counterclockwise Arrows Button icon from Emoji One (v1)
  • Japanese Acceptable Button icon from Emoji One (v1)
  • Japanese Application Button icon from Emoji One (v1)
  • Japanese Bargain Button icon from Emoji One (v1)
  • Japanese Congratulations Button icon from Emoji One (v1)
  • Left Right Arrow icon from Emoji One (v1)

Skip the copy and paste. With Pro, your AI agent finds and installs any Emoji One (v1) icon from a prompt.

Get Pro

Tags

Browse by tag

P Button is tagged UI, interface, action and 2 more. Related tags follow; each opens its icons from every library.

Pricing

Emoji One (v1) MCP, with Pro

Ask for P Button or any of 1,262 Emoji One (v1) 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 P Button icon means and where it's used, then how to install, style and license it.

Install P Button from a prompt

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

Get Pro