Ibm アイコン
cib:ibm
Ibm アイコン(cib:ibm)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M0 21.527h6.224v.889H0zm0-1.71h6.224v.891H0zm1.771-1.708h2.672v.896H1.771zm0-1.702h2.672v.896H1.771zm0-1.71h2.672v.896H1.771zm0-1.708h2.672v.896H1.771zM0 11.287h6.224v.896H0zm0-1.703h6.224v.889H0zm7.109 11.124h9.568c.161-.276.287-.577.359-.891H7.109zm8.823-4.301H8.891v.896h7.792a3.6 3.6 0 0 0-.745-.896zm-7.047-1.71v.896h7.047c.303-.249.547-.552.751-.896zm7.792-3.41H7.109v.896h9.921a3.6 3.6 0 0 0-.353-.896M13.74 9.584H7.109v.889h8.912a3.37 3.37 0 0 0-2.281-.889m-4.855 3.405h2.667v.896H8.885zm5.339.896h2.787a3.4 3.4 0 0 0 .12-.896h-2.907zm-5.339 4.224h2.667v.896H8.885zm5.339 0v.896h2.907c0-.308-.043-.609-.12-.896zm-7.115 4.303l6.625.004c.891 0 1.692-.337 2.292-.889H7.109zm10.672-.885h4.437v.889h-4.437zm0-1.71h4.437v.891h-4.437zm1.771-1.708h2.667v.896h-2.667zm0-1.702h2.667v.896h-2.667zm3.907-5.12h-5.677v.896h5.984zm-.59-1.703h-5.088v.889h5.396zm4.683 11.943H32v.889h-4.448zm0-1.71H32v.891h-4.448zm0-1.708h2.667v.896h-2.667zm0-1.702h2.667v.896h-2.667zm0-.814h2.667v-.896H25.14l-.255.724l-.249-.724h-5.084v.896h2.667v-.823l.287.823h4.765l.281-.823zm2.667-2.604H25.73l-.308.896h4.797zm-3.307-3.405l-.308.889H32v-.889zm-2.027 12.828l.308-.885h-.615zm-.588-1.704h1.181l.319-.891h-1.813zm-.6-1.703h2.381l.312-.896h-3.005zm-.593-1.702h3.573l.301-.896h-4.181zm-3.552-3.418h4.803l-.308-.896h-4.495zm6.464-1.702H32v-.896h-5.683z"/></svg>Ibm アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:ibm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:ibm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:ibm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--ibm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:ibm"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:ibm"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/ibm.svg" alt="Ibm アイコン" width="24" height="24">他のアイコンセットの Ibm アイコン
Ibm アイコン のよくある質問
Ibm アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ibm アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:ibm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ibm アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/ibm.svg" alt="Ibm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。