Icono Jetbrains Phpstorm
thesvg-color:jetbrains-phpstorm
El icono Jetbrains Phpstorm (thesvg-color:jetbrains-phpstorm) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 105 × 105. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 105 × 105
- Etiquetas
- jetbrainsphpstorm, jetbrain
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-phpstorm.svg" alt="Icono Jetbrains Phpstorm" width="24" height="24">Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Jetbrains Phpstorm
¿El icono Jetbrains Phpstorm es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Jetbrains Phpstorm en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:jetbrains-phpstorm" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Jetbrains Phpstorm a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-phpstorm.svg" alt="Icono Jetbrains Phpstorm">, o pega el código SVG en línea para darle estilo con CSS.