(Sorry for the late reply)
If you replace "bulleted-list" with "cloud" you will see that they are in very different positions. (Plus bulleted-list has a weird line next to it)
If they could be aligned properly I would be able to change the size and colour etc.
Unsure what an un-weird position would be for you.
What kind of a button did you want?
The HTML for a form (communicates with your server) button would just be the icon inside a button tag.
<button><i... >... </i></button>
The HTML for a button-like anchor (hyperlink) would just be the icon inside an anchor tag.
<a href="..."><i... >... </i></a>
Maybe a complete question would help us help you get a complete answer?