Site logo

Archived topic

How can I show SVG HTML Logo together with Logo Text?

3 replies · Started by Sibi Paul on October 12, 2021

Viewing posts 1–4 of 4

Hi...

Now I don't like to use JPG or PNG for my site logo.

I just wanted to show my logo as text Only.

My site name is now shown Good...

but...

I want to add an Icon near to the logo text ( site name )

I know there is an SVG HTML code, that can display icons...

Help me, How can I show SVG HTML Icon Nearby my site name?

Thanks.

Hi there,

It depends on how you want the SVG graphics to be laid out with the text.

If the text you want to include on the Glyph or Brandmark is the logo's wordmark then consider merging them together in one SVG file using any vector editing software and then upload that as your logo.

But if you simply want to place the logo beside the site name in an inline manner then you simply upload the logo and if it wraps to the next line, let us know and we'll try to do a CSS write-up to prevent it from wrapping in 2 lines.

I have SVG HTML code.

I want it in my site name.

for ex:

Icon + site name

Of course in one line.

If that's the case then you'll have to allow WordPress to accept uploading of SVG files so you can upload your SVG and set it as the site logo.

The alignment should be inline by default.

Alternatively, if you wish to filter in the <svg> code to replace the <img> tag, you can try these filters.

https://docs.generatepress.com/article/generate_logo_output/
https://docs.generatepress.com/article/generate_navigation_logo_output/
https://docs.generatepress.com/article/generate_mobile_header_logo_output/ - For mobile-header

This archived topic is closed to new replies.