icon help

[m_lion]

hi I need he help creating icons ..I have this code I got here for 3 icons I don't know exactly how to input my external site ( onlyfans) and the icon logo I created for it .. I know the href is for the external .( onlyfans , Twitter). but where do I put in the code for the icons logo .. I believe I need to use the full html code to display the icon but I could be wrong .. below I will show the code .. can some one please break it down for me

<li style="display:block;width:100%;height:auto;margin:0 auto;text-align:center;padding:.3em 0em .3em;box-sizing:border-box;list-style:none;float:none;clear:left;background-color:green;"><a href="#" style="display:inline-block;width:33.33%;height:auto;margin:0;background-color:#222;text-align:center;text-decoration:none;">1</a><a href="#" style="display:inline-block;width:33.33%;height:auto;margin:0;background-color:#444;text-align:center;text-decoration:none;">2</a><a href="#" style="display:inline-block;width:33.33%;height:auto;margin:0;background-color:#777;text-align:center;text-decoration:none;">3</a></li>

 

[m_lion]

I actually need 6 icons next to each other .. I figured if I can't figure out how to how to put them next to each other .. I can stack them using this code

 

[Dan N]

<li style="display:block;width:100%;height:auto;margin:0 auto;text-align:center;padding:.3em 0em .3em;box-sizing:border-box;list-style:none;float:none;clear:left;background-color:green;"><a href="#" style="display:inline-block;width:33.33%;height:auto;margin:0;background-color:#222;text-align:center;text-decoration:none;"><img src="add-icon-url-here" style="margin:0 auto;"/></a><a href="#" style="display:inline-block;width:33.33%;height:auto;margin:0;background-color:#444;text-align:center;text-decoration:none;"><img src="add-icon-url-here" style="margin:0 auto;"/></a><a href="#" style="display:inline-block;width:33.33%;height:auto;margin:0;background-color:#777;text-align:center;text-decoration:none;"><img src="add-icon-url-here" style="margin:0 auto;"/></a></li>

<img src="add-icon-url-here" style="margin:0 auto;"/> add the URL of the icon between double quotes .... via inline css you can style up the image a bit

<img src="add-icon-url-here" style="margin:0 auto;display:block;width:100%;height:auto;"/>

will make the image fluid size (responsive) and align it to the center