Fontforge アイコン
file-icons:fontforge
Fontforge アイコン(file-icons:fontforge)は、File Icons セットの無料 SVG アイコンです(作者: John Gardner)。 450 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 450 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="450" height="512" viewBox="0 0 450 512"><path fill="currentColor" d="M114.066 406.858c28.936 29.395 82.941 25.975 122.487-.66l-75.197 69.838l.513-12.718l-10.461-.413l-.751 19.11l-19.122-.755l-.422 10.446l19.119.766l-.763 19.106l10.445.422l.767-19.119l19.118.767l.422-10.445l-10.747-.436l74.252-68.543c19.354 11.085 36.224-10.224 27.825-25.68l76.077-70.245l-.456 11.366l10.462.412l.75-19.11l19.122.755l.422-10.446l-19.119-.766l.764-19.106l-10.446-.422l-.766 19.119l-19.119-.767l-.422 10.445l12.104.481l-76.858 70.45c32.027-37.506 42.56-133.925 64.812-221.843h45.772c14.473.94 19.467-29.443 7.991-28.577h-46.498c8.96-49.646 26.882-106.558 48.436-106.558c26.397 0 17.194 42.623 35.842 42.623c17.195 0 28.577-12.593 28.577-30.514c-3.154-52.508-83.523-42.162-116.245-2.18c-10.656-13.32-31.968-21.07-55.217-21.07c-72.169 0-111.402 56.913-129.08 117.7h-32.21c-12.352 0-15.984 11.866-15.984 21.553c0 3.633.726 7.023 6.296 7.023h34.632S111.886 302.48 92.512 372.468c-8.84 31.935-16.226 34.874-26.882 34.874c-22.038 0-24.46-21.312-44.076-21.312C10.414 386.03 0 401.772 0 412.186c.475 30.404 60.93 45.664 114.066-5.328m24.702-33.179c18.123-37.146 35.198-116.251 56.428-214.812h79.918s-24.218 121.574-46.013 200.04c-14.266 58.62-68.953 40.999-90.333 14.772M282.38 130.29h-80.888C209 93.48 224.5 36.81 258.646 36.81c17.921 0 38.022 11.382 49.647 29.788c-10.414 18.647-20.101 41.412-25.913 63.692"/></svg>Fontforge アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:fontforge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:fontforge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:fontforge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--fontforge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:fontforge"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:fontforge"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/fontforge.svg" alt="Fontforge アイコン" width="24" height="24">他のアイコンセットの Fontforge アイコン
Fontforge アイコン のよくある質問
Fontforge アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fontforge アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:fontforge" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fontforge アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/fontforge.svg" alt="Fontforge アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。