Ibm アイコン
thesvg-color:ibm
Ibm アイコン(thesvg-color:ibm)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1000 × 400 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1000 × 400
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="400" viewBox="0 0 1000 400"><path fill="#1f70c1" d="M0 0v27.367h194.648V0zm222.226 0v27.367h277.383S471.276 0 433.75 0zm331.797 0v27.367h167.812L711.875 0zm288.125 0l-9.961 27.367h166.289V0zM0 53.222v27.367h194.648V53.222zm222.226.039V80.59h309.57s-3.615-21.063-9.922-27.329zm331.797 0V80.59h186.211l-9.219-27.329zm268.203 0l-9.219 27.329h185.469V53.261zM55.937 106.444v27.406h84.297v-27.406zm222.227 0v27.406h84.297v-27.406zm166.289 0v27.406h84.297s5.352-14.473 5.352-27.406zm165.508 0v27.406h149.453l-9.961-27.406zm193.906 0l-10 27.406h150.195v-27.406zm-747.93 53.262v27.367h84.297v-27.367zm222.227 0v27.367h215.312s18.012-14.042 23.75-27.367zm331.797 0v27.367h84.297v-15.234l5.352 15.234h154.414l5.742-15.234v15.234h84.297v-27.367H785.82l-8.398 23.18l-8.438-23.18zM55.937 212.928v27.367h84.297v-27.367zm222.227 0v27.367h239.062c-5.739-13.281-23.75-27.367-23.75-27.367zm331.797 0v27.367h84.297v-27.367zm99.609 0l10.195 27.367h115.781l9.688-27.367zm150.195 0v27.367h84.297v-27.367zM55.937 266.15v27.366h84.297V266.15zm222.227 0v27.366h84.297V266.15zm166.289 0v27.366h89.648c0-12.915-5.352-27.366-5.352-27.366zm165.508 0v27.366h84.297V266.15zm118.75 0l9.883 27.366h77.617l9.961-27.366zm131.054 0v27.366h84.297V266.15zM1.523 319.372v27.406h194.648v-27.406zm220.703 0v27.406h299.648c6.307-6.275 9.922-27.406 9.922-27.406zm333.321 0v27.406h138.711v-27.406zm192.343 0l10.156 27.406h39.492l9.531-27.406zm111.875 0v27.406H1000v-27.406zM1.523 372.633V400h194.648v-27.367zm220.703 0v27.328H433.75c37.526 0 65.859-27.328 65.859-27.328zm333.321 0V400h138.711v-27.367zm211.601 0l9.766 27.29l1.68.038l9.922-27.328zm92.617 0V400H1000v-27.367z"/></svg>Ibm アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:ibm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:ibm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:ibm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ibm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ibm"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:ibm"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/ibm.svg" alt="Ibm アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Ibm アイコン
Ibm アイコン のよくある質問
Ibm アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ibm アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:ibm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ibm アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/ibm.svg" alt="Ibm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。