Fido Alliance アイコン
thesvg:fido-alliance
Fido Alliance アイコン(thesvg:fido-alliance)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- fidoalliance
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.849 7.513a1.085 1.085 0 1 0 1.085 1.086v-.001c0-.599-.486-1.085-1.085-1.085m-2.907 3.04v1.418H6.89v4.793h.704V14.04h.509v2.724h.71v-6.211H4.941zm9.18.536H14.1c-.287-.416-.862-.702-1.639-.702c-1.489 0-2.797 1.224-2.786 3.319c0 1.936 1.181 3.201 2.659 3.201c.797 0 1.56-.361 1.935-1.04l.117.893h1.669V7.651h-1.934zm0 2.904q0 .237-.034.465l.002-.017c-.11.532-.574.925-1.13.925h-.014h.001c-.797 0-1.318-.659-1.318-1.723c0-.978.446-1.767 1.329-1.767c.606 0 1.022.437 1.138.947c.014.09.023.194.023.3l-.001.054v-.003zM4.802 8.89l.475-1.6a3 3 0 0 0-.384-.101l-.019-.003a3.7 3.7 0 0 0-.829-.092a3.7 3.7 0 0 0-1.084.159l.027-.007a2 2 0 0 0-.38.153l.011-.005a2.6 2.6 0 0 0-.663.475c-.5.49-.754 1.155-.754 1.975v.708H-.001v1.418h1.199v4.793h1.921V11.97h1.199v-1.416H3.119v-.75a1.02 1.02 0 0 1 .23-.713l-.001.002l.063-.062l.001-.001s.414-.41 1.389-.14zm15.504 1.498c-2.01 0-3.327 1.286-3.327 3.307s1.393 3.212 3.213 3.212c1.664 0 3.276-1.04 3.276-3.327c-.002-1.874-1.267-3.192-3.162-3.192m-.063 5.126c-.832 0-1.276-.797-1.276-1.871c0-.915.361-1.861 1.276-1.861c.871 0 1.234.936 1.234 1.851c0 1.137-.482 1.882-1.234 1.882zm2.25-5.753h.232v.589h.14v-.589h.231v-.117h-.603zm1.306-.117l-.182.505l-.181-.505h-.203v.707h.13V9.78l.198.571h.113l.195-.571v.571h.13v-.707z"/></svg>Fido Alliance アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:fido-alliance" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:fido-alliance" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:fido-alliance" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--fido-alliance]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:fido-alliance"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:fido-alliance"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/fido-alliance.svg" alt="Fido Alliance アイコン" width="24" height="24">他のアイコンセットの Fido Alliance アイコン
Fido Alliance アイコン のよくある質問
Fido Alliance アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fido Alliance アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:fido-alliance" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fido Alliance アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/fido-alliance.svg" alt="Fido Alliance アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。