Home/Libraries/SVG Logos (Iconify)/truffle

SVG Logos (Iconify)

Truffle

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 512 539"><path fill="#818cf8" d="M175.56 463.557v47.305c-.16 2.922.207 5.85 1.08 8.643a8.3 8.3 0 0 0 3.531 4.032a11 11 0 0 0 5.942 1.524a11.6 11.6 0 0 0 6.328-1.679a8.95 8.95 0 0 0 3.685-4.302a32 32 0 0 0 1.023-9.974v-45.55h13.967v43.602a63.2 63.2 0 0 1-1.234 15.318a21.7 21.7 0 0 1-4.746 8.257a22 22 0 0 1-8.084 5.788a27.1 27.1 0 0 1-10.65 1.929a25.8 25.8 0 0 1-13.851-3.666a21.34 21.34 0 0 1-8.43-9.144q-1.897-4.124-2.37-12.513l-.078-1.636l-.029-.847l-.038-1.753a127 127 0 0 1-.013-1.83l.02-43.504zm-135.143 0v13.717H27.106v59.42H12.984v-59.42H0v-13.717zm34.997 0h18.675q12.115 0 17.267 2.16a17.7 17.7 0 0 1 8.257 7.197a21.8 21.8 0 0 1 3.144 11.864a20.12 20.12 0 0 1-3.472 12.058a20.9 20.9 0 0 1-10.399 7.35l17.363 32.508h-15.26L94.533 505.73h-5.19v30.964h-13.93zm214.164 0v13.562h-22.475v13.293h22.475v13.37h-22.475v32.912H253.27v-73.137zm74.835 0v13.562h-22.475v13.293h22.475v13.37h-22.475v32.912h-13.833v-73.137zm52.34 0v59.864h20.277v13.273h-34.205v-73.137zm95.247 0v13.62h-26.103v13.235H512v13.37h-26.103v19.253H512v13.66h-39.916v-73.138zM97.002 477.042h-7.717l.058 15.106h8.276q6.657 0 9.145-1.736a6.58 6.58 0 0 0 2.508-5.788a7.16 7.16 0 0 0-1.235-4.244a6.85 6.85 0 0 0-3.318-2.566a25.7 25.7 0 0 0-7.717-.772"/><g transform="translate(56.491)"><ellipse cx="199.036" cy="197.052" fill="#818cf8" rx="194.776" ry="197.052"/><path fill="#818cf8" d="M137.783 371.783c7.967 2.72 34.726 11.421 35.864 2.913c.618-4.668-13.504-9.453-32.623-19.581a306.8 306.8 0 0 1-73.793-54.52a169.43 169.43 0 0 1-50.778-117.8C14.833 123.182 38.138 74.99 76.472 43.89A196.55 196.55 0 0 0 .074 194.66c-1.138 43.118 10.92 79.446 33.569 112.513a128.3 128.3 0 0 0 24.443 24.077c21.704 16.418 53.44 31.6 79.697 40.514"/><path fill="#818cf8" d="M396.493 151.889c-12.077-56.797-49.62-96.559-99.838-124.648c38.489 27.337 92.507 85.465 60.578 136.744c-27.009 41.074-92.603 33.029-128.583 13.505c-42.675-23.151-96.076-75.24-43.408-126.153c34.147-32.951 142.763 3.993 123.645 53.247c-11.151 28.65-54.56 22.283-74.083 8.276c-14.392-10.34-26.508-28.109-20.083-46.456c2.045-5.884 1.755-15.01-6.56-8.295c-6.135 5.016-9.318 13.273-10.398 20.99c-9.087 64.224 105.336 114.018 139.29 51.877c17.614-32.257-10.938-79.099-46.88-98.275c-27.01-14.47-55.118-24.637-89.574-22.167c-55.1 3.858-101.324 38.391-107.13 94.687c-5.789 55.947 31.62 106.3 75.664 136.416c46.301 31.64 108.539 52.494 165.49 33.626c51.047-16.919 72.134-75.51 61.87-123.336"/><path fill="#818cf8" d="M324.649 108.384c5.479-36.81-27.8-62.082-58.533-73.561c-36.232-13.505-84.096-7.601-110.488 22.398c-19.292 22.032-18.038 54.019-8.083 79.91c15.048 39.105 49.022 67.368 88.57 79.58c28.11 8.682 62.084 12.463 90.56 3.3c41.536-13.37 55.06-56.682 46.475-96.366a114 114 0 0 0-8.412-24.849c-5.247-11.016-21.318-33.318.83-6.154a96 96 0 0 1 6.405 9.472a106.5 106.5 0 0 1 10.784 23.942c12.077 37.042 2.605 80.257-30.868 102.616c-25.678 17.113-58.32 19.158-88.108 14.875c-39.935-5.788-77.574-25.08-103.735-56.122c-23.884-28.302-40.186-68.95-30.366-106.108c7.196-27.183 29.266-47.478 55.697-55.948c33.434-10.823 70.243-5.787 100.32 11.788c15.087 8.778 28.939 20.932 36.656 36.868a54.7 54.7 0 0 1 5.498 23.016a47.7 47.7 0 0 1-.752 9.646c-.213 1.157-2.663 4.418-2.315 1.736"/></g></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. TruffleIcon.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.