Alpha Icons:
The award-winning collection contains two versions of 144 semi-transparent vector icons each, which have been specially designed for effortless use on any light or dark background.
Featured by Behance in UI section and favored by thousands of users: https://www.behance.net/gallery/109182089/Alpha-Icons-Project
Usability:
The icons are convenient to use as they are, since they are semi-transparent, you don't need to apply blending modes to them when using them on backgrounds of different colors and saturation. At the same time, they are easy to recolor, as both light and dark versions of the icons use only one color in the palette.
Design System:
For designing the Alpha icons I used a layout with a 96 x 96-pixel grid with pixel-perfect rules. All shapes and lines are filled with a one color gradient, from opaque to fully transparent, and the thickness of lines is equal to 1 pixel.
Important Note
The dark version has a more complex design system than the light version, and in some cases, the bottom objects are cut off by the top objects when they intersect. This should be kept in mind if you want to make animation for the dark version of Alpha icons in your project.
Package:
It's an ongoing project and I think about expanding the collection with new icons. I will appreciate any comments on the collection and would welcome your suggestions on the development of new themes.
If you find any issues in the design, please let me know so I can fix them.
Thanks!
Updates:
22.03.2021
31.01.2022