SVG · PNG
For your design.
Find an icon, customize it and download it. As a vector or an image with a transparent background.
Choose an iconCustomize icons.
Fine or bold, small or large. Adjust the icons to your needs.
Light, Regular and Bold — and every stroke in between.
View all 1,866 iconsReady for your
next project.
JavaScript · React
For your application.
Bring icons straight into your project. Import individual icons and adjust them to your interface with a few settings.
View packagesSame idea.
Same language.
Geometric shapes, crisp edges and a character of their own. Rays Icons and Rays Display are made for each other.
Explore Rays DisplayAbout Rays Icons
Rays Icons includes 1,866 motifs in 35 categories for websites and apps. Every icon has customizable color, size and stroke width.
Which formats are available for Rays Icons?
Download individual icons as SVG or PNG in the catalog. The complete SVG package includes Light, Regular and Bold. Local JavaScript and React packages with TypeScript types are also available for applications.
Can I adjust the stroke width?
Yes. The catalog and the JavaScript and React packages support continuous stroke widths from 0.5 to 3. Color and size can be changed independently.