thi-ng/umbrella

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="318" height="263.33"><g transform="translate(24 24)"><circle fill="#7e95a0" cx="0" cy="0" r="24"/><circle fill="#7da8b0" cx="53" cy="0" r="24"/><circle fill="#abc6c7" cx="106" cy="0" r="24"/><circle fill="#9ba7a1" cx="159" cy="0" r="24"/><circle fill="#c1bbad" cx="212" cy="0" r="24"/><circle fill="#d0d5d1" cx="265" cy="0" r="24"/></g><g transform="translate(0 53)"><rect fill="#7e95a0" x="0" y="0" width="102.67" height="102.67"/><circle fill="#7da8b0" cx="30.80" cy="25.67" r="20.53"/><circle fill="#abc6c7" cx="61.60" cy="46.20" r="30.80"/><circle fill="#9ba7a1" cx="35.93" cy="71.87" r="25.67"/><circle fill="#c1bbad" cx="71.87" cy="71.87" r="20.53"/><circle fill="#d0d5d1" cx="61.60" cy="51.33" r="12.83"/></g><g transform="translate(107.67 53)"><rect fill="#7da8b0" x="0" y="0" width="102.67" height="102.67"/><circle fill="#abc6c7" cx="30.80" cy="25.67" r="20.53"/><circle fill="#9ba7a1" cx="61.60" cy="46.20" r="30.80"/><circle fill="#c1bbad" cx="35.93" cy="71.87" r="25.67"/><circle fill="#d0d5d1" cx="71.87" cy="71.87" r="20.53"/><circle fill="#7e95a0" cx="61.60" cy="51.33" r="12.83"/></g><g transform="translate(215.33 53)"><rect fill="#abc6c7" x="0" y="0" width="102.67" height="102.67"/><circle fill="#9ba7a1" cx="30.80" cy="25.67" r="20.53"/><circle fill="#c1bbad" cx="61.60" cy="46.20" r="30.80"/><circle fill="#d0d5d1" cx="35.93" cy="71.87" r="25.67"/><circle fill="#7e95a0" cx="71.87" cy="71.87" r="20.53"/><circle fill="#7da8b0" cx="61.60" cy="51.33" r="12.83"/></g><g transform="translate(0 160.67)"><rect fill="#9ba7a1" x="0" y="0" width="102.67" height="102.67"/><circle fill="#c1bbad" cx="30.80" cy="25.67" r="20.53"/><circle fill="#d0d5d1" cx="61.60" cy="46.20" r="30.80"/><circle fill="#7e95a0" cx="35.93" cy="71.87" r="25.67"/><circle fill="#7da8b0" cx="71.87" cy="71.87" r="20.53"/><circle fill="#abc6c7" cx="61.60" cy="51.33" r="12.83"/></g><g transform="translate(107.67 160.67)"><rect fill="#c1bbad" x="0" y="0" width="102.67" height="102.67"/><circle fill="#d0d5d1" cx="30.80" cy="25.67" r="20.53"/><circle fill="#7e95a0" cx="61.60" cy="46.20" r="30.80"/><circle fill="#7da8b0" cx="35.93" cy="71.87" r="25.67"/><circle fill="#abc6c7" cx="71.87" cy="71.87" r="20.53"/><circle fill="#9ba7a1" cx="61.60" cy="51.33" r="12.83"/></g><g transform="translate(215.33 160.67)"><rect fill="#d0d5d1" x="0" y="0" width="102.67" height="102.67"/><circle fill="#7e95a0" cx="30.80" cy="25.67" r="20.53"/><circle fill="#7da8b0" cx="61.60" cy="46.20" r="30.80"/><circle fill="#abc6c7" cx="35.93" cy="71.87" r="25.67"/><circle fill="#9ba7a1" cx="71.87" cy="71.87" r="20.53"/><circle fill="#c1bbad" cx="61.60" cy="51.33" r="12.83"/></g></svg>