webstorm logo
webstorm from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- webstorm
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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 24 24"><path fill="currentColor" d="M0 0v24h24V0zm17.889 2.889c1.444 0 2.667.444 3.667 1.278l-1.111 1.667c-.889-.611-1.722-1-2.556-1s-1.278.389-1.278.889v.056c0 .667.444.889 2.111 1.333c2 .556 3.111 1.278 3.111 3v.056c0 2-1.5 3.111-3.611 3.111c-1.5-.056-3-.611-4.167-1.667l1.278-1.556c.889.722 1.833 1.222 2.944 1.222c.889 0 1.389-.333 1.389-.944v-.056c0-.556-.333-.833-2-1.278c-2-.5-3.222-1.056-3.222-3.056v-.056c0-1.833 1.444-3 3.444-3zm-16.111.222h2.278l1.5 5.778l1.722-5.778h1.667l1.667 5.778l1.5-5.778h2.333l-2.833 9.944H9.723L8.112 7.277l-1.667 5.778H4.612zm.5 16.389h9V21h-9z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsWebstorm(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 0v24h24V0zm17.889 2.889c1.444 0 2.667.444 3.667 1.278l-1.111 1.667c-.889-.611-1.722-1-2.556-1s-1.278.389-1.278.889v.056c0 .667.444.889 2.111 1.333c2 .556 3.111 1.278 3.111 3v.056c0 2-1.5 3.111-3.611 3.111c-1.5-.056-3-.611-4.167-1.667l1.278-1.556c.889.722 1.833 1.222 2.944 1.222c.889 0 1.389-.333 1.389-.944v-.056c0-.556-.333-.833-2-1.278c-2-.5-3.222-1.056-3.222-3.056v-.056c0-1.833 1.444-3 3.444-3zm-16.111.222h2.278l1.5 5.778l1.722-5.778h1.667l1.667 5.778l1.5-5.778h2.333l-2.833 9.944H9.723L8.112 7.277l-1.667 5.778H4.612zm.5 16.389h9V21h-9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 0v24h24V0zm17.889 2.889c1.444 0 2.667.444 3.667 1.278l-1.111 1.667c-.889-.611-1.722-1-2.556-1s-1.278.389-1.278.889v.056c0 .667.444.889 2.111 1.333c2 .556 3.111 1.278 3.111 3v.056c0 2-1.5 3.111-3.611 3.111c-1.5-.056-3-.611-4.167-1.667l1.278-1.556c.889.722 1.833 1.222 2.944 1.222c.889 0 1.389-.333 1.389-.944v-.056c0-.556-.333-.833-2-1.278c-2-.5-3.222-1.056-3.222-3.056v-.056c0-1.833 1.444-3 3.444-3zm-16.111.222h2.278l1.5 5.778l1.722-5.778h1.667l1.667 5.778l1.5-5.778h2.333l-2.833 9.944H9.723L8.112 7.277l-1.667 5.778H4.612zm.5 16.389h9V21h-9z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200v24h24V0zm17.889%202.889c1.444%200%202.667.444%203.667%201.278l-1.111%201.667c-.889-.611-1.722-1-2.556-1s-1.278.389-1.278.889v.056c0%20.667.444.889%202.111%201.333c2%20.556%203.111%201.278%203.111%203v.056c0%202-1.5%203.111-3.611%203.111c-1.5-.056-3-.611-4.167-1.667l1.278-1.556c.889.722%201.833%201.222%202.944%201.222c.889%200%201.389-.333%201.389-.944v-.056c0-.556-.333-.833-2-1.278c-2-.5-3.222-1.056-3.222-3.056v-.056c0-1.833%201.444-3%203.444-3zm-16.111.222h2.278l1.5%205.778l1.722-5.778h1.667l1.667%205.778l1.5-5.778h2.333l-2.833%209.944H9.723L8.112%207.277l-1.667%205.778H4.612zm.5%2016.389h9V21h-9z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200v24h24V0zm17.889%202.889c1.444%200%202.667.444%203.667%201.278l-1.111%201.667c-.889-.611-1.722-1-2.556-1s-1.278.389-1.278.889v.056c0%20.667.444.889%202.111%201.333c2%20.556%203.111%201.278%203.111%203v.056c0%202-1.5%203.111-3.611%203.111c-1.5-.056-3-.611-4.167-1.667l1.278-1.556c.889.722%201.833%201.222%202.944%201.222c.889%200%201.389-.333%201.389-.944v-.056c0-.556-.333-.833-2-1.278c-2-.5-3.222-1.056-3.222-3.056v-.056c0-1.833%201.444-3%203.444-3zm-16.111.222h2.278l1.5%205.778l1.722-5.778h1.667l1.667%205.778l1.5-5.778h2.333l-2.833%209.944H9.723L8.112%207.277l-1.667%205.778H4.612zm.5%2016.389h9V21h-9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/webstorm.svg?color=%231a73e8&size=48
