webstorm logo
webstorm from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- webstorm
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the webstorm logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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="#f0eb18" 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="#fff" 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>
React
import type { SVGProps } from "react";
export function DeviconWebstorm(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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" stopColor="#f0eb18"/><stop offset=".59" stopColor="#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" stopColor="#00c4f4"/><stop offset=".83" stopColor="#007dfe"/></linearGradient></defs><path fill="#f0eb18" 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="#fff" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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="#f0eb18" 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="#fff" 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> </template>
CSS
.icon-webstorm {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnkcoednH%22%20x1%3D%227.621%22%20x2%3D%2261.248%22%20y1%3D%2264.719%22%20y2%3D%2239.856%22%20gradientTransform%3D%22translate(0%2046.84)scale(.43864)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23f0eb18%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%2300c4f4%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGmWOGYbGE%22%20x1%3D%2260.019%22%20x2%3D%221.313%22%20y1%3D%2259.778%22%20y2%3D%221.073%22%20gradientTransform%3D%22translate(0%2046.84)scale(.43864)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22%2300c4f4%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%23007dfe%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23f0eb18%22%20d%3D%22m11.639%2096.106l.003%2023.75A8.144%208.144%200%200%200%2019.787%20128H42.8a8.15%208.15%200%200%200%206.185-2.844l65.417-76.32a8.15%208.15%200%200%200%201.96-5.3v-23.75a8.145%208.145%200%200%200-8.144-8.146H85.2a8.15%208.15%200%200%200-6.185%202.844L13.6%2090.804a8.15%208.15%200%200%200-1.96%205.302Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnkcoednH)%22%20d%3D%22M2.552%2068.545v4.583c0%20.986.8%201.786%201.786%201.786h5.743q.128%200%20.253-.018l16.205-2.314a1.786%201.786%200%200%200%201.534-1.77v-6.874c0-.987-.8-1.787-1.787-1.786l-8.132.002c-.192%200-.383.03-.565.091L3.773%2066.851a1.79%201.79%200%200%200-1.221%201.695Z%22%20transform%3D%22translate(.004%20-213.564)scale(4.55938)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmWOGYbGE)%22%20d%3D%22M0%2048.627v14.9c0%20.714.426%201.36%201.082%201.642l16.445%207.048c.222.095.462.144.704.144h8.055c.987%200%201.787-.8%201.787-1.786v-7.88c0-.354-.105-.699-.301-.992l-9.388-14.067a1.79%201.79%200%200%200-1.486-.795H1.786A1.785%201.785%200%200%200%200%2048.627%22%20transform%3D%22translate(.004%20-213.564)scale(4.55938)%22%2F%3E%3Cpath%20d%3D%22M103.998%2023.999H24.001v79.997h79.997Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m42.476%2055.92l-4.844-21.906h-6.064l7.244%2030.008h6.645l5.122-21.799l5.059%2021.799h6.665l7.288-30.008h-5.937L58.959%2055.92l-5.401-21.906h-5.916zm33.968%207.438q2.529%201.179%205.787%201.18q3.26%200%205.789-1.202q2.528-1.2%203.922-3.3q1.415-2.124%201.415-4.781q0-2.167-.965-3.987a8.7%208.7%200%200%200-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%201.607-1.286q1.05-.471%202.422-.472q1.37%200%202.422.492q1.071.471%201.65%201.35q.578.857.578%201.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%200-5.401%201.157q-2.378%201.136-3.708%203.193q-1.328%202.038-1.328%204.608q0%202.123.878%203.816a8.14%208.14%200%200%200%202.465%202.851q1.587%201.137%203.73%201.608l5.295%201.179q1.522.366%202.379%201.308q.878.944.878%202.38a3.46%203.46%200%200%201-.643%202.057q-.621.9-1.778%201.415c-.758.33-1.601.492-2.659.492q-1.586%200-2.807-.557q-1.221-.558-1.908-1.543q-.685-.986-.685-2.293h-5.873q.042%202.765%201.457%204.887q1.436%202.122%203.944%203.301M33.987%2087.996h32v6h-32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnkcoednH%22%20x1%3D%227.621%22%20x2%3D%2261.248%22%20y1%3D%2264.719%22%20y2%3D%2239.856%22%20gradientTransform%3D%22translate(0%2046.84)scale(.43864)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.22%22%20stop-color%3D%22%23f0eb18%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%2300c4f4%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGmWOGYbGE%22%20x1%3D%2260.019%22%20x2%3D%221.313%22%20y1%3D%2259.778%22%20y2%3D%221.073%22%20gradientTransform%3D%22translate(0%2046.84)scale(.43864)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22%2300c4f4%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%23007dfe%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23f0eb18%22%20d%3D%22m11.639%2096.106l.003%2023.75A8.144%208.144%200%200%200%2019.787%20128H42.8a8.15%208.15%200%200%200%206.185-2.844l65.417-76.32a8.15%208.15%200%200%200%201.96-5.3v-23.75a8.145%208.145%200%200%200-8.144-8.146H85.2a8.15%208.15%200%200%200-6.185%202.844L13.6%2090.804a8.15%208.15%200%200%200-1.96%205.302Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnkcoednH)%22%20d%3D%22M2.552%2068.545v4.583c0%20.986.8%201.786%201.786%201.786h5.743q.128%200%20.253-.018l16.205-2.314a1.786%201.786%200%200%200%201.534-1.77v-6.874c0-.987-.8-1.787-1.787-1.786l-8.132.002c-.192%200-.383.03-.565.091L3.773%2066.851a1.79%201.79%200%200%200-1.221%201.695Z%22%20transform%3D%22translate(.004%20-213.564)scale(4.55938)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmWOGYbGE)%22%20d%3D%22M0%2048.627v14.9c0%20.714.426%201.36%201.082%201.642l16.445%207.048c.222.095.462.144.704.144h8.055c.987%200%201.787-.8%201.787-1.786v-7.88c0-.354-.105-.699-.301-.992l-9.388-14.067a1.79%201.79%200%200%200-1.486-.795H1.786A1.785%201.785%200%200%200%200%2048.627%22%20transform%3D%22translate(.004%20-213.564)scale(4.55938)%22%2F%3E%3Cpath%20d%3D%22M103.998%2023.999H24.001v79.997h79.997Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m42.476%2055.92l-4.844-21.906h-6.064l7.244%2030.008h6.645l5.122-21.799l5.059%2021.799h6.665l7.288-30.008h-5.937L58.959%2055.92l-5.401-21.906h-5.916zm33.968%207.438q2.529%201.179%205.787%201.18q3.26%200%205.789-1.202q2.528-1.2%203.922-3.3q1.415-2.124%201.415-4.781q0-2.167-.965-3.987a8.7%208.7%200%200%200-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%201.607-1.286q1.05-.471%202.422-.472q1.37%200%202.422.492q1.071.471%201.65%201.35q.578.857.578%201.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%200-5.401%201.157q-2.378%201.136-3.708%203.193q-1.328%202.038-1.328%204.608q0%202.123.878%203.816a8.14%208.14%200%200%200%202.465%202.851q1.587%201.137%203.73%201.608l5.295%201.179q1.522.366%202.379%201.308q.878.944.878%202.38a3.46%203.46%200%200%201-.643%202.057q-.621.9-1.778%201.415c-.758.33-1.601.492-2.659.492q-1.586%200-2.807-.557q-1.221-.558-1.908-1.543q-.685-.986-.685-2.293h-5.873q.042%202.765%201.457%204.887q1.436%202.122%203.944%203.301M33.987%2087.996h32v6h-32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/webstorm.svg?color=%231a73e8&size=48
