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?