Jetbrains アイコン

Q: Jetbrains アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:jetbrains

Jetbrains アイコン(logos:jetbrains)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 257 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 257
タグ: jetbrain

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="257" viewBox="0 0 256 257"><defs><linearGradient id="SVGC9jOdbaA" x1="25.177%" x2="99.172%" y1="43.309%" y2="67.434%"><stop offset="21%" stop-color="#fe2857"/><stop offset="100%" stop-color="#293896"/></linearGradient><linearGradient id="SVG4nUueubg" x1="2.278%" x2="90.696%" y1="77.15%" y2="24.093%"><stop offset="0%" stop-color="#fe2857"/><stop offset="1%" stop-color="#fe2857"/><stop offset="86%" stop-color="#ff318c"/></linearGradient><linearGradient id="SVGS5PcjbtI" x1="6.299%" x2="94.644%" y1="13.918%" y2="87.694%"><stop offset="2%" stop-color="#ff318c"/><stop offset="21%" stop-color="#fe2857"/><stop offset="86%" stop-color="#fdb60d"/></linearGradient><linearGradient id="SVGgHytlbpP" x1="91.087%" x2="1.967%" y1="27.721%" y2="68.622%"><stop offset="1%" stop-color="#fdb60d"/><stop offset="86%" stop-color="#fcf84a"/></linearGradient></defs><path fill="url(#SVGC9jOdbaA)" d="m112.663 117.374l-70.61-59.766a25.614 25.614 0 1 0-24.71 43.885h.257l.666.205l89.069 27.134a6 6 0 0 0 2.015.359a6.37 6.37 0 0 0 3.296-11.8z"/><path fill="url(#SVG4nUueubg)" d="M126.82 18.708A18.597 18.597 0 0 0 98.044 3.032L11.811 55.388A25.614 25.614 0 1 0 42.377 96.37l77.304-62.994l.615-.513a18.67 18.67 0 0 0 6.523-14.156"/><path fill="url(#SVGS5PcjbtI)" d="M252.226 131.53L121.389 5.526a18.63 18.63 0 1 0-25.29 27.321l.239.205l139 117.108a12.568 12.568 0 0 0 20.645-9.648a12.62 12.62 0 0 0-3.757-8.982"/><path fill="url(#SVGgHytlbpP)" d="M256 140.564a12.552 12.552 0 0 0-19.928-10.246L77.759 207.673a25.615 25.615 0 1 0 26.434 43.698l146.394-100.476A12.55 12.55 0 0 0 256 140.564"/><path d="M75.846 76.887h102.457v102.456H75.846z"/><path fill="#fff" d="M86.997 160.133h38.421v6.403h-38.42zm-1.605-56.83l2.852-2.698a3.21 3.21 0 0 0 2.51 1.486c1.093 0 1.81-.768 1.81-2.254V89.728h4.406v10.143a5.87 5.87 0 0 1-1.571 4.491a6 6 0 0 1-4.013 1.708h-.376a6.56 6.56 0 0 1-5.383-2.454zM98.95 89.728h12.859v3.74h-8.538v2.442h7.667v3.415h-7.599v2.544h8.538v3.757H98.9zm19.126 3.876h-4.782v-3.876h14.02v3.876h-4.798v12.107h-4.44zM87.168 112.03h7.548a5.93 5.93 0 0 1 4.354 1.418a3.57 3.57 0 0 1 1.042 2.595a3.72 3.72 0 0 1-2.476 3.57a3.876 3.876 0 0 1 3.176 3.91c0 2.885-2.237 4.593-6.062 4.593h-7.582zm8.538 4.935c0-.888-.717-1.366-2.015-1.366h-2.203v2.8h2.135c1.332 0 2.117-.46 2.117-1.382zm-1.537 4.543h-2.68v2.954h2.766c1.366 0 2.117-.53 2.117-1.469c-.032-.844-.6-1.407-1.883-1.478zm17.179 6.608l-3.228-4.85h-1.485v4.85h-4.44l.034-16.086h7.087a7.07 7.07 0 0 1 5.208 1.708a5 5 0 0 1 1.422 3.378l-.005.345a5.12 5.12 0 0 1-3.295 4.935l3.12 4.666l6.34-15.151h4.269l6.83 16.12h-4.764l-1.144-2.886h-6.199l-1.144 2.971zm12.858-10.946l-1.81 4.525h3.603zm-15.164-1.297h-2.373v3.876l2.39-.034c1.486 0 2.391-.735 2.391-1.913c0-1.28-.939-1.93-2.408-1.93m24.863-3.894h4.44v16h-4.44zm6.08 0h4.166l5.755 8.538v-8.538h4.388v16h-3.876l-6.028-8.777v8.777h-4.406zm15.044 13.627l2.458-2.954a8.3 8.3 0 0 0 5.123 1.93c1.213 0 1.845-.428 1.845-1.11c0-.516-.279-.838-1.306-1.176l-.488-.147l-.28-.075l-.642-.157l-.35-.081l-.682-.17l-.653-.178c-2.553-.745-4.342-1.846-4.342-4.574c0-2.971 2.356-5.123 6.198-5.123a10.04 10.04 0 0 1 6.574 2.135l-2.134 3.04a7.8 7.8 0 0 0-4.474-1.572c-1.076 0-1.605.427-1.605 1.025c0 .541.297.86 1.348 1.188l.498.142q.136.036.286.072l.651.152c3.672.802 5.943 1.998 5.943 4.986c0 3.153-2.41 4.997-6.072 5.117l-.383.006a11.2 11.2 0 0 1-7.11-2.165z"/></svg>

Jetbrains アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="logos:jetbrains" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:jetbrains" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:jetbrains" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--jetbrains]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:jetbrains"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:jetbrains"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/jetbrains.svg" alt="Jetbrains アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Jetbrains アイコン

Jetbrains アイコンのよくある質問

Jetbrains アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Jetbrains アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:jetbrains" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Jetbrains アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/jetbrains.svg" alt="Jetbrains アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →