Icon SVG into Button

Shockpain2
Tourist
10 0 3

Hey guys,

so I tried to install an SVG Icon into the button and it worked, but it's not on the same line as the text. Not sure with which CSS/HTML command I should use for it.

 

Bildschirmfoto 2021-04-20 um 01.06.25.png

0 Likes
Speedimize
Shopify Partner
213 35 93

Hi @Shockpain2 

Aibek is here from Speedimize.io

Can you please share with us the URL of your shop? 

So we can help you with a solution.

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
0 Likes

Hi @Shockpain2 ,

in the end it is probably just a simple line in the css-class, but probably it is better to define another class for that.

Maybe you can share a link to the page where your button appears. You are using the theme Prestige, right?

Regards
Thomas

• War meine Antwort hilfreich? Hinterlasse bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.
0 Likes
Scott-Marshall
Excursionist
36 3 3

Hi @Shockpain2,

For best results, the SVG icon should be the same size as the text, however, if you're able to provide the URL to the page in question, I can provide you with a solution.

Cheers,

0 Likes
Shockpain2
Tourist
10 0 3

This is the Website with the button where I would like to have the SVG: https://convara.de/collections/aktuelle-trends/products/b-h-trimmer

The SVG is: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-10-4c0-2.206 1.794-4 4-4s4 1.794 4 4v4h-8v-4zm11 16h-14v-10h14v10z"/></svg>

0 Likes