Icon Alignment

When trying to add icons to lines of text they often act oddly; flipping to the next line for example: https://www.dropbox.com/s/onrbo9o5hjl0cag/Screenshot%202014-12-22%2015.45.58.png?dl=0

Code of the above:
[row][one_full][headline tag=”h3″ color=”color2″]Go to the Facebook page for updates, rules info, dates and more |[/headline] [icon type=”circle” icon=”icon-facebook-2″ size=”36″ align=”” color=”color2″ url=”https://www.facebook.com/ColdHabitDieHard” new_window=”no”][/one_full][/row]

What should the code read like in order to have it run after the text neatly?

Thanks and Happy holidays to all the team!