Ibm I アイコン

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

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

carbon:ibm-i

Ibm I アイコン(carbon:ibm-i)は、Carbon セットの無料 SVG アイコンです（作者: IBM）。 32 × 32 のグリッドで描かれています。 Carbon icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Carbon
作者: IBM
ライセンス: Apache-2.0
サイズ: 32 × 32
カテゴリ: エンタープライズ
タグ: ibmi

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M.327 21v-1.694h1.26v-6.384H.327v-1.694h4.648v1.694h-1.26v6.384h1.26V21zm6.426-9.772H11.5q1.218 0 1.897.686c.465.489.71 1.146.679 1.82c.008.324-.042.646-.147.952a1.8 1.8 0 0 1-.392.644a1.5 1.5 0 0 1-.575.371a2.3 2.3 0 0 1-.707.133v.084c.25.002.498.045.735.125c.259.086.5.222.707.4c.226.197.409.437.539.707c.154.333.228.697.217 1.064c.002.37-.062.737-.189 1.085a2.8 2.8 0 0 1-.525.889a2.45 2.45 0 0 1-.798.595a2.34 2.34 0 0 1-1.009.217h-5.18zm2.128 4.004h2.114a.825.825 0 0 0 .896-.896v-.42a.825.825 0 0 0-.896-.896H8.881zm0 3.975h2.45a.93.93 0 0 0 .665-.231a.85.85 0 0 0 .245-.65v-.476a.85.85 0 0 0-.245-.65a.93.93 0 0 0-.665-.231h-2.45zM23.4 14.588h-.042l-.714 1.428l-1.905 3.459l-1.862-3.445l-.742-1.54h-.042V21h-2.002v-9.772h2.254l2.394 4.578h.028l2.366-4.578H25.4V21h-2zm6.971-1.722a1.25 1.25 0 0 1-.917-.287a1 1 0 0 1-.287-.735v-.308a1 1 0 0 1 .287-.735a1.61 1.61 0 0 1 1.834 0a1 1 0 0 1 .287.735v.308a1 1 0 0 1-.287.735a1.25 1.25 0 0 1-.917.287m-1.036.784h2.072V21h-2.072z"/></svg>

Ibm I アイコンの使い方

React

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

<Icon icon="carbon:ibm-i" width="24" />

Vue

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

<template>
  <Icon icon="carbon:ibm-i" width="24" />
</template>

Svelte

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

<Icon icon="carbon:ibm-i" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--ibm-i]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="carbon:ibm-i"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/carbon/ibm-i.svg" alt="Ibm I アイコン" width="24" height="24">

Carbon の関連アイコン

Ibm I アイコンのよくある質問

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

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

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

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

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

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

Carbon アイコンをすべて見る →