Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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.


share|improve this question
You've tagged both Illustrator and Sketch, can you clarify which program you're using? – JohnB Aug 5 '14 at 16:38
Just circles and transparency.. with gradients lined up carefully. – Scott Aug 5 '14 at 17:33
up vote 5 down vote accepted

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

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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