Icon Button

Question

Using the Bootstrap and Google Icon library, how can I fix this icon (it is in a weird position) and turn it into a button?
https://code.sololearn.com/Wa40C1286Sob/?ref=app

Answer 1

'bulleted-list' is not an officially supported icon.
You can use 'format_list_bulleted' instead.
https://material.io/tools/icons/

Answer 2

://Maybe need some explanation

Answer 3

(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.

Answer 4

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>
Javascript can also make just about anything into a button via onclick.
Maybe a complete question would help us help you get a complete answer?