javascripthtmlcsssvgicons

How to convert data:image/svg+xml;base64 data from natural image?

I have a blog in which I need to replace the background-image of .svg-icon.googleplus (line 725 of the stylesheet).

As of this point, it shows Google+ icon. I need to replace it with Google's original icon. However I don't know how to convert the data:image/svg+xml;base64 data from natural image.

Any suggestions, kind folks?

Solution

  • You can use any kind of image in the background url(). Does not need to be base64. You could replace it with:

    background-image: url('path/to/img/example.jpg');
background-image: url('path/to/img/example.gif');
background-image: url('path/to/img/example.png');

    But if you still want to use Base64 you can use a program or a web service like this one:

    https://www.base64-image.de/

    Hope it helps