Home/Libraries/Game Icons (Iconify)/marbles

Game Icons (Iconify)

Marbles

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="M168.06 172.176c-67.24 0-121.943 54.7-121.943 121.94S100.82 416.058 168.06 416.058c30.25 0 57.962-11.08 79.3-29.386a120.6 120.6 0 0 1-5.32-19.485c-18.83 19.065-44.995 30.87-73.98 30.87c-22.815 0-43.88-7.312-61-19.716c27.834 4.814 73.39 10.32 98.645.48c11.155-4.346 23.33-14.317 34.578-25.62a123 123 0 0 1-.285-8.263c0-16.365 3.25-31.983 9.123-46.256c-21.226 20.275-49.207 43.894-71.65 51.906c-26.097 9.316-76.967 3.676-96.025 1.09a103.4 103.4 0 0 1-16.593-45.182c17.335-3.294 53.808-10.013 74.972-12.38c28.105-3.143 60.837 10.417 84.705-4.75c14.41-9.16 25.482-38.016 30.31-52.555a103.4 103.4 0 0 1 13.543 30.015a123 123 0 0 1 14.258-14.44c-17.077-46.75-61.993-80.21-114.58-80.21v-.002zm0 18c23.778 0 45.656 7.943 63.147 21.318c-4.465 16.817-14.462 46.984-30.303 54.39c-24.788 11.588-53.316-25.293-79.904-18.825c-23.882 5.807-40.093 27.904-56.88 46.827c.122-57.405 46.505-103.71 103.94-103.71M361.94 241c-7.227 0-14.278.736-21.085 2.13a979 979 0 0 1 4.88 35.89c3.145 26.965 5.8 59.057 3.076 82.04c-1.855 15.656-8.527 35.703-14.693 52.483a644 644 0 0 1-10.996 27.873c11.99 4.814 25.09 7.467 38.82 7.467c6.415 0 12.69-.58 18.777-1.686c4.906-16.186 14.49-50.886 13.226-71.197c-1.047-16.833-19.873-31.586-16-48c5.268-22.31 39.43-47.627 55.56-58.52c-18.62-17.66-43.798-28.48-71.56-28.48h-.004zm-38.495 7.334a103 103 0 0 0-16.123 8.11c.75 17.962 2.2 61.956-.424 88.443c-2.483 25.083-12.448 66.07-15.12 76.814a104 104 0 0 0 15.245 11.556a625 625 0 0 0 10.2-25.92c5.975-16.26 12.268-36.212 13.713-48.397c2.313-19.514.002-51.422-3.08-77.835a974 974 0 0 0-4.41-32.77zm-33.71 21.77C270.158 288.994 258 315.514 258 344.94c0 22.48 7.092 43.264 19.166 60.246c4.123-17.823 10.2-45.726 11.818-62.073c1.874-18.918 1.378-51.442.752-73.01h-.002zm162.052 22.462c-6.606 14.014-16.406 36.63-18.34 51.434c-2.54 19.446 3.155 53.058 6.41 69.813c16.2-18.325 26.026-42.423 26.026-68.872c0-19.114-5.135-37.004-14.096-52.374z"/></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. MarblesIcon.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.