أيقونة P5js
logos:p5js
أيقونة P5js (logos:p5js) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 237. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 237
- الوسوم
- p5j
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:p5js"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/p5js.svg" alt="أيقونة P5js" width="24" height="24">أيقونة P5js في مجموعات أخرى
الأسئلة الشائعة حول أيقونة P5js
هل أيقونة P5js مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة P5js في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:p5js" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة P5js إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/p5js.svg" alt="أيقونة P5js">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.