Jetbrains アイコン
cib:jetbrains
Jetbrains アイコン(cib:jetbrains)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- jetbrain
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M0 0h32v32H0zm2.803 28h12v-2h-12zM4.401 9.197h.401c.932-.129 1.599-.932 1.599-2V4H4.932v3.333c0 .531-.129.667-.531.667s-.667-.136-.803-.401l-.932.803c.401.667 1.068.932 1.735.796zm6.667 0V8H8.265v-.803h2.401V6H8.265v-.803h2.803V4H6.803v5.333h4.265zm1.735 0h1.463v-4h1.599V4h-4.531v1.197h1.599v4zm-5.334 5.068c0-.667-.401-1.197-1.068-1.197c.531-.136.796-.667.796-1.204c0-.265-.129-.667-.265-.932c-.401-.401-.932-.531-1.463-.531H2.802v5.197h2.667c1.197 0 2-.531 2-1.333m-3.333-2.666h.932c.401 0 .667.136.667.401c0 .401-.265.531-.667.531h-.932zm0 2.802v-.932h1.061c.537 0 .803.129.667.395c0 .272-.265.537-.667.537zm9.864-4l-2 4.667l-.803-1.204c.667-.265 1.068-.932 1.068-1.599c0-.401-.129-.932-.401-1.197c-.531-.537-1.197-.667-1.728-.667H7.599v5.197h1.469v-1.599h.667l1.068 1.599h2.395l.401-.932h2l.401.932h1.599l-2.129-5.333h-1.469zm-4 2.531h-.932v-1.197H10c.401 0 .803.129.803.667c0 .265-.272.531-.803.531zm5.197.667h-1.061l.531-1.463zm2.538 2h1.463v-5.197h-1.463zm5.333-2.402l-2.136-2.796h-1.333v5.197h1.469v-2.796l2.265 2.932h1.197v-5.333h-1.463zm4.129-.796c-.667-.136-.932-.265-.932-.537c0-.129.136-.265.537-.265c.531 0 1.061.265 1.463.537l.803-1.068c-.667-.537-1.333-.667-2.136-.667c-1.197 0-2 .796-2 1.735c0 1.061.803 1.333 2 1.599c.667.129.932.265.932.531s-.265.401-.667.401c-.667 0-1.197-.265-1.728-.667l-.803.932c.667.537 1.599.803 2.401.803c1.333 0 2.129-.667 2.129-1.735c0-.932-.796-1.333-2-1.599z"/></svg>
Jetbrains アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:jetbrains" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:jetbrains" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:jetbrains" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--jetbrains]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:jetbrains"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:jetbrains"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/jetbrains.svg" alt="Jetbrains アイコン" width="24" height="24">
他のアイコンセットの Jetbrains アイコン
Jetbrains アイコン のよくある質問
Jetbrains アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jetbrains アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:jetbrains" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jetbrains アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/jetbrains.svg" alt="Jetbrains アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
