Ikon P5js
logos:p5js
Ikon P5js (logos:p5js) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 237. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 237
- Tag
- p5j
Kode SVG
<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>Cara memakai ikon P5js
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/p5js.svg" alt="Ikon P5js" width="24" height="24">Ikon P5js di set ikon lain
FAQ Ikon P5js
Apakah ikon P5js gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon P5js di React?
Pasang @iconify/react lalu render <Icon icon="logos:p5js" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon P5js ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/p5js.svg" alt="Ikon P5js">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.