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.


  • You've tagged both Illustrator and Sketch, can you clarify which program you're using?
    – JohnB
    Commented Aug 5, 2014 at 16:38
  • Just circles and transparency.. with gradients lined up carefully.
    – Scott
    Commented Aug 5, 2014 at 17:33

1 Answer 1


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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.