P5js icon

logos:p5js

The P5js icon (logos:p5js) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 237 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 237
Tags: p5j

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="237" viewBox="0 0 512 237"><path fill="#ed225d" 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>

How to use the P5js icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:p5js" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:p5js" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:p5js" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--p5js]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:p5js"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:p5js"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/p5js.svg" alt="P5js icon" width="24" height="24">

P5js icon in other icon sets

P5js icon FAQ

Is the P5js icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the P5js icon in React?

Install @iconify/react and render <Icon icon="logos:p5js" />, or use “Copy code” on this page to get a standalone React component.

How do I add the P5js icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/p5js.svg" alt="P5js icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →