How do I replicate the Apple Family Sharing Icon

I was trying to replicate the following icon from Apple as a practice. I like the gradient effect but it seem to be shared by all the circles and the base. And there is also a opacity change, where all the circle has transparency, while the base has a gradient in opacity.

Apple family sharing icon

I tried the following to replicate it. Having circles with different color, and then an overlay with gradient opacity. but I seem not to be able to replicate the family sharing icon. Wondering if anyone knows how to do it.


As shown, the color change is not what I wanted.



Here’s what I came up with. I used Illustrator.

There’s a flat cloud shape at the very bottom layer with a gradient, then the ones on top simply have gradients with varying opacity & angles. The top left and right circles are on “Multiply”.

enter image description here

Source : Link , Question Author : Chris Yeung , Answer Author : JohnB

Leave a Comment