Home/Libraries/Devicon (Iconify)/webstorm

Devicon (Iconify)

Webstorm

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><defs><linearGradient id="SVGnkcoednH" x1="7.621" x2="61.248" y1="64.719" y2="39.856" gradientTransform="translate(0 46.84)scale(.43864)" gradientUnits="userSpaceOnUse"><stop offset=".22" stop-color="#f0eb18"/><stop offset=".59" stop-color="#00c4f4"/></linearGradient><linearGradient id="SVGmWOGYbGE" x1="60.019" x2="1.313" y1="59.778" y2="1.073" gradientTransform="translate(0 46.84)scale(.43864)" gradientUnits="userSpaceOnUse"><stop offset=".19" stop-color="#00c4f4"/><stop offset=".83" stop-color="#007dfe"/></linearGradient></defs><path fill="#818cf8" d="m11.639 96.106l.003 23.75A8.144 8.144 0 0 0 19.787 128H42.8a8.15 8.15 0 0 0 6.185-2.844l65.417-76.32a8.15 8.15 0 0 0 1.96-5.3v-23.75a8.145 8.145 0 0 0-8.144-8.146H85.2a8.15 8.15 0 0 0-6.185 2.844L13.6 90.804a8.15 8.15 0 0 0-1.96 5.302Z"/><path fill="url(#SVGnkcoednH)" d="M2.552 68.545v4.583c0 .986.8 1.786 1.786 1.786h5.743q.128 0 .253-.018l16.205-2.314a1.786 1.786 0 0 0 1.534-1.77v-6.874c0-.987-.8-1.787-1.787-1.786l-8.132.002c-.192 0-.383.03-.565.091L3.773 66.851a1.79 1.79 0 0 0-1.221 1.695Z" transform="translate(.004 -213.564)scale(4.55938)"/><path fill="url(#SVGmWOGYbGE)" d="M0 48.627v14.9c0 .714.426 1.36 1.082 1.642l16.445 7.048c.222.095.462.144.704.144h8.055c.987 0 1.787-.8 1.787-1.786v-7.88c0-.354-.105-.699-.301-.992l-9.388-14.067a1.79 1.79 0 0 0-1.486-.795H1.786A1.785 1.785 0 0 0 0 48.627" transform="translate(.004 -213.564)scale(4.55938)"/><path d="M103.998 23.999H24.001v79.997h79.997Z"/><path fill="#818cf8" d="m42.476 55.92l-4.844-21.906h-6.064l7.244 30.008h6.645l5.122-21.799l5.059 21.799h6.665l7.288-30.008h-5.937L58.959 55.92l-5.401-21.906h-5.916zm33.968 7.438q2.529 1.179 5.787 1.18q3.26 0 5.789-1.202q2.528-1.2 3.922-3.3q1.415-2.124 1.415-4.781q0-2.167-.965-3.987a8.7 8.7 0 0 0-2.7-3.087q-1.715-1.265-3.923-1.714l-5.102-1.115q-1.393-.34-2.208-1.157q-.793-.817-.793-2.058q0-1.092.579-1.907q.579-.837 1.607-1.286q1.05-.471 2.422-.472q1.37 0 2.422.492q1.071.471 1.65 1.35q.578.857.578 1.952h5.852q-.022-2.571-1.372-4.544q-1.33-1.996-3.73-3.108c-1.6-.743-3.45-1.115-5.466-1.115q-3.022 0-5.401 1.157q-2.378 1.136-3.708 3.193q-1.328 2.038-1.328 4.608q0 2.123.878 3.816a8.14 8.14 0 0 0 2.465 2.851q1.587 1.137 3.73 1.608l5.295 1.179q1.522.366 2.379 1.308q.878.944.878 2.38a3.46 3.46 0 0 1-.643 2.057q-.621.9-1.778 1.415c-.758.33-1.601.492-2.659.492q-1.586 0-2.807-.557q-1.221-.558-1.908-1.543q-.685-.986-.685-2.293h-5.873q.042 2.765 1.457 4.887q1.436 2.122 3.944 3.301M33.987 87.996h32v6h-32Z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WebstormIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.