Home/Libraries/Game Icons (Iconify)/bud

Game Icons (Iconify)

Bud

License: CC-BY-3.0

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 512"><path fill="#818cf8" d="M384.125 18.97c-70.015 129.283-252.07 74.705-332.5 193.757l38.88 103.666c22.01-21.787 47.782-40.787 79.567-54.06l9.258-3.868l3.2 9.51c12.575 37.39 23.49 94.565 26.86 147.505l102.616-30.894c22.346-120.723 64.364-227.22 179.244-188.4a83 83 0 0 0-1.844-2.686c-25.24-32.43-76.745-57.15-126.562-53.344c-7.054 6.68-14.54 13.147-22.156 19.75c-41.628 36.097-88.005 75.316-100.375 170.75l-18.563-2.406c13.072-100.845 65.095-146.402 106.688-182.47c20.796-18.032 38.698-33.91 49.125-53c10.15-18.584 14.12-40.507 6.562-73.81m99.906 61.968c-25.515 2.268-52.788 3.074-82.03 1.624a100.8 100.8 0 0 1-8.03 19.188c-3.806 6.966-8.29 13.374-13.25 19.438c22.365.908 44.225 6.32 63.905 15.124zM92.966 112.686c-24.006 18.624-41.328 40.01-55.32 62.77l6.193 16.51c15.573-19.714 34.12-34.565 54.695-46.66zm-65.36 89.218c-9.833 47.09-12.01 104.668-2.27 155.688c11.808 61.856 40.106 112.43 90.153 127.283c34.535 10.248 83.65 10.54 126.72-4.996c38.26-13.802 71.604-39.362 88.542-81.42l-120.473 36.27c.24 8.67.253 17.144-.004 25.293l-18.68-.587c1.737-55.24-9.873-129.092-23.745-175.46c-39.45 18.767-68.732 47.248-94.04 79.536l-14.71-11.53c5.46-6.967 11.147-13.825 17.107-20.503l-48.6-129.576z"/></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. BudIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.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.