Title: svg problem Last modified: October 8, 2025 --- # svg problem * [roelof](https://wordpress.org/support/users/roelof/) * (@roelof) * [6 months, 1 week ago](https://wordpress.org/support/topic/svg-problem-3/) * Hello, * im doing a design course off the wordpress learn site. For that I need to change the header to what I like but the header im want to try to make from a real header uses a svg logo and as far as I know wordpress is not working with svg’s.Is there a way I can use the svg ? Viewing 11 replies - 1 through 11 (of 11 total) * [Kris – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport13/) * (@wpmudevsupport13) * [6 months, 1 week ago](https://wordpress.org/support/topic/svg-problem-3/#post-18673509) * Hi [@roelof](https://wordpress.org/support/users/roelof/) * I hope you are doing well today. * In the first place, you can use this plugin [https://pl.wordpress.org/plugins/svg-support/](https://pl.wordpress.org/plugins/svg-support/), which will help to support SVG images in the media library. But that is only a half-solved problem. The real question is, where will you replace that logo? * Will it be: - theme settings (check if that supports to upload svg images) - page builder -> header (as above, check if that will allow to attach svg image) - custom theme (most of themes CSS will support jpg/png images, and size can be adjusted; in another scenario, you would need to add custom CSS to support the size of that SVG file) * Kind Regards, Kris * Thread Starter [roelof](https://wordpress.org/support/users/roelof/) * (@roelof) * [6 months, 1 week ago](https://wordpress.org/support/topic/svg-problem-3/#post-18673551) * I was thinking on the site editor of gutenberg in the template parts. So if I understand this : `**Basic Usage**:– First, install and activate SVG Support via your WordPress dashboard– Upload SVG files to your media library like any other image– Works seamlessly with Image blocks, Cover blocks and featured images`

it should not be a problem

- This reply was modified 6 months, 1 week ago by [roelof](https://wordpress.org/support/users/roelof/). * Thread Starter [roelof](https://wordpress.org/support/users/roelof/) * (@roelof) * [6 months, 1 week ago](https://wordpress.org/support/topic/svg-problem-3/#post-18673571) * yep, * it seems to work * ![](https://i0.wp.com/pasteboard.co/gIqgDG6Y66h4.png?ssl=1) * Now I need I think some css to make the colors like this : * ![](https://i0.wp.com/pasteboard.co/NBv9z7U3hxYp.png?ssl=1) - This reply was modified 6 months, 1 week ago by [roelof](https://wordpress.org/support/users/roelof/). - This reply was modified 6 months, 1 week ago by [roelof](https://wordpress.org/support/users/roelof/). * Thread Starter [roelof](https://wordpress.org/support/users/roelof/) * (@roelof) * [6 months, 1 week ago](https://wordpress.org/support/topic/svg-problem-3/#post-18673597) * Sorry, I cannot show the logo as it schould be and how it is now. Getting really annoyed with the forum url logo with colors : [https://pasteboard.co/NBv9z7U3hxYp.png](https://pasteboard.co/NBv9z7U3hxYp.png) url logo without colors: [https://pasteboard.co/gIqgDG6Y66h4.png](https://pasteboard.co/gIqgDG6Y66h4.png) After dinner or tomorrow I have to find out the css to make the colors right - This reply was modified 6 months, 1 week ago by [roelof](https://wordpress.org/support/users/roelof/). * [Nebu John – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport14/) * (@wpmudevsupport14) * [6 months ago](https://wordpress.org/support/topic/svg-problem-3/#post-18674207) * Hi [@roelof](https://wordpress.org/support/users/roelof/), * I am a bit confused about what you are actually trying to achieve. Can you please confirm if you need the logo to show up in grayscale? * I believe you added the SVG using an image block. The Gutenberg page builder comes with an out-of-the-box solution to apply a duotone filter on images, which should help with this. * I hope the following documentation helps you further: [https://learn.wordpress.org/lesson-plan/use-duotone-filters-to-change-color-effects/](https://learn.wordpress.org/lesson-plan/use-duotone-filters-to-change-color-effects/) * Best Regards, Nebu John * Thread Starter [roelof](https://wordpress.org/support/users/roelof/) * (@roelof) * [6 months ago](https://wordpress.org/support/topic/svg-problem-3/#post-18674304) * The logo must be in color and if im looking at the orginal site that is done with css. But I will look at the page if it can help me * [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/) * (@wpmudev-support9) * [6 months ago](https://wordpress.org/support/topic/svg-problem-3/#post-18674930) * Hello [@roelof](https://wordpress.org/support/users/roelof/), * I hope things are going well for you. * > The logo must be in color and if im looking at the orginal site that is done > with css. * I’ve reviewed the original site, and the SVG logo was written in an HTML page, meaning there are no external SVGs linked. * > But I will look at the page if it can help me * This is still unclear. If you have the original site access, you can review the SVG written in the HTML page and make changes accordingly to that. * Please let us know if you require any additional information. * – Kind Regards, Imran Khan * Thread Starter [roelof](https://wordpress.org/support/users/roelof/) * (@roelof) * [6 months ago](https://wordpress.org/support/topic/svg-problem-3/#post-18674950) * Thanks, * I copied the svg out of the source so now I have a external svg. Still I think I need to use css to make the colors.Pity I cannot include the file into this forum so you can take a look what to change to make things easier. * [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/) * (@wpmudev-support9) * [6 months ago](https://wordpress.org/support/topic/svg-problem-3/#post-18674958) * Hello [@roelof](https://wordpress.org/support/users/roelof/), * Not sure, but if you try anything, an SVG editor website where you can easily add colour like here is one example: [https://www.svgviewer.dev/](https://www.svgviewer.dev/) * Please give it a try if you haven’t yet. * – Kind Regards, Imran Khan * Thread Starter [roelof](https://wordpress.org/support/users/roelof/) * (@roelof) * [6 months ago](https://wordpress.org/support/topic/svg-problem-3/#post-18674971) * Just tried it with the website but no logo to be seen Changed a part to this :`