Home/Libraries/SVG Logos (Iconify)/truffle-icon

SVG Logos (Iconify)

TruffleIcon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 253"><ellipse cx="127.696" cy="126.423" fill="#818cf8" rx="124.963" ry="126.423"/><path fill="#818cf8" d="M88.398 238.526c5.112 1.745 22.279 7.327 23.01 1.869c.395-2.995-8.665-6.065-20.931-12.563a196.8 196.8 0 0 1-47.344-34.979a108.7 108.7 0 0 1-32.577-75.577C9.516 79.03 24.468 48.111 49.062 28.16A126.1 126.1 0 0 0 .047 124.89c-.73 27.663 7.006 50.97 21.537 72.185a82.3 82.3 0 0 0 15.682 15.447c13.925 10.533 34.286 20.274 51.132 25.992"/><path fill="#818cf8" d="M254.38 97.448c-7.749-36.44-31.836-61.95-64.054-79.971c24.693 17.539 59.35 54.832 38.865 87.731c-17.328 26.352-59.412 21.19-82.496 8.665c-27.379-14.853-61.64-48.273-27.849-80.937c21.908-21.14 91.593 2.563 79.327 34.162c-7.154 18.38-35.003 14.296-47.53 5.31c-9.233-6.634-17.006-18.034-12.884-29.805c1.312-3.775 1.126-9.63-4.208-5.322c-3.936 3.218-5.979 8.516-6.672 13.467c-5.83 41.204 67.581 73.15 89.365 33.283c11.3-20.696-7.018-50.748-30.077-63.051C168.84 11.697 150.805 5.174 128.7 6.758C93.349 9.234 63.692 31.39 59.967 67.507c-3.714 35.894 20.286 68.2 48.544 87.52c29.706 20.3 69.636 33.68 106.174 21.574c32.75-10.855 46.28-48.445 39.694-79.129"/><path fill="#818cf8" d="M208.286 69.537C211.8 45.92 190.45 29.706 170.732 22.34c-23.244-8.664-53.953-4.876-70.885 14.37c-12.378 14.138-11.573 34.659-5.187 51.27c9.654 25.089 31.45 43.222 56.824 51.057c18.034 5.57 39.831 7.996 58.1 2.116c26.649-8.577 35.325-36.364 29.818-61.825a73 73 0 0 0-5.397-15.942c-3.367-7.068-13.677-21.376.532-3.948a62 62 0 0 1 4.11 6.077a68.3 68.3 0 0 1 6.919 15.36c7.748 23.765 1.67 51.49-19.804 65.836c-16.475 10.979-37.417 12.29-56.528 9.543c-25.622-3.713-49.77-16.09-66.554-36.006C87.358 102.089 76.9 76.01 83.2 52.17c4.617-17.44 18.777-30.461 35.734-35.895c21.45-6.943 45.066-3.713 64.363 7.563c9.679 5.632 18.566 13.43 23.517 23.653a35.1 35.1 0 0 1 3.527 14.767a30.6 30.6 0 0 1-.482 6.188c-.137.743-1.709 2.835-1.486 1.114"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TruffleIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.