Icône Jetbrains Phpstorm
thesvg-color:jetbrains-phpstorm
L'icône Jetbrains Phpstorm (thesvg-color:jetbrains-phpstorm) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 105 × 105. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 105 × 105
- Mots-clés
- jetbrainsphpstorm, jetbrain
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="105" height="105" viewBox="0 0 105 105"><g fill="none"><defs><linearGradient id="SVGcyo4Bdel" x1="22.7" x2="49.807" y1="60.354" y2="8.295" gradientUnits="userSpaceOnUse"><stop stop-color="#af1df5"/><stop offset=".212" stop-color="#bc20e4"/><stop offset=".628" stop-color="#dd29b8"/><stop offset="1" stop-color="#ff318c"/></linearGradient><linearGradient id="SVG50MSGcKt" x1="14.919" x2="47.777" y1="76.279" y2="32.877" gradientUnits="userSpaceOnUse"><stop offset=".016" stop-color="#6b57ff"/><stop offset=".424" stop-color="#b74af7"/><stop offset=".746" stop-color="#ff318c"/></linearGradient><linearGradient id="SVGdM2a4dGK" x1="89.261" x2="71.054" y1="64.564" y2="21.351" gradientUnits="userSpaceOnUse"><stop stop-color="#293896"/><stop offset=".075" stop-color="#3b3aa2"/><stop offset=".287" stop-color="#6740c0"/><stop offset=".491" stop-color="#8a44d8"/><stop offset=".683" stop-color="#a347e9"/><stop offset=".858" stop-color="#b249f3"/><stop offset="1" stop-color="#b74af7"/></linearGradient><linearGradient id="SVGUz3i3bdx" x1="74.34" x2="44.071" y1="90.066" y2="45.698" gradientUnits="userSpaceOnUse"><stop offset=".016" stop-color="#6b57ff"/><stop offset=".783" stop-color="#b74af7"/></linearGradient><linearGradient id="SVGdcUYfbrP" x1="65.166" x2="55.137" y1="66.25" y2="13.215" gradientUnits="userSpaceOnUse"><stop offset=".016" stop-color="#6b57ff"/><stop offset=".637" stop-color="#b74af7"/></linearGradient><linearGradient id="SVG7M7YabKc" x1="15.922" x2="31.544" y1="43.224" y2="14.874" gradientUnits="userSpaceOnUse"><stop stop-color="#af1df5"/><stop offset=".212" stop-color="#bc20e4"/><stop offset=".628" stop-color="#dd29b8"/><stop offset="1" stop-color="#ff318c"/></linearGradient></defs><path fill="url(#SVGcyo4Bdel)" d="m57.993 21.877l-3.202-9.678l-14.86 7.183l-19.67 1.735l2.7 33.75L50.858 50.2z"/><path fill="url(#SVG50MSGcKt)" d="M31.48 30.491L5 23.532l9.152 54.958l49.308-.48z"/><path fill="url(#SVGdM2a4dGK)" d="m67.896 53.903l-11.38-19.478L68.86 23.239l19.647-8.04L101 46.245l-17.992 17.87z"/><path fill="url(#SVGUz3i3bdx)" d="m83.017 45.832l-6.25-12.757l-49.008 9.846l5.034 46.795L65.147 101L101 79.54z"/><path fill="url(#SVGdcUYfbrP)" d="M57.674 48.118L27.76 42.92L64.274 10.7l24.233 4.5l-15.019 14.983l3.472 3.086z"/><path fill="url(#SVG7M7YabKc)" d="M54.791 12.2L21.376 5L5 23.533l26.527 7.052z"/><path fill="#000" d="M83 23H23v60h60z"/><path fill="#fff" d="M53 71.75H30.5v3.75H53zm-2.856-21.73l2.935-3.513c2.03 1.675 4.16 2.74 6.735 2.74c2.034 0 3.258-.806 3.258-2.13v-.064c0-1.256-.774-1.902-4.546-2.867c-4.547-1.16-7.482-2.421-7.483-6.899v-.069c0-4.09 3.29-6.803 7.9-6.803a13.06 13.06 0 0 1 8.383 2.872l-2.58 3.74c-1.998-1.388-3.964-2.225-5.866-2.225s-2.904.87-2.904 1.966v.064c0 1.483.97 1.97 4.87 2.967c4.578 1.192 7.159 2.84 7.159 6.772v.063c0 4.483-3.417 6.995-8.286 6.995a14.37 14.37 0 0 1-9.575-3.609M30.568 30.758h9.181c5.36 0 8.603 3.178 8.603 7.768v.064c0 5.2-4.045 7.897-9.085 7.897h-3.756v6.74h-4.943zm8.86 11.33c2.472 0 3.916-1.475 3.916-3.402v-.064c0-2.215-1.54-3.402-4.013-3.402h-3.82v6.869z"/></g></svg>Comment utiliser l'icône Jetbrains Phpstorm
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:jetbrains-phpstorm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:jetbrains-phpstorm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:jetbrains-phpstorm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--jetbrains-phpstorm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:jetbrains-phpstorm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:jetbrains-phpstorm"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-phpstorm.svg" alt="Icône Jetbrains Phpstorm" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Jetbrains Phpstorm
L'icône Jetbrains Phpstorm est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Jetbrains Phpstorm dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:jetbrains-phpstorm" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Jetbrains Phpstorm à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-phpstorm.svg" alt="Icône Jetbrains Phpstorm">, ou collez le code SVG directement dans la page pour le styliser en CSS.