You can change some settings for the icons by defining some variable before you load 'silicons'.
The prefix is used for all icons.
The stroke is used in 'em'. So the stroke is based on the font-size given to the element.
For the colored versions of the icons, only one set of specific colors is used. These colors can easily be changed by redefining the color. This can be done using a scss variable or with acustom property
You can redefine the color of a variable by just setting it before you import silicons. This will override the default color in silicons and will be used. note: a custom property, overrides the sass variable.
Defining the color can also be done using a custom property, the properties as mentioned before are not set by silicons, but are getting used. The default color is the fallback color. In this way, a set custom propertie will override any color.
example: Is the default icon which becomes the text color (white). Is the default icon, with another text color set on the element. has an extra "colored" class. The default color (turquoise) is used now. here the --turquoise is set to red.
All icons are build up in mixins. These mixins can be used when in you add silicons to your project. In this way you don't have to add all icons to your project and you are able to use your own classes.
The default class for the print icons is .silicon-printer, but you want to use this icon on the class .icon-print. In your project, just add @include silicon-printer('icon-print'); and this will output the code for the print icon on the class icon-print
You can alo just directly implement the css in your project. In this way you can use all the classes as they are.
Silicons is made by Sil van Diepen, hence then name.
I am Sil, a frontend developer and illustrator and I was inspired by different icon sets and techniques. It started as a challenge to make an iconset, which is easily useable without any actual images or fontstyles. The challenge turned into an actual usuable library as you can see here.
Way more icons will be added, but I need time!
As far, there are no actual live projects live using this iconset, hope soon there will be some. From my hand there will be, but if you know any or build something yourself. Please let me know!
Can you make..
Ofcourse I can! Please send me an email and I can see what I can do.
Wanna support me?
If so, that would be awesome! Anything will do. I hope I can make more and more time for projects like this and be better and help people. If you help, I will make an on request for sure!
Do you have any requests, questions, wanna get in touch? Please do! Send me an me@silvandiepen.