Logoforge
Back

p5.js logo

p5.js is a JavaScript library that simplifies creative coding, allowing developers to draw graphics and handle interaction directly in web browsers. The p5.js logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

p5.js logo
Brand color
#ed225d
Categories
Libraries
Variants
3 SVG files
Website
p5js.org
Source
Simple Icons · CC0
Sponsor

Use the p5.js logo

shadcn CLI
npx shadcn@latest add @logoforge/p5js

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

React
import { P5jsLogo } from "@/components/logos/p5js";

<P5jsLogo className="size-8" />
<P5jsLogo variant="mono" />          {/* currentColor */}
<P5jsLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" fill="#ed225d" viewBox="0 0 24 24"><path d="M1.345 9.122v.784h.035q.105-.164.274-.333a2 2 0 0 1 .416-.305 2.56 2.56 0 0 1 1.253-.31 2.63 2.63 0 0 1 1.964.854q.363.399.561.936.2.539.2 1.159t-.194 1.163a2.9 2.9 0 0 1-.549.948 2.6 2.6 0 0 1-.866.644q-.51.24-1.152.24-.597 0-1.094-.246a1.86 1.86 0 0 1-.766-.668h-.024v3.558H0V9.12zm3.276 2.785q0-.328-.1-.65a1.8 1.8 0 0 0-.298-.579 1.5 1.5 0 0 0-.503-.416 1.5 1.5 0 0 0-.714-.157 1.44 1.44 0 0 0-.691.163 1.8 1.8 0 0 0-.52.421 1.8 1.8 0 0 0-.328.585 1.97 1.97 0 0 0 0 1.305 1.8 1.8 0 0 0 .328.58 1.7 1.7 0 0 0 .52.414q.305.158.691.159a1.48 1.48 0 0 0 1.217-.586q.198-.256.297-.585a2.3 2.3 0 0 0 .1-.654zm13.682-3.054v6.223q0 .503-.082.952a2 2 0 0 1-.31.785 1.6 1.6 0 0 1-.62.532q-.392.199-1.024.199a3 3 0 0 1-.35-.024 4 4 0 0 1-.281-.047l.117-1.192a1.8 1.8 0 0 0 .386.047.75.75 0 0 0 .397-.094.63.63 0 0 0 .234-.258q.082-.163.105-.38.024-.216.024-.461V8.853zm4.784 1.765a1.6 1.6 0 0 0-.514-.427 1.45 1.45 0 0 0-.714-.18q-.339 0-.62.14a.48.48 0 0 0-.28.467.47.47 0 0 0 .31.462q.309.135.906.276.315.07.638.187.322.115.585.31a1.5 1.5 0 0 1 .427.48q.163.286.163.695 0 .515-.192.872-.194.356-.515.58a2.2 2.2 0 0 1-.75.32 4 4 0 0 1-.883.101 3.5 3.5 0 0 1-1.275-.24 2.7 2.7 0 0 1-1.03-.685l.925-.866a1.83 1.83 0 0 0 1.44.703q.15 0 .31-.035a1 1 0 0 0 .29-.112.6.6 0 0 0 .218-.205.6.6 0 0 0 .081-.316.52.52 0 0 0-.32-.503q-.324-.15-.967-.303a5 5 0 0 1-.614-.182 2 2 0 0 1-.531-.292 1.35 1.35 0 0 1-.375-.451 1.4 1.4 0 0 1-.14-.667q0-.467.192-.806a1.66 1.66 0 0 1 .51-.556q.315-.217.713-.322a3.2 3.2 0 0 1 .819-.105q.608 0 1.187.21t.919.643zm-8.29 2.931.837-.252.164.505-.833.283.517.734-.436.316-.544-.721-.53.701-.423-.322.517-.708-.84-.302.165-.506.843.271v-.872h.564zm-2.887-2.644a2.3 2.3 0 0 0-.602-.819 2.7 2.7 0 0 0-.907-.509 3.5 3.5 0 0 0-1.13-.175q-.221 0-.497.024a2.4 2.4 0 0 0-.474.082l.082-1.79h3.382V6.453H7.05l-.14 4.527a4 4 0 0 1 .426-.175 7 7 0 0 1 .491-.147 5 5 0 0 1 .515-.099 4 4 0 0 1 .497-.035q.34 0 .668.076.327.075.591.269.262.193.426.509t.164.795q0 .375-.123.673a1.4 1.4 0 0 1-.333.497 1.4 1.4 0 0 1-.49.304q-.284.106-.598.106-.562 0-.972-.299a1.63 1.63 0 0 1-.584-.79l-.015.006-1.016.952q.307.504.797.838.713.486 1.754.486a3.4 3.4 0 0 0 1.17-.2 2.7 2.7 0 0 0 1.609-1.491q.24-.543.24-1.233 0-.633-.216-1.118z"/></svg>

Download

Related logos

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