Truffle アイコン
file-icons:truffle
Truffle アイコン(file-icons:truffle)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 490 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 490 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="490" height="512" viewBox="0 0 490 512"><path fill="currentColor" d="M205.104 486.668c-.641 17.871-103.067-17.955-157.514-62.433C207.356 603.212 479.462 485.516 490 277.01c-32.478 102.337-163.149 121.458-290.755 36.823C44.54 201.04 82.455 29.796 240.085 13.781c104.997-7.412 213.17 84.438 177.076 156.376c-44.044 80.68-192.551 16.031-180.758-67.355c2.698-26.808 29.886-43.467 21.985-16.431c-19.25 61.4 96.173 107.697 122.241 49.57c24.814-63.948-116.182-111.916-160.476-69.133C108.662 178.728 370.73 322.64 443.377 213.09C495.075 130.758 374.634-5.624 238.056.18C17.39 3.457-73.14 248.895 66.988 390.456c79.87 78.047 140.09 84.322 138.116 96.21"/></svg>Truffle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:truffle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:truffle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:truffle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--truffle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:truffle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:truffle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/truffle.svg" alt="Truffle アイコン" width="24" height="24">他のアイコンセットの Truffle アイコン
Truffle アイコン のよくある質問
Truffle アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Truffle アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:truffle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Truffle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/truffle.svg" alt="Truffle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。