Jetbrains Phpstorm icon

thesvg-color:jetbrains-phpstorm

The Jetbrains Phpstorm icon (thesvg-color:jetbrains-phpstorm) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 105 × 105 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 105 × 105
Tags: jetbrainsphpstorm, jetbrain

Download SVG

SVG code

<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>

How to use the Jetbrains Phpstorm icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-phpstorm.svg" alt="Jetbrains Phpstorm icon" width="24" height="24">

Related icons in theSVG Color

Jetbrains Phpstorm icon FAQ

Is the Jetbrains Phpstorm icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Jetbrains Phpstorm icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:jetbrains-phpstorm" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Jetbrains Phpstorm icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/jetbrains-phpstorm.svg" alt="Jetbrains Phpstorm icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →