Ideal アイコン
fa7-brands:ideal
Ideal アイコン(fa7-brands:ideal)は、Font Awesome Brands セットの無料 SVG アイコンです(作者: Dave Gandy)。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M157.8 229.5c-18.1-.8-35.1 8.4-44.4 23.9c-9.2 15.5-9.2 34.8 0 50.3c9.3 15.5 26.3 24.7 44.4 23.9c18.1.8 35.1-8.4 44.4-23.9c9.2-15.5 9.2-34.8 0-50.3c-9.3-15.5-26.3-24.7-44.4-23.9m-39.5 260.3h78.9V349.3h-78.9zm151.5-211.6c0-20-10-22.5-18.7-22.5h-14v45.8h14c9.7 0 18.7-2.8 18.7-23.3m201.7 46v-91.3h22.8v68.6H528c-9.4-124.4-107.2-151.3-196.2-151.3H237V233h14c25.6 0 41.5 17.4 41.5 45.3c0 28.8-15.5 46-41.5 46h-14v165.6h94.8c144.6 0 194.9-67.2 196.7-165.6h-57.1zm-109.8 0h-56.2V233h54.4v22.7h-31.7v10.6h30V289h-30v12.5h33.5zm74.7 0l-5.2-17.7h-29.7l-5.2 17.7h-23.7l27.5-91.3h32.3l27.5 91.3h-23.7zM331.8 96H64.1v448h267.7c161.8 0 251-79.7 251-224.5c0-83.5-32.6-223.5-251-223.5m0 426.9H85.2V117h246.6c142.1 0 229.9 64.6 229.9 202.4c0 134.1-81 203.4-229.9 203.4zM415.7 258l-7.5 25.8h16.4l-7.5-25.8z"/></svg>Ideal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:ideal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:ideal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:ideal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--ideal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:ideal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:ideal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/ideal.svg" alt="Ideal アイコン" width="24" height="24">他のアイコンセットの Ideal アイコン
Ideal アイコン のよくある質問
Ideal アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ideal アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:ideal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ideal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/ideal.svg" alt="Ideal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。