Truffle icon
file-icons:truffle
The Truffle icon (file-icons:truffle) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 490 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 490 × 512
SVG code
<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>How to use the Truffle icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/file-icons/truffle.svg" alt="Truffle icon" width="24" height="24">Truffle icon in other icon sets
Truffle icon FAQ
Is the Truffle icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Truffle icon in React?
Install @iconify/react and render <Icon icon="file-icons:truffle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Truffle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/truffle.svg" alt="Truffle icon">, or paste the SVG code inline to style it with CSS.