File Type Truffle アイコン

Q: File Type Truffle アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-truffle

File Type Truffle アイコン(vscode-icons:file-type-truffle)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typetruffle、filetypetruffle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#5e464d" d="M16 2.25a13.79 13.79 0 0 1 0 27.58A13.71 13.71 0 0 1 2.34 16A13.71 13.71 0 0 1 16 2.25"/><path fill="#fff" d="M11.68 28.27c.55.19 2.43.8 2.51.21c0-.33-.94-.67-2.28-1.37a21.6 21.6 0 0 1-5.17-3.82a11.87 11.87 0 0 1-3.55-8.24a11.7 11.7 0 0 1 4.2-9.72A13.74 13.74 0 0 0 2 15.88a12.87 12.87 0 0 0 2.35 7.87a9 9 0 0 0 1.75 1.69a21.3 21.3 0 0 0 5.58 2.83"/><path fill="#fff" d="M29.85 12.87c-.85-4-3.47-6.76-7-8.72c2.69 1.91 6.47 6 4.24 9.57c-1.89 2.87-6.49 2.31-9 .95c-3-1.63-6.72-5.27-3-8.84c2.38-2.3 10 .28 8.65 3.73c-.78 2-3.82 1.56-5.19.58a3 3 0 0 1-1.4-3.25c.14-.42.12-1-.46-.58a2.33 2.33 0 0 0-.73 1.46c-.63 4.5 7.37 8 9.75 3.63c1.23-2.25-.77-5.53-3.28-6.87A11.1 11.1 0 0 0 16.14 3c-3.86.28-7.09 2.69-7.49 6.63s2.21 7.44 5.29 9.55c3.24 2.22 7.6 3.67 11.58 2.35c3.58-1.18 5.05-5.28 4.33-8.63"/><path fill="#3fe0c5" d="M24.76 9.84c.38-2.58-2-4.35-4.1-5.15c-2.53-1-5.88-.53-7.73 1.57c-1.36 1.54-1.26 3.78-.57 5.59a9.56 9.56 0 0 0 6.2 5.57a11 11 0 0 0 6.34.23c2.91-.94 3.85-4 3.25-6.74a8 8 0 0 0-.59-1.74c-.36-.77-1.49-2.33.06-.43a8 8 0 0 1 .45.66a7.2 7.2 0 0 1 .75 1.68a6.21 6.21 0 0 1-2.16 7.18a8.88 8.88 0 0 1-6.17 1a11.66 11.66 0 0 1-7.26-3.93c-1.67-2-2.81-4.82-2.12-7.43A5.8 5.8 0 0 1 15 4a8.7 8.7 0 0 1 7 .82a6.36 6.36 0 0 1 2.56 2.58A4 4 0 0 1 25 9a3 3 0 0 1 0 .67c0 .08-.19.31-.16.12"/></svg>

File Type Truffle アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-truffle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-truffle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-truffle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-truffle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-truffle"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-truffle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-truffle.svg" alt="File Type Truffle アイコン" width="24" height="24">

VSCode Icons の関連アイコン

File Type Truffle アイコンのよくある質問

File Type Truffle アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Truffle アイコンを使うには?

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-truffle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Truffle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-truffle.svg" alt="File Type Truffle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →