Skip to content
shadcn.io

Prettier

The Prettier icon represents Prettier, a popular code formatter and style tool.

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

Set up MCP

Exports at 24 × 24 px

Prettier icon from Simple Icons
Get Pro

3,632 in Simple IconsCC0 1.0 license (opens in a new tab)Free to copy and download

Code

Prettier in your framework

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

export const PrettierIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="M8.571 23.429A.57.57 0 0 1 8 24H2.286a.571.571 0 0 1 0-1.143H8c.316 0 .571.256.571.572M8 20.57H6.857a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143m-5.714 1.143H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M8 18.286H2.286a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143M16 16H5.714a.571.571 0 0 0 0 1.143H16A.571.571 0 0 0 16 16M2.286 17.143h1.143a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m17.143-3.429H16a.571.571 0 0 0 0 1.143h3.429a.571.571 0 0 0 0-1.143M9.143 14.857h4.571a.571.571 0 0 0 0-1.143H9.143a.571.571 0 0 0 0 1.143m-6.857 0h4.571a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143M20.57 11.43h-9.14a.571.571 0 0 0 0 1.142h9.142a.571.571 0 0 0 0-1.142zM9.714 12a.57.57 0 0 0-.571-.571H5.714a.571.571 0 0 0 0 1.142h3.429A.57.57 0 0 0 9.714 12m-7.428.571h1.143a.571.571 0 0 0 0-1.142H2.286a.571.571 0 0 0 0 1.142m19.428-3.428H16a.571.571 0 0 0 0 1.143h5.714a.571.571 0 0 0 0-1.143M2.286 10.286H8a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m13.143-2.857A.57.57 0 0 0 16 8h5.714a.571.571 0 0 0 0-1.143H16a.57.57 0 0 0-.571.572m-8.572-.572a.571.571 0 0 0 0 1.143H8a.571.571 0 0 0 0-1.143zM2.286 8H4.57a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m16.571-2.857c0 .315.256.571.572.571h1.142a.571.571 0 0 0 0-1.143H19.43a.57.57 0 0 0-.572.572zm-1.143 0a.57.57 0 0 0-.571-.572H12.57a.571.571 0 0 0 0 1.143h4.572a.57.57 0 0 0 .571-.571zm-15.428.571h8a.571.571 0 0 0 0-1.143h-8a.571.571 0 0 0 0 1.143m5.143-2.857c0 .316.255.572.571.572h11.429a.571.571 0 0 0 0-1.143H8a.57.57 0 0 0-.571.571m-5.143.572h3.428a.571.571 0 0 0 0-1.143H2.286a.571.571 0 0 0 0 1.143m0-2.286H16A.571.571 0 0 0 16 0H2.286a.571.571 0 0 0 0 1.143"/>
  </svg>
);

Other libraries

Prettier in 2 more libraries

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

  • Prettier icon from File Icons
  • Prettier icon from CoreUI Brands

Simple Icons

More like it

Icons that share its tags, in the same style.

All 3,632 icons
  • Ajv icon from Simple Icons
  • Deno icon from Simple Icons
  • Ruff icon from Simple Icons
  • Typescript icon from Simple Icons
  • Wikidotjs icon from Simple Icons
  • Assemblyscript icon from Simple Icons
  • Emberdotjs icon from Simple Icons
  • Runkit icon from Simple Icons
  • 30secondsofcode icon from Simple Icons
  • Adonisjs icon from Simple Icons
  • Adventofcode icon from Simple Icons
  • Alpinedotjs icon from Simple Icons
  • Aurelia icon from Simple Icons
  • Clion icon from Simple Icons
  • Clojure icon from Simple Icons
  • Codechef icon from Simple Icons
  • Codemirror icon from Simple Icons
  • Coder icon from Simple Icons
  • D icon from Simple Icons
  • Dart icon from Simple Icons
  • Fcc icon from Simple Icons
  • Fireship icon from Simple Icons
  • Framework icon from Simple Icons
  • Freecodecamp icon from Simple Icons

Search Simple Icons

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

Get Pro

Tags

Browse by tag

Prettier is tagged programming, coding, javascript and 1 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Simple Icons MCP, with Pro

Ask for Prettier or any of 3,632 Simple Icons 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.

See full pricing

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

Install Prettier from a prompt

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

Get Pro