23 Design Omar Tosca

Adaptive Icons – Swap

  • Save
Adaptive Icons – Swap icons iconography gif animated design android icons android design android adaptive icons adaptive icon material design

4 Attachments

As part of the introduction of Adaptive Icons for Android O, I started experimenting with it using one of my latest projects: Swap. 💵

There were two main elements on Swap brand, both important to preserve: the gradient color and the human shape.

Taking advantage of the new bounds, I used a transparent circle eye as the fg sheet. And the rest of the elements (human shape + gradient) as the bg in conjunction. This creates a neat effect when applying bounce effects and move to the icon. ✍🏼

Thanks to Marius Claret for his awesome tool for prototyping Adaptive Icons. If you want to try the prototype yourself, see below:

https://adapticon.tooo.io/#/bg=https://i.imgur.com/Z8875p4.png/fg=https://i.imgur.com/ldMYtkW.png

keyboard shortcuts: L or F like