I just created my first Android app logo icon using Figma exporting it as an .SVG into Android Studio!

In the past I’ve tried this process with Sketch needing to research and download additional apps / plugins and ultimately being unsuccessful at importing my .SVG in Sketch for Android.

For the Android use case on the most up to date OS it requires both a foreground and background .SVG for the main app icon. The quality of the static .SVGs are good. However, when the phone performs animations (ie: dragging the icon to a new position) I noticed the drawn ring in my background shows un-smooth pixels.

I attempted solution #1 to increase the stroke of the background ring. For solution #2 I tried drawing one smaller and larger circle overlapping to create the desired ring effect. Solution #2 may of had a slight benefit but the animation is still somewhat pixelated.

Do you have any recommendations for smoothing out the ring?

--

--

Open Sourcer

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Adam Hurwitz

Adam Hurwitz

Open Sourcer

More from Medium

Blue man. Silhouette.

The Neuroscience of Exercise

Eco-Friendly Bitumen Market: A Big Step in Sustainable Construction Solutions

Eco-Friendly Bitumen Market

Learning to Live with the PALB2 Mutation: Fumbling Towards Knowledge