Home/Libraries/SVG Logos (Iconify)/p5js

SVG Logos (Iconify)

P5js

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 237"><path fill="#818cf8" d="M28.697 56.898v16.718h.75c1.495-2.326 3.45-4.699 5.863-7.11c2.41-2.413 5.366-4.574 8.86-6.491c3.494-1.906 7.444-3.49 11.855-4.74c4.404-1.246 9.358-1.874 14.847-1.874q12.728.002 23.458 4.867q10.73 4.874 18.47 13.354q7.732 8.488 11.977 19.964q4.242 11.481 4.243 24.707q0 13.225-4.12 24.83c-2.742 7.736-6.657 14.472-11.728 20.212c-5.077 5.74-11.229 10.322-18.467 13.725q-10.86 5.114-24.582 5.114q-12.73 0-23.333-5.238c-7.075-3.495-12.52-8.233-16.346-14.228h-.497v75.865H0V56.898zm69.877 59.392q-.001-6.988-2.122-13.852q-2.124-6.859-6.365-12.353c-2.83-3.654-6.404-6.61-10.731-8.858q-6.49-3.368-15.221-3.368q-8.238 0-14.724 3.495c-4.327 2.33-8.03 5.328-11.105 8.982q-4.62 5.493-6.988 12.48c-1.584 4.66-2.37 9.321-2.37 13.976c0 4.66.786 9.277 2.37 13.848c1.58 4.58 3.907 8.695 6.988 12.357c3.077 3.658 6.778 6.614 11.105 8.855c4.323 2.249 9.233 3.367 14.724 3.367c5.821 0 10.894-1.16 15.22-3.49q6.488-3.495 10.732-8.987q4.24-5.487 6.365-12.476q2.12-6.99 2.122-13.976m291.9-65.115v132.743q-.001 10.73-1.748 20.338c-1.168 6.405-3.367 11.977-6.613 16.722c-3.242 4.745-7.655 8.524-13.228 11.354c-5.576 2.83-12.85 4.241-21.836 4.241q-3.741-.001-7.487-.497q-3.74-.503-5.989-1.001l2.498-25.455q1.995.5 4.24.75c1.5.163 2.827.249 3.993.249q5.237 0 8.485-1.996q3.24-2.003 4.993-5.491q1.741-3.495 2.245-8.113c.33-3.079.498-6.36.498-9.855V51.175zm-74.775 81.576v18.593l17.834-5.383l3.503 10.778l-17.762 6.057l11.026 15.635l-9.296 6.743l-11.607-15.359l-11.304 14.954l-9.028-6.875l11.027-15.098l-17.9-6.459l3.506-10.785l17.974 5.792V132.75zM492.54 88.84c-2.664-3.495-6.322-6.527-10.981-9.107q-6.988-3.87-15.223-3.87c-4.827 0-9.231 1-13.223 2.996c-3.997 1.992-5.989 5.324-5.989 9.981s2.201 7.95 6.61 9.856q6.614 2.873 19.343 5.867q6.733 1.5 13.599 3.993q6.865 2.492 12.48 6.613c3.74 2.742 6.777 6.156 9.108 10.232c2.326 4.078 3.495 9.025 3.495 14.849q-.002 10.987-4.12 18.592q-4.116 7.613-10.982 12.354q-6.865 4.742-15.972 6.862c-6.074 1.413-12.35 2.12-18.841 2.12c-9.32 0-18.384-1.706-27.203-5.115c-8.818-3.405-16.139-8.276-21.96-14.594l19.715-18.47c3.328 4.327 7.65 7.904 12.979 10.73c5.323 2.83 11.226 4.24 17.719 4.24c2.159 0 4.364-.244 6.613-.746q3.367-.745 6.237-2.368a12.96 12.96 0 0 0 4.618-4.368c1.16-1.834 1.743-4.074 1.743-6.741c0-4.994-2.287-8.566-6.858-10.73q-6.87-3.245-20.589-6.488a99 99 0 0 1-13.106-3.87q-6.361-2.37-11.354-6.238c-3.332-2.58-5.988-5.778-7.985-9.611q-2.995-5.737-2.997-14.224q-.002-9.98 4.12-17.215c2.742-4.83 6.365-8.773 10.854-11.86c4.49-3.075 9.565-5.364 15.224-6.858c5.654-1.5 11.48-2.25 17.468-2.25c8.647 0 17.094 1.5 25.327 4.49Q504.757 62.39 512 71.62zm-238.447 6.112c-3.08-6.9-7.36-12.725-12.851-17.468q-8.236-7.111-19.34-10.855q-11.108-3.741-24.08-3.743c-3.163 0-6.698.171-10.607.497c-3.91.339-7.278.918-10.106 1.752l1.745-38.185h72.122V0h-100.57l-2.995 96.571c2.657-1.327 5.696-2.575 9.107-3.743c3.41-1.16 6.902-2.201 10.48-3.115a96 96 0 0 1 10.983-2.124q5.613-.746 10.606-.746q7.234 0 14.224 1.62q6.986 1.626 12.602 5.74c3.743 2.742 6.776 6.365 9.109 10.855q3.491 6.736 3.493 16.97q0 7.987-2.621 14.35c-1.746 4.237-4.118 7.777-7.11 10.601c-2.997 2.833-6.487 4.994-10.484 6.488c-3.992 1.503-8.233 2.25-12.727 2.25c-7.983 0-14.891-2.124-20.713-6.365c-5.825-4.241-9.98-9.856-12.478-16.845l-.333.123l-21.671 20.307c4.383 7.148 10.033 13.128 17.014 17.877c10.146 6.9 22.623 10.358 37.434 10.358c8.817 0 17.134-1.418 24.954-4.242q11.727-4.24 20.463-12.232q8.732-7.982 13.852-19.587c3.407-7.736 5.113-16.509 5.113-26.329c.002-8.984-1.536-16.923-4.615-23.83"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. P5jsIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.