I’m designing on Illustrator icons for a new app, when I use 1px stroke and preview on mobile they look very thin and when I use 2px stroke they look a bit bold while Instagram icons look and feel perfect.
I tried to reproduce the same but I think they use something around 1.3px stroke which is not pixel perfect for me.
Could you explain me if my understanding is wrong and how I can get same result as Instagram icons?here is an example, hope it helps to understand my point:
Image 1 is 1px stroke:
Image 2 is Instagram example:
Image 3 is 2px stroke:
Answer
I’m not sure if this is the case, but sometimes the icons are made with a double stroke to mimic a fake stroke width. At the icons below there are three different strokes:
- 1px
- 1px black + 2px grey
- 2px
This is the second icon structure:
Attribution
Source : Link , Question Author : Youness , Answer Author : Community