This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(166.4, 36%, 26%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMQ%3C/text%3E%3C/svg%3E)
Greetings
I am applying bootstrap icon on button,
Problem: its now showing ( attached is snap short ), i used below reference to apply
https://codepen.io/jnbruno/pen/vNpPpW ( use this link code to apply )
Note: on server ( windows server browser ) its showing fine , after publish when i open site on browser its not showing ( icon on buttons )
Solution Required : How or what to do to visible icon on browser ( i have checked on both browser i.e and chrome , icon not coming up )
Thanks
Images are attached for reference
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(195.2, 51%, 28%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYS%3C/text%3E%3C/svg%3E)
Hi @Mohammad Qasim ,
I suggest you could press F12 to check if your codes have errors. Could you tell us what's your line come from? In the local or cdn?
Best regards,
Yijing Sun
Maybe the image files were not deployed to the right spot on the Web server so the Web application could access them.
Did you check your links are pointing to a folder on the server where the .css file and svg files are?
Standard Bootstrap 4 images:
