webstorm logo
webstorm from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- webstorm
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
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 256 256"><defs><linearGradient id="SVGYCB4I0lC" x1="43.896%" x2="66.16%" y1="1.951%" y2="95.244%"><stop offset="28%" stop-color="#07c3f2"/><stop offset="94%" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGGyvlDdgG" x1="33.063%" x2="70.362%" y1="15.078%" y2="84.685%"><stop offset="14%" stop-color="#fcf84a"/><stop offset="37%" stop-color="#07c3f2"/></linearGradient><linearGradient id="SVGTkdXRckd" x1="44.416%" x2="56.203%" y1="25.058%" y2="90.203%"><stop offset="28%" stop-color="#07c3f2"/><stop offset="94%" stop-color="#087cfa"/></linearGradient></defs><path fill="url(#SVGYCB4I0lC)" d="M34.507 231.36L0 26.827L63.813.347L104.56 24.56l37.333-20.133l77.787 29.866L176.053 256z"/><path fill="url(#SVGGyvlDdgG)" d="m256 86.693l-33.04-81.6L163.013 0L70.48 88.907l24.907 114.586l46.506 32.614L256 168.4l-28-52.507z"/><path fill="url(#SVGTkdXRckd)" d="m204.72 74.533l23.28 41.36l28-29.2l-20.56-50.826z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm56.8-109.84l-8.934 35.013L105.6 67.92H95.44L85.2 102.933L76.293 67.92h-14l17.147 60.027h11.253l9.814-34.747l9.706 34.747H121.6l17.12-60.027zm16.48 51.707l7.813-9.6a27.57 27.57 0 0 0 17.973 7.306c5.334 0 8.694-2.133 8.694-5.68v-.16c0-1.899-.665-3.27-3.058-4.57l-.382-.2l-.41-.198l-.216-.1l-.454-.198l-.238-.1l-.5-.198l-.531-.2l-.278-.1l-.58-.2l-.303-.102l-.63-.204l-.667-.206l-.347-.104l-.72-.21l-.758-.214l-.795-.216l-.835-.221l-1.605-.416l-1.144-.307l-.748-.207l-.734-.21l-.72-.215l-.707-.217l-.694-.222l-.68-.227l-.334-.115l-.658-.235l-.643-.241l-.629-.248l-.614-.255l-.301-.13l-.591-.267l-.576-.275c-5.582-2.748-8.889-6.796-8.998-14.338l-.002-.574c0-10.792 8.59-17.98 20.68-18.13l.386-.003a34.67 34.67 0 0 1 22.347 7.653l-6.88 9.974a28.1 28.1 0 0 0-15.653-5.92c-5.067 0-7.734 2.32-7.734 5.333v.187c0 2.402.988 3.856 4.09 5.227l.456.196q.237.098.487.194l.518.195l.548.196l.58.196l.611.199l.646.2l.679.203l1.083.312l.767.213l.803.217l1.719.452q.426.112.843.225l.826.23q.205.057.407.116l.8.236l.781.242l.765.247l.746.252l.728.26l.357.131l.7.27c7.724 3.045 12.013 7.432 12.138 15.507l.002.524c0 11.946-9.12 18.667-22.106 18.667a38.24 38.24 0 0 1-25.52-9.627"/></svg>
React
import type { SVGProps } from "react";
export function LogosWebstorm(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGYCB4I0lC" x1="43.896%" x2="66.16%" y1="1.951%" y2="95.244%"><stop offset="28%" stopColor="#07c3f2"/><stop offset="94%" stopColor="#087cfa"/></linearGradient><linearGradient id="SVGGyvlDdgG" x1="33.063%" x2="70.362%" y1="15.078%" y2="84.685%"><stop offset="14%" stopColor="#fcf84a"/><stop offset="37%" stopColor="#07c3f2"/></linearGradient><linearGradient id="SVGTkdXRckd" x1="44.416%" x2="56.203%" y1="25.058%" y2="90.203%"><stop offset="28%" stopColor="#07c3f2"/><stop offset="94%" stopColor="#087cfa"/></linearGradient></defs><path fill="url(#SVGYCB4I0lC)" d="M34.507 231.36L0 26.827L63.813.347L104.56 24.56l37.333-20.133l77.787 29.866L176.053 256z"/><path fill="url(#SVGGyvlDdgG)" d="m256 86.693l-33.04-81.6L163.013 0L70.48 88.907l24.907 114.586l46.506 32.614L256 168.4l-28-52.507z"/><path fill="url(#SVGTkdXRckd)" d="m204.72 74.533l23.28 41.36l28-29.2l-20.56-50.826z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm56.8-109.84l-8.934 35.013L105.6 67.92H95.44L85.2 102.933L76.293 67.92h-14l17.147 60.027h11.253l9.814-34.747l9.706 34.747H121.6l17.12-60.027zm16.48 51.707l7.813-9.6a27.57 27.57 0 0 0 17.973 7.306c5.334 0 8.694-2.133 8.694-5.68v-.16c0-1.899-.665-3.27-3.058-4.57l-.382-.2l-.41-.198l-.216-.1l-.454-.198l-.238-.1l-.5-.198l-.531-.2l-.278-.1l-.58-.2l-.303-.102l-.63-.204l-.667-.206l-.347-.104l-.72-.21l-.758-.214l-.795-.216l-.835-.221l-1.605-.416l-1.144-.307l-.748-.207l-.734-.21l-.72-.215l-.707-.217l-.694-.222l-.68-.227l-.334-.115l-.658-.235l-.643-.241l-.629-.248l-.614-.255l-.301-.13l-.591-.267l-.576-.275c-5.582-2.748-8.889-6.796-8.998-14.338l-.002-.574c0-10.792 8.59-17.98 20.68-18.13l.386-.003a34.67 34.67 0 0 1 22.347 7.653l-6.88 9.974a28.1 28.1 0 0 0-15.653-5.92c-5.067 0-7.734 2.32-7.734 5.333v.187c0 2.402.988 3.856 4.09 5.227l.456.196q.237.098.487.194l.518.195l.548.196l.58.196l.611.199l.646.2l.679.203l1.083.312l.767.213l.803.217l1.719.452q.426.112.843.225l.826.23q.205.057.407.116l.8.236l.781.242l.765.247l.746.252l.728.26l.357.131l.7.27c7.724 3.045 12.013 7.432 12.138 15.507l.002.524c0 11.946-9.12 18.667-22.106 18.667a38.24 38.24 0 0 1-25.52-9.627"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGYCB4I0lC" x1="43.896%" x2="66.16%" y1="1.951%" y2="95.244%"><stop offset="28%" stop-color="#07c3f2"/><stop offset="94%" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGGyvlDdgG" x1="33.063%" x2="70.362%" y1="15.078%" y2="84.685%"><stop offset="14%" stop-color="#fcf84a"/><stop offset="37%" stop-color="#07c3f2"/></linearGradient><linearGradient id="SVGTkdXRckd" x1="44.416%" x2="56.203%" y1="25.058%" y2="90.203%"><stop offset="28%" stop-color="#07c3f2"/><stop offset="94%" stop-color="#087cfa"/></linearGradient></defs><path fill="url(#SVGYCB4I0lC)" d="M34.507 231.36L0 26.827L63.813.347L104.56 24.56l37.333-20.133l77.787 29.866L176.053 256z"/><path fill="url(#SVGGyvlDdgG)" d="m256 86.693l-33.04-81.6L163.013 0L70.48 88.907l24.907 114.586l46.506 32.614L256 168.4l-28-52.507z"/><path fill="url(#SVGTkdXRckd)" d="m204.72 74.533l23.28 41.36l28-29.2l-20.56-50.826z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm56.8-109.84l-8.934 35.013L105.6 67.92H95.44L85.2 102.933L76.293 67.92h-14l17.147 60.027h11.253l9.814-34.747l9.706 34.747H121.6l17.12-60.027zm16.48 51.707l7.813-9.6a27.57 27.57 0 0 0 17.973 7.306c5.334 0 8.694-2.133 8.694-5.68v-.16c0-1.899-.665-3.27-3.058-4.57l-.382-.2l-.41-.198l-.216-.1l-.454-.198l-.238-.1l-.5-.198l-.531-.2l-.278-.1l-.58-.2l-.303-.102l-.63-.204l-.667-.206l-.347-.104l-.72-.21l-.758-.214l-.795-.216l-.835-.221l-1.605-.416l-1.144-.307l-.748-.207l-.734-.21l-.72-.215l-.707-.217l-.694-.222l-.68-.227l-.334-.115l-.658-.235l-.643-.241l-.629-.248l-.614-.255l-.301-.13l-.591-.267l-.576-.275c-5.582-2.748-8.889-6.796-8.998-14.338l-.002-.574c0-10.792 8.59-17.98 20.68-18.13l.386-.003a34.67 34.67 0 0 1 22.347 7.653l-6.88 9.974a28.1 28.1 0 0 0-15.653-5.92c-5.067 0-7.734 2.32-7.734 5.333v.187c0 2.402.988 3.856 4.09 5.227l.456.196q.237.098.487.194l.518.195l.548.196l.58.196l.611.199l.646.2l.679.203l1.083.312l.767.213l.803.217l1.719.452q.426.112.843.225l.826.23q.205.057.407.116l.8.236l.781.242l.765.247l.746.252l.728.26l.357.131l.7.27c7.724 3.045 12.013 7.432 12.138 15.507l.002.524c0 11.946-9.12 18.667-22.106 18.667a38.24 38.24 0 0 1-25.52-9.627"/></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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGYCB4I0lC%22%20x1%3D%2243.896%25%22%20x2%3D%2266.16%25%22%20y1%3D%221.951%25%22%20y2%3D%2295.244%25%22%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2294%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGyvlDdgG%22%20x1%3D%2233.063%25%22%20x2%3D%2270.362%25%22%20y1%3D%2215.078%25%22%20y2%3D%2284.685%25%22%3E%3Cstop%20offset%3D%2214%25%22%20stop-color%3D%22%23fcf84a%22%2F%3E%3Cstop%20offset%3D%2237%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTkdXRckd%22%20x1%3D%2244.416%25%22%20x2%3D%2256.203%25%22%20y1%3D%2225.058%25%22%20y2%3D%2290.203%25%22%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2294%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGYCB4I0lC)%22%20d%3D%22M34.507%20231.36L0%2026.827L63.813.347L104.56%2024.56l37.333-20.133l77.787%2029.866L176.053%20256z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGyvlDdgG)%22%20d%3D%22m256%2086.693l-33.04-81.6L163.013%200L70.48%2088.907l24.907%20114.586l46.506%2032.614L256%20168.4l-28-52.507z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTkdXRckd)%22%20d%3D%22m204.72%2074.533l23.28%2041.36l28-29.2l-20.56-50.826z%22%2F%3E%3Cpath%20d%3D%22M48%2048h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20177.76h60v10h-60zm56.8-109.84l-8.934%2035.013L105.6%2067.92H95.44L85.2%20102.933L76.293%2067.92h-14l17.147%2060.027h11.253l9.814-34.747l9.706%2034.747H121.6l17.12-60.027zm16.48%2051.707l7.813-9.6a27.57%2027.57%200%200%200%2017.973%207.306c5.334%200%208.694-2.133%208.694-5.68v-.16c0-1.899-.665-3.27-3.058-4.57l-.382-.2l-.41-.198l-.216-.1l-.454-.198l-.238-.1l-.5-.198l-.531-.2l-.278-.1l-.58-.2l-.303-.102l-.63-.204l-.667-.206l-.347-.104l-.72-.21l-.758-.214l-.795-.216l-.835-.221l-1.605-.416l-1.144-.307l-.748-.207l-.734-.21l-.72-.215l-.707-.217l-.694-.222l-.68-.227l-.334-.115l-.658-.235l-.643-.241l-.629-.248l-.614-.255l-.301-.13l-.591-.267l-.576-.275c-5.582-2.748-8.889-6.796-8.998-14.338l-.002-.574c0-10.792%208.59-17.98%2020.68-18.13l.386-.003a34.67%2034.67%200%200%201%2022.347%207.653l-6.88%209.974a28.1%2028.1%200%200%200-15.653-5.92c-5.067%200-7.734%202.32-7.734%205.333v.187c0%202.402.988%203.856%204.09%205.227l.456.196q.237.098.487.194l.518.195l.548.196l.58.196l.611.199l.646.2l.679.203l1.083.312l.767.213l.803.217l1.719.452q.426.112.843.225l.826.23q.205.057.407.116l.8.236l.781.242l.765.247l.746.252l.728.26l.357.131l.7.27c7.724%203.045%2012.013%207.432%2012.138%2015.507l.002.524c0%2011.946-9.12%2018.667-22.106%2018.667a38.24%2038.24%200%200%201-25.52-9.627%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGYCB4I0lC%22%20x1%3D%2243.896%25%22%20x2%3D%2266.16%25%22%20y1%3D%221.951%25%22%20y2%3D%2295.244%25%22%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2294%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGyvlDdgG%22%20x1%3D%2233.063%25%22%20x2%3D%2270.362%25%22%20y1%3D%2215.078%25%22%20y2%3D%2284.685%25%22%3E%3Cstop%20offset%3D%2214%25%22%20stop-color%3D%22%23fcf84a%22%2F%3E%3Cstop%20offset%3D%2237%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTkdXRckd%22%20x1%3D%2244.416%25%22%20x2%3D%2256.203%25%22%20y1%3D%2225.058%25%22%20y2%3D%2290.203%25%22%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2294%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGYCB4I0lC)%22%20d%3D%22M34.507%20231.36L0%2026.827L63.813.347L104.56%2024.56l37.333-20.133l77.787%2029.866L176.053%20256z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGyvlDdgG)%22%20d%3D%22m256%2086.693l-33.04-81.6L163.013%200L70.48%2088.907l24.907%20114.586l46.506%2032.614L256%20168.4l-28-52.507z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTkdXRckd)%22%20d%3D%22m204.72%2074.533l23.28%2041.36l28-29.2l-20.56-50.826z%22%2F%3E%3Cpath%20d%3D%22M48%2048h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20177.76h60v10h-60zm56.8-109.84l-8.934%2035.013L105.6%2067.92H95.44L85.2%20102.933L76.293%2067.92h-14l17.147%2060.027h11.253l9.814-34.747l9.706%2034.747H121.6l17.12-60.027zm16.48%2051.707l7.813-9.6a27.57%2027.57%200%200%200%2017.973%207.306c5.334%200%208.694-2.133%208.694-5.68v-.16c0-1.899-.665-3.27-3.058-4.57l-.382-.2l-.41-.198l-.216-.1l-.454-.198l-.238-.1l-.5-.198l-.531-.2l-.278-.1l-.58-.2l-.303-.102l-.63-.204l-.667-.206l-.347-.104l-.72-.21l-.758-.214l-.795-.216l-.835-.221l-1.605-.416l-1.144-.307l-.748-.207l-.734-.21l-.72-.215l-.707-.217l-.694-.222l-.68-.227l-.334-.115l-.658-.235l-.643-.241l-.629-.248l-.614-.255l-.301-.13l-.591-.267l-.576-.275c-5.582-2.748-8.889-6.796-8.998-14.338l-.002-.574c0-10.792%208.59-17.98%2020.68-18.13l.386-.003a34.67%2034.67%200%200%201%2022.347%207.653l-6.88%209.974a28.1%2028.1%200%200%200-15.653-5.92c-5.067%200-7.734%202.32-7.734%205.333v.187c0%202.402.988%203.856%204.09%205.227l.456.196q.237.098.487.194l.518.195l.548.196l.58.196l.611.199l.646.2l.679.203l1.083.312l.767.213l.803.217l1.719.452q.426.112.843.225l.826.23q.205.057.407.116l.8.236l.781.242l.765.247l.746.252l.728.26l.357.131l.7.27c7.724%203.045%2012.013%207.432%2012.138%2015.507l.002.524c0%2011.946-9.12%2018.667-22.106%2018.667a38.24%2038.24%200%200%201-25.52-9.627%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/webstorm.svg?color=%231a73e8&size=48
