Icon alignment in round buttons - advanced issue

Mar 10, 2021

Hi All, 

I am creating circle buttons and want to use built-in button icons (no text). When I add the icon it is always off centre (it seems pinned to the top left corner of the button). This can be clearly seen in the image where I have created buttons with icons (at various sizes) and then centre-aligned circles (see image and SL file below). 

Does anyone have a workaround to centre the icons using round buttons?

2 Replies
Judy Nollet

Hi, Mike,

Here's a workaround: Don't use the built-in icons. Instead, create your own icon as an image, and then fill the button with that picture. Create it in different colors different states, as desired. If you create a perfectly square image with a centered circle-icon, that should properly align when you use it to fill a button.