Home/Libraries/Game Icons (Iconify)/hops

Game Icons (Iconify)

Hops

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="M455.016 31.335c-7.352 27.563-11.672 51.534-29.666 70.475a132 132 0 0 1 10.89 14.457c21.859-21.479 31.27-55.32 36.444-81.483zm-365.77 86.553c26.53 23.311 75.437 43.214 128.588 50.441c8.93-54.446 25.763-101.262 78.663-111.742c-87.441-32.988-169.736-14.856-207.25 61.3zm181.012-30.992c-23.32 17.537-33.49 55.18-35.172 93.896c-1.561 35.96 3.991 71.655 9.075 90.1c18.466 5.08 54.205 10.628 90.213 9.068c38.762-1.68 76.457-11.845 94.011-35.137c26.195-44.685 11.365-102.657-21.504-136.447c-35.854-30.649-96.195-50.896-136.623-21.48M93.756 144.06c-21.448 19.766-37.77 47.077-44.715 84.466c29.077 14.704 53.089 19.928 81.481 23.61c19.863-23.625 28.623-48.967 39.228-75.043c-29.084-7.861-55.342-19.184-75.994-33.033m93.71 37.314c-13.41 45.213-43.135 138.013-19.993 166.121c20.996 20.505 122.712-2.301 166.324-19.967a360 360 0 0 1-5.027-29.386c-33.203-1.003-67.74-2.657-99.18-12.67c-8.98-34.162-13.172-70.091-12.685-99.073a360 360 0 0 1-29.44-5.025zm271.243 37.24c-9.797 53.078-68.758 74.708-111.867 78.6c7.237 53.09 27.16 101.938 50.498 128.433c85.392-40.18 90.077-136.087 61.37-207.033zM59.217 254.495c-13.823 25.304-23.43 57.957-25.054 84.063c16.933 5.432 36.996 6.918 53.347 7.308c6.387-25.338 18.476-51.542 32.994-76.928c-20.58-3.495-43.292-7.486-61.287-14.443m88.59 3.938c-22.603 45.341-56.073 107.837-42.664 151.328c57.858 6.862 111.673-17.601 151.47-42.592c-32.613 5.741-81.751 15.043-103.86-4.938c-18.09-28.865-13.015-58.231-4.946-103.798m190.277 86.802c-30.287 7.312-51.234 24.35-75.14 39.196c4.16 25.089 9.576 60.967 23.635 81.375c37.436-6.937 64.779-23.24 84.568-44.662c-13.862-20.63-25.194-46.859-33.063-75.909M46.331 360.267c-10.174 36.445-17.91 81.317-4.399 112.632c31.358 13.502 76.288 5.774 112.777-4.39c-2.03-12.867-3.194-26.613-3.529-37.592c-23.234 1.407-41.295.55-59.984-7.201c-7.773-19.583-9.502-42.678-7.215-59.922c-13.049-.685-25.974-1.445-37.65-3.527m199.806 34.162c-25.42 14.508-51.66 26.588-77.03 32.968c.398 20.603.666 38.958 7.315 53.268c31-3.247 58.572-10.692 84.17-25.025c-7.523-22.172-11.492-40.957-14.455-61.211"/></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. HopsIcon.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.