Logoforge
Back

Prettier logo

Prettier formats source code automatically according to consistent style rules, helping developers maintain readable code across multiple programming languages. The Prettier logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Prettier logo
Brand color
#f7b93e
Categories
Build tools
Variants
2 SVG files
Website
prettier.io
Source
gilbarbara/logos · CC0
Sponsor

Use the Prettier logo

shadcn CLI
npx shadcn@latest add @logoforge/prettier

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { PrettierLogo } from "@/components/logos/prettier";

<PrettierLogo className="size-8" />
<PrettierLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><rect width="24.381" height="12.19" x="182.857" y="48.762" fill="#56b3b4" rx="5"/><rect width="73.143" height="12.19" y="243.81" fill="#ea5e5e" rx="5"/><rect width="48.762" height="12.19" x="146.286" y="146.286" fill="#bf85bf" rx="5"/><rect width="60.952" height="12.19" x="73.143" y="146.286" fill="#ea5e5e" rx="5"/><rect width="60.952" height="12.19" y="146.286" fill="#56b3b4" rx="5"/><rect width="73.143" height="12.19" y="195.048" fill="#bf85bf" rx="5"/><rect width="73.143" height="12.19" y="97.524" fill="#bf85bf" rx="5"/><rect width="134.095" height="12.19" x="60.952" y="24.381" fill="#f7ba3e" rx="5"/><rect width="48.762" height="12.19" y="24.381" fill="#ea5e5e" rx="5"/><rect width="24.381" height="12.19" x="48.762" y="219.429" fill="#f7ba3e" rx="5"/><rect width="24.381" height="12.19" x="48.762" y="73.143" fill="#56b3b4" rx="5"/><rect width="36.571" height="12.19" y="219.429" fill="#56b3b4" rx="5"/><rect width="36.571" height="12.19" y="73.143" fill="#f7ba3e" rx="5"/><rect width="24.381" height="12.19" x="158.476" y="219.429" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="60.952" height="12.19" x="85.333" y="219.429" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="60.952" height="12.19" x="195.048" y="219.429" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="109.714" height="12.19" x="97.524" y="121.905" fill="#56b3b4" rx="5"/><rect width="48.762" height="12.19" x="36.571" y="121.905" fill="#f7ba3e" rx="5"/><rect width="24.381" height="12.19" y="121.905" fill="#ea5e5e" rx="5"/><rect width="60.952" height="12.19" x="109.714" y="48.762" fill="#bf85bf" rx="5"/><rect width="97.524" height="12.19" y="48.762" fill="#56b3b4" rx="5"/><rect width="121.905" height="12.19" x="36.571" y="170.667" fill="#f7ba3e" rx="5"/><rect width="24.381" height="12.19" y="170.667" fill="#bf85bf" rx="5"/><rect width="73.143" height="12.19" x="146.286" y="73.143" fill="#ea5e5e" rx="5"/><rect width="73.143" height="12.19" x="146.286" y="97.524" fill="#f7ba3e" rx="5"/><rect width="158.476" height="12.19" fill="#56b3b4" rx="5"/><rect width="85.333" height="12.19" x="170.667" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="36.571" height="12.19" x="170.667" y="170.667" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="36.571" height="12.19" x="219.429" y="170.667" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="48.762" height="12.19" x="207.238" y="146.286" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="48.762" height="12.19" x="207.238" y="24.381" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="36.571" height="12.19" x="219.429" y="121.905" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="36.571" height="12.19" x="219.429" y="48.762" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="24.381" height="12.19" x="231.619" y="73.143" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="24.381" height="12.19" x="231.619" y="97.524" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="121.905" height="12.19" x="134.095" y="195.048" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="36.571" height="12.19" x="85.333" y="195.048" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="73.143" height="12.19" x="182.857" y="243.81" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="85.333" height="12.19" x="85.333" y="243.81" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="48.762" height="12.19" x="85.333" y="73.143" fill="#d0d4d8" opacity=".5" rx="5"/><rect width="48.762" height="12.19" x="85.333" y="97.524" fill="#d0d4d8" opacity=".5" rx="5"/></svg>

Download

Related logos

Prettier and the Prettier logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Prettier; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.