Jetbrains icon
devicon:jetbrains
The Jetbrains icon (devicon:jetbrains) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><linearGradient id="SVGoAjjOeGl" x1="32.64" x2="82.77" y1="61.16" y2="85.54" gradientTransform="scale(.71111)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#fe2857"/><stop offset="1" stop-color="#293896"/></linearGradient><linearGradient id="SVG6GWizbAZ" x1="17.38" x2="82.95" y1="69.86" y2="21.23" gradientTransform="scale(.71111)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fe2857"/><stop offset=".01" stop-color="#fe2857"/><stop offset=".86" stop-color="#ff318c"/></linearGradient><linearGradient id="SVGHPxvo6fU" x1="74.17" x2="160.27" y1="21.58" y2="99.76" gradientTransform="scale(.71111)" gradientUnits="userSpaceOnUse"><stop offset=".02" stop-color="#ff318c"/><stop offset=".21" stop-color="#fe2857"/><stop offset=".86" stop-color="#fdb60d"/></linearGradient><linearGradient id="SVGc9MbHbwA" x1="155.46" x2="55.07" y1="89.8" y2="158.9" gradientTransform="scale(.71111)" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#fdb60d"/><stop offset=".86" stop-color="#fcf84a"/></linearGradient></defs><path fill="url(#SVGoAjjOeGl)" d="m58 59.527l-29.406-24.89a10.67 10.67 0 0 0-17.485 8.949a10.66 10.66 0 0 0 7.196 9.328h.105l.277.086l37.094 11.297c.266.098.551.148.836.152a2.654 2.654 0 0 0 1.375-4.914zm0 0"/><path fill="url(#SVG6GWizbAZ)" d="M63.895 18.438A7.747 7.747 0 0 0 51.91 11.91L16 33.714a10.66 10.66 0 0 0-4.793 9.96A10.67 10.67 0 0 0 28.73 50.78l32.192-26.234l.254-.211a7.78 7.78 0 0 0 2.719-5.898zm0 0"/><path fill="url(#SVGHPxvo6fU)" d="M116.117 65.422L61.633 12.949a7.76 7.76 0 0 0-7.692-1.965a7.76 7.76 0 0 0-5.394 5.825a7.76 7.76 0 0 0 2.555 7.52l.097.085l57.887 48.766a5.24 5.24 0 0 0 5.578.734a5.24 5.24 0 0 0 3.02-4.75a5.28 5.28 0 0 0-1.567-3.742m0 0"/><path fill="url(#SVGc9MbHbwA)" d="M117.688 69.184a5.226 5.226 0 0 0-8.297-4.266l-65.926 32.21a10.668 10.668 0 1 0 11.008 18.2l60.96-41.844a5.21 5.21 0 0 0 2.254-4.3zm0 0"/><path d="M42.668 42.668h42.664v42.664H42.668zm0 0"/><path fill="#fff" d="M47.309 77.332h16V80h-16zm-.669-23.664l1.188-1.125c.23.363.617.594 1.047.621c.453 0 .754-.32.754-.941v-4.207h1.836v4.222a2.45 2.45 0 0 1-.656 1.871a2.5 2.5 0 0 1-1.829.711a2.75 2.75 0 0 1-2.34-1.152m5.65-5.652h5.355v1.554h-3.56v1.02h3.196v1.422h-3.164v1.058h3.555v1.563h-5.406zm7.964 1.613h-1.992v-1.613h5.836v1.613h-1.996v5.043h-1.848zM47.383 57.3h3.14a2.47 2.47 0 0 1 1.813.59c.289.29.445.676.437 1.083a1.56 1.56 0 0 1-1.03 1.484c.78.145 1.339.836 1.32 1.629c0 1.203-.93 1.914-2.524 1.914h-3.156zm3.554 2.055c0-.367-.3-.566-.84-.566h-.917v1.164h.89c.555 0 .88-.191.88-.574zm-.64 1.891H49.18v1.23h1.152c.57 0 .883-.218.883-.609c-.016-.379-.285-.62-.903-.62zm3.355-3.946h2.953c.79-.062 1.57.192 2.168.712c.403.414.618.976.59 1.55a2.13 2.13 0 0 1-1.37 2.055L59.585 64h-2.137l-1.344-2.02h-.617V64H53.64zm2.844 3.2c.621 0 .996-.305.996-.797c0-.531-.39-.8-1-.8h-.988v1.613zm0 0"/><path fill="#fff" d="M61.93 57.25h1.777l2.848 6.715H64.57l-.476-1.203h-2.582L61.035 64H59.11zm1.62 4.078l-.745-1.887l-.754 1.887zm3.294-4.047h1.847v6.66h-1.847zm2.531 0h1.734l2.399 3.555V57.28h1.828v6.66h-1.613l-2.513-3.65v3.652h-1.836zm6.265 5.672l1.024-1.23a3.45 3.45 0 0 0 2.133.804c.508 0 .77-.175.77-.46c0-.294-.215-.434-1.13-.649c-1.425-.328-2.511-.711-2.511-2.082c0-1.238.98-2.133 2.582-2.133a4.2 4.2 0 0 1 2.738.887l-.89 1.265a3.24 3.24 0 0 0-1.864-.652c-.449 0-.668.176-.668.426c0 .305.227.441 1.16.648c1.528.332 2.473.832 2.473 2.075c0 1.359-1.074 2.132-2.687 2.132a4.64 4.64 0 0 1-3.13-1.03zm0 0"/></svg>How to use the Jetbrains icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:jetbrains" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:jetbrains" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:jetbrains" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--jetbrains]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:jetbrains"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:jetbrains"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/jetbrains.svg" alt="Jetbrains icon" width="24" height="24">Jetbrains icon in other icon sets
Jetbrains icon FAQ
Is the Jetbrains icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Jetbrains icon in React?
Install @iconify/react and render <Icon icon="devicon:jetbrains" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jetbrains icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/jetbrains.svg" alt="Jetbrains icon">, or paste the SVG code inline to style it with CSS.