Skip to content

Spinning Circle Icons

Nathan Colgate edited this page Jun 27, 2013 · 2 revisions

For my project I created the clients logo (a circle shape) in SVG and then converted it to a webfont. Everything looked great until I added FontAwesome's 'icon-spin' class. The circle wobbled.

After some experimentation I was able get rid of the wobble by positioning the circle in the bottom right corner of the document with the following setup:

Circle: 1000x1000px

Document: 1026.5x1055px

So that is a 2.65% (26.5px) padding on the left and a 5.5% (55px) padding on the top.

Clone this wiki locally