Fido Alliance アイコン
cib:fido-alliance
Fido Alliance アイコン(cib:fido-alliance)は、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
- タグ
- fidoalliance
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.464 10.016c-1.286 0-1.932 1.557-1.021 2.469s2.469.271 2.469-1.021c0-.797-.646-1.448-1.448-1.448m-3.875 4.057v1.891h2.599v6.391h.938V18.72h.677v3.635h.948v-8.281zm12.239.713h-.026c-.385-.557-1.151-.938-2.188-.938c-1.984 0-3.729 1.63-3.714 4.427c0 2.578 1.573 4.266 3.547 4.266c1.063 0 2.078-.479 2.578-1.385l.156 1.193h2.224V10.203h-2.578zm0 3.87c0 .214-.016.417-.042.62v-.021a1.54 1.54 0 0 1-1.505 1.234h-.021c-1.063 0-1.755-.88-1.755-2.297c0-1.307.594-2.359 1.771-2.359c.807 0 1.365.583 1.521 1.266c.016.12.026.255.026.396v.073zM6.401 11.854l.635-2.135a4 4 0 0 0-.51-.135H6.5a4.97 4.97 0 0 0-2.552.089l.036-.01a3 3 0 0 0-.505.203l.01-.005c-.323.161-.62.375-.88.63c-.667.656-1.005 1.542-1.005 2.635v.943H0v1.891h1.599v6.391h2.557V15.96h1.599v-1.885H4.156v-1a1.38 1.38 0 0 1 .307-.953v.005c.026-.031.057-.057.083-.083c0 0 .552-.547 1.854-.188zm20.672 1.995c-2.677 0-4.432 1.719-4.432 4.411s1.854 4.281 4.281 4.281c2.219 0 4.37-1.385 4.37-4.438c-.005-2.495-1.693-4.255-4.219-4.255zm-.083 6.839c-1.109 0-1.698-1.063-1.698-2.495c0-1.224.479-2.484 1.698-2.484c1.161 0 1.646 1.25 1.646 2.469c0 1.516-.641 2.51-1.646 2.51m3-7.672h.313v.786h.182v-.786h.313v-.156h-.807zm1.744-.157l-.245.672l-.24-.672h-.271v.943h.172v-.76l.266.76h.151l.255-.76v.76h.177v-.943h-.271z"/></svg>Fido Alliance アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:fido-alliance" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:fido-alliance" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:fido-alliance" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--fido-alliance]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:fido-alliance"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:fido-alliance"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/fido-alliance.svg" alt="Fido Alliance アイコン" width="24" height="24">他のアイコンセットの Fido Alliance アイコン
Fido Alliance アイコン のよくある質問
Fido Alliance アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fido Alliance アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:fido-alliance" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fido Alliance アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/fido-alliance.svg" alt="Fido Alliance アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。