Floydhub アイコン
logos:floydhub
Floydhub アイコン(logos:floydhub)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#3b99ed" d="M208.418 208.418c-21.48 21.48-50.04 33.31-80.418 33.31s-58.937-11.83-80.418-33.31c-21.48-21.48-33.31-50.04-33.31-80.418s11.83-58.937 33.31-80.418c21.481-21.48 50.04-33.31 80.418-33.31s58.938 11.83 80.418 33.31s33.31 50.04 33.31 80.418s-11.83 58.938-33.31 80.418m37.52-130.244c-6.447-15.243-15.675-28.931-27.428-40.684s-25.442-20.981-40.684-27.428C162.041 3.385 145.277 0 128 0S93.96 3.385 78.174 10.062C62.931 16.509 49.243 25.737 37.49 37.49S16.509 62.931 10.062 78.174C3.385 93.96 0 110.723 0 128s3.385 34.041 10.062 49.826c6.447 15.242 15.675 28.931 27.428 40.684s25.441 20.981 40.684 27.428C93.96 252.614 110.723 256 128 256s34.041-3.386 49.826-10.062c15.242-6.447 28.931-15.675 40.684-27.428s20.981-25.442 27.428-40.684C252.615 162.041 256 145.277 256 128s-3.385-34.04-10.062-49.826M187.992 40.49H78.812v167.872a5.352 5.352 0 0 0 10.705 0v-64.759h77.246a5.352 5.352 0 1 0 0-10.703H89.517v-9.812h76.176a5.352 5.352 0 0 0 0-10.704H89.517v-61.19h98.475a5.352 5.352 0 1 0 0-10.704"/></svg>Floydhub アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:floydhub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:floydhub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:floydhub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--floydhub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:floydhub"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:floydhub"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/floydhub.svg" alt="Floydhub アイコン" width="24" height="24">Floydhub アイコン のよくある質問
Floydhub アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Floydhub アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:floydhub" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Floydhub アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/floydhub.svg" alt="Floydhub アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。