Osi アイコン
cib:osi
Osi アイコン(cib:osi)は、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="M.5 16.653C.644 8.165 6.587 2.125 13.863 1.147c8.675-1.163 15.975 4.738 17.375 12.569c1.331 7.425-2.75 14.375-9.475 17.125c-.581.237-.9.106-1.125-.481q-1.67-4.341-3.337-8.688c-.194-.506-.063-.825.438-1.05c1.512-.688 2.456-1.838 2.706-3.488a4.47 4.47 0 0 0-4.032-5.138c-2.438-.213-4.488 1.481-4.844 3.731c-.325 2.063.694 3.981 2.619 4.856c.6.275.719.538.488 1.15q-1.679 4.369-3.356 8.744c-.163.431-.519.581-.969.406c-3.288-1.269-6.338-3.813-8.175-7.438C.62 20.37.601 17.964.501 16.651zm1.306-.119c.025.413.038.894.081 1.381c.394 4.494 3.1 8.969 8.188 11.444c.2.094.275.05.35-.144q1.397-3.666 2.813-7.331c.081-.206.037-.3-.15-.419c-1.975-1.244-2.956-3.031-2.85-5.375c.063-1.35.581-2.531 1.488-3.519c1.875-2.044 4.813-2.488 7.219-1.1a5.73 5.73 0 0 1 2.825 5.65c-.225 1.912-1.206 3.369-2.856 4.362c-.169.1-.219.181-.144.375q1.425 3.675 2.825 7.356c.075.194.15.237.35.144c2.219-1.037 4.075-2.519 5.506-4.5c2.175-3.012 3.069-6.369 2.644-10.063C29.239 7.451 22.633 1.37 14.126 2.42C7.495 3.233 1.92 8.826 1.807 16.533z"/></svg>Osi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:osi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:osi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:osi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--osi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:osi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:osi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/osi.svg" alt="Osi アイコン" width="24" height="24">他のアイコンセットの Osi アイコン
Osi アイコン のよくある質問
Osi アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Osi アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:osi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Osi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/osi.svg" alt="Osi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。