Introduction
Icons are an essential part of building intuitive and engaging user interfaces. Hopper offers a versatile and comprehensive icon system tailored to meet diverse project needs, whether you're building with React or using static assets in other frameworks.
Using Hopper Icons
Hopper provides two main packages, React components or pure SVG, giving you the flexibility to choose how to integrate icons into your project.
React Applications
Designed specifically for React applications, this package offers all icons as React components.
Standard Icons
Monochromatic and simple. Best suited for functional UI elements like buttons, menus, or actions.
Rich Icons
Vibrant and colorful. Perfect for decorative purposes or drawing attention to specific elements.
Other Frameworks
Ideal for non-React setups, this package provides raw SVG files.
Standard Icons
Monochromatic and simple. Best suited for functional UI elements like buttons, menus, or actions.
Rich Icons
Vibrant and colorful. Perfect for decorative purposes or drawing attention to specific elements.
Start Designing Icons
No matter the platform or design requirements, Hopper icons empower developers and designers to create polished, visually aligned interfaces.