Logoforge
Back

Pico CSS logo

The Pico CSS logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Pico CSS logo
Brand color
#ff9500
Categories
UI & CSS
Variants
3 SVG files
Website
picocss.com
Source
gilbarbara/logos · CC0
Your brand here$40 / 30 days

Use the Pico CSS logo

shadcn CLI
npx shadcn@latest add @logoforge/pico-css

First time? Add the @logoforge registry to components.json, or use the MCP server.

React
import { PicoCssLogo } from "@/components/logos/pico-css";

<PicoCssLogo className="size-8" />
<PicoCssLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 512 218"><title>pico</title><path fill="#ff9500" d="M482.7 73.402a2.7 2.7 0 0 0-1.558 1.558l-10.6 27.561c-.893 2.32-4.173 2.32-5.066 0l-10.6-27.56a2.7 2.7 0 0 0-1.559-1.559l-27.56-10.6c-2.319-.892-2.319-4.173 0-5.065l27.56-10.6a2.7 2.7 0 0 0 1.56-1.558l10.6-27.561c.892-2.32 4.172-2.32 5.065 0l10.6 27.56a2.7 2.7 0 0 0 1.558 1.559l27.561 10.6c2.319.892 2.319 4.173 0 5.065z"/><path fill="#ffbf00" d="M405.427 37.407c-.892 2.319-4.172 2.319-5.065 0l-3.817-9.926a2.7 2.7 0 0 0-1.56-1.558l-9.925-3.818c-2.318-.892-2.318-4.172 0-5.064l9.926-3.818a2.7 2.7 0 0 0 1.559-1.558l3.817-9.926c.893-2.319 4.173-2.319 5.065 0l3.818 9.926a2.7 2.7 0 0 0 1.558 1.558l9.926 3.818c2.318.892 2.318 4.172 0 5.064l-9.926 3.818a2.7 2.7 0 0 0-1.558 1.558zm21.655 69.909a2.7 2.7 0 0 0-1.559 1.558l-3.817 9.926c-.893 2.319-4.173 2.319-5.066 0l-3.817-9.926a2.7 2.7 0 0 0-1.559-1.558l-9.925-3.818c-2.319-.892-2.319-4.172 0-5.064l9.925-3.818a2.7 2.7 0 0 0 1.56-1.558l3.816-9.926c.893-2.319 4.173-2.319 5.066 0l3.817 9.926a2.7 2.7 0 0 0 1.559 1.558l9.926 3.818c2.318.892 2.318 4.172 0 5.064z"/><path fill="#2a3140" d="M0 217.63V80.242h28.727l1.76 18.056v119.33zm58.237-36.899q-12.117 0-20.325-6.084-8.208-6.281-12.311-17.86-4.104-11.58-4.104-27.478 0-16.094 4.104-27.477 4.104-11.58 12.311-17.664 8.208-6.28 20.325-6.28 13.68 0 23.646 6.28 9.966 6.084 15.243 17.664 5.277 11.383 5.277 27.477 0 15.897-5.277 27.478-5.277 11.579-15.243 17.86-9.967 6.084-23.646 6.084m-7.817-28.262q5.862 0 10.357-2.944 4.496-2.944 7.23-8.047 2.737-5.3 2.737-12.169t-2.54-11.972q-2.541-5.299-7.231-8.243-4.496-2.944-10.358-2.944-5.863 0-10.553 2.944-4.495 2.943-7.035 8.243-2.54 5.299-2.54 11.972 0 6.869 2.54 12.169 2.54 5.103 7.035 8.047 4.496 2.944 10.358 2.944m68.685 25.907V80.243h30.487v98.133zm15.243-110.695q-6.84 0-12.116-5.102-5.08-5.3-5.081-12.169 0-7.261 5.081-12.168 5.276-5.103 12.116-5.103 7.036 0 12.117 5.103 5.08 4.906 5.08 12.168 0 6.87-5.08 12.169-5.081 5.102-12.117 5.102m85.668 113.05q-15.635 0-27.945-6.476-12.117-6.674-18.957-18.254-6.84-11.775-6.84-26.692 0-15.112 6.84-26.692t18.761-18.057q12.116-6.672 27.75-6.673 15.048 0 27.556 7.655 12.506 7.654 17.978 22.178l-28.923 9.813q-2.15-4.71-7.23-7.654-4.886-3.14-10.944-3.14t-10.749 2.943q-4.493 2.749-7.23 7.851-2.54 5.103-2.541 11.776.001 6.674 2.54 11.776 2.737 4.907 7.428 7.851 4.886 2.944 10.943 2.944t10.943-3.14 7.232-8.244l28.922 9.813q-5.668 14.722-18.174 22.572-12.314 7.85-27.36 7.85m106.673 0q-15.438 0-27.359-6.476-11.726-6.674-18.565-18.254-6.645-11.579-6.645-26.692t6.645-26.692 18.369-18.057q11.921-6.672 26.97-6.673 15.437 0 27.163 6.673 11.922 6.477 18.565 18.057 6.645 11.58 6.645 26.692t-6.645 26.692-18.37 18.254q-11.529 6.477-26.773 6.476m-.195-29.048q6.057 0 10.357-2.747 4.496-2.945 7.035-7.851 2.54-5.102 2.54-11.776.001-6.673-2.735-11.58-2.54-5.103-7.035-7.85-4.496-2.944-10.358-2.944t-10.357 2.944q-4.494 2.748-7.036 7.85-2.54 4.907-2.54 11.58 0 6.478 2.54 11.58t7.036 8.047q4.69 2.747 10.553 2.747"/></svg>

Download

Related logos

Pico CSS and the Pico CSS logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Pico CSS; 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.