أيقونة Phpstorm Dark

skill-icons:phpstorm-dark

أيقونة Phpstorm Dark (skill-icons:phpstorm-dark) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Skill Icons
المؤلف: tandpfun
الترخيص: MIT
الحجم: 256 × 256
الوسوم: phpstormdark

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#242938" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVG5qy9KbCN)"><path fill="url(#SVGz9XCEcAq)" d="m139 78l-8.25-25l-61-13L40 73.75l93 47.5z"/><path fill="url(#SVGOnU5VvPp)" d="m110 143.5l-1.75-52L40 73.75L56.75 174l53.25-.5z"/><path fill="url(#SVGg4GjTbIw)" d="m95.25 142.5l3.25-41.25L148 50.5l44.25 8L215 115.25l-23.75 23.5l-38.75-6.25l-24 25.25z"/><path fill="url(#SVGjqmKmdvz)" d="m148 50.5l-71 63l13.75 81l59 20.5L215 176z"/><path fill="#000" d="M181.5 73.5h-108v108h108z"/><path fill="#fff" d="M124.25 161.25h-40.5V168h40.5zm-41-73.75h18.25c10.75 0 17.25 6.25 17.25 15.5v.25c0 10.5-8 15.75-18.25 15.75H93v13.5h-9.75zM101 110c5 0 7.75-3 7.75-6.75V103c0-4.5-3-6.75-8-6.75h-7.5V110zm20.25 16l5.75-7c4 3.25 8.25 5.5 13.5 5.5c4 0 6.5-1.5 6.5-4.25V120c0-2.5-1.5-3.75-9-5.75c-9-2.25-15-4.75-15-13.75v-.25c0-8.25 6.5-13.5 15.75-13.5c6.5 0 12.25 2 16.75 5.75l-5.25 7.5c-4-2.75-8-4.5-11.75-4.5s-5.75 1.75-5.75 4v.25c0 3 2 4 9.75 6c9 2.5 14.25 5.75 14.25 13.5v.25c0 9-6.75 14-16.5 14c-6.75-.25-13.5-2.75-19-7.5"/></g></g><defs><linearGradient id="SVGz9XCEcAq" x1="41.395" x2="114.868" y1="157.114" y2="60.064" gradientUnits="userSpaceOnUse"><stop offset=".016" stop-color="#765af8"/><stop offset=".382" stop-color="#b345f1"/><stop offset=".758" stop-color="#fa3293"/><stop offset=".941" stop-color="#ff318c"/></linearGradient><linearGradient id="SVGOnU5VvPp" x1="46.824" x2="120.18" y1="160.947" y2="64.052" gradientUnits="userSpaceOnUse"><stop offset=".016" stop-color="#765af8"/><stop offset=".382" stop-color="#b345f1"/><stop offset=".758" stop-color="#fa3293"/><stop offset=".941" stop-color="#ff318c"/></linearGradient><linearGradient id="SVGg4GjTbIw" x1="167.142" x2="125.685" y1="156.012" y2="57.62" gradientUnits="userSpaceOnUse"><stop offset=".183" stop-color="#765af8"/><stop offset=".238" stop-color="#8655f6"/><stop offset=".345" stop-color="#9f4cf3"/><stop offset=".443" stop-color="#ae47f2"/><stop offset=".522" stop-color="#b345f1"/></linearGradient><linearGradient id="SVGjqmKmdvz" x1="198.164" x2="101.744" y1="183.347" y2="108.79" gradientUnits="userSpaceOnUse"><stop offset=".016" stop-color="#765af8"/><stop offset=".382" stop-color="#b345f1"/></linearGradient><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVG5qy9KbCN"><path fill="#fff" d="M40 40h175v175H40z"/></clipPath></defs></g></svg>

كيفية استخدام أيقونة Phpstorm Dark

React

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

<Icon icon="skill-icons:phpstorm-dark" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:phpstorm-dark" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:phpstorm-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--phpstorm-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:phpstorm-dark"></div>

مكوّن ويب

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

<iconify-icon icon="skill-icons:phpstorm-dark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/phpstorm-dark.svg" alt="أيقونة Phpstorm Dark" width="24" height="24">

أيقونات ذات صلة في Skill Icons

الأسئلة الشائعة حول أيقونة Phpstorm Dark

هل أيقونة Phpstorm Dark مجانية للاستخدام التجاري؟

نعم. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Phpstorm Dark في React؟

ثبّت @iconify/react واعرض <Icon icon="skill-icons:phpstorm-dark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Phpstorm Dark إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/phpstorm-dark.svg" alt="أيقونة Phpstorm Dark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Skill Icons →