SVG Header Logo

Hello,
My svg logo is not displayed on the website header.
I’ve added height and width tag – and still it’s not displayed.

Full svg code:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="31" height="40" viewBox="0 0 31 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
  <rect x="10" y="10" width="100" height="100"/>
    <g>
        <g transform="matrix(288,0,0,288,357,515.656)">
            <path d="M0.288,-0.123C0.257,-0.138 0.242,-0.173 0.242,-0.228L0.242,-0.382L0.287,-0.382C0.3,-0.382 0.312,-0.387 0.322,-0.397C0.332,-0.407 0.337,-0.419 0.337,-0.433L0.337,-0.434C0.337,-0.447 0.332,-0.459 0.322,-0.469C0.312,-0.479 0.3,-0.484 0.287,-0.484L0.242,-0.484L0.242,-0.525C0.242,-0.542 0.236,-0.557 0.226,-0.571C0.216,-0.584 0.203,-0.593 0.187,-0.597L0.185,-0.598C0.161,-0.604 0.139,-0.6 0.12,-0.585C0.1,-0.57 0.09,-0.55 0.09,-0.525L0.09,-0.484L0.07,-0.484C0.056,-0.484 0.037,-0.482 0.027,-0.472C0.017,-0.462 0.013,-0.447 0.013,-0.434C0.013,-0.42 0.017,-0.407 0.027,-0.397C0.037,-0.387 0.056,-0.382 0.07,-0.382L0.09,-0.382L0.09,-0.238C0.091,-0.168 0.101,-0.113 0.123,-0.073C0.149,-0.022 0.19,0.01 0.247,0.01C0.271,0.01 0.318,-0.001 0.331,-0.036C0.344,-0.069 0.335,-0.083 0.326,-0.099C0.319,-0.112 0.299,-0.117 0.288,-0.123Z" style="fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(288,0,0,288,460.531,515.656)">
            <path d="M0.322,-0.497C0.274,-0.497 0.236,-0.487 0.208,-0.468C0.198,-0.461 0.188,-0.449 0.177,-0.432C0.154,-0.465 0.129,-0.481 0.101,-0.481L0.099,-0.481C0.078,-0.481 0.06,-0.474 0.045,-0.459C0.03,-0.444 0.023,-0.427 0.023,-0.406L0.023,-0.072C0.023,-0.052 0.03,-0.034 0.045,-0.02C0.06,-0.005 0.077,0.003 0.098,0.003L0.1,0.003C0.12,0.003 0.138,-0.005 0.153,-0.02C0.167,-0.034 0.175,-0.052 0.175,-0.072L0.175,-0.28L0.175,-0.28L0.175,-0.28C0.176,-0.285 0.176,-0.289 0.177,-0.292C0.18,-0.31 0.194,-0.328 0.219,-0.346C0.246,-0.366 0.274,-0.374 0.303,-0.37C0.322,-0.366 0.334,-0.38 0.339,-0.412L0.351,-0.462C0.353,-0.471 0.351,-0.479 0.345,-0.486C0.339,-0.493 0.332,-0.497 0.322,-0.497Z" style="fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(288,0,0,288,565.047,515.656)">
            <path d="M0.111,0.003C0.089,0.003 0.07,-0.004 0.054,-0.02C0.039,-0.035 0.031,-0.054 0.031,-0.076L0.031,-0.399C0.031,-0.421 0.039,-0.439 0.054,-0.455C0.07,-0.471 0.089,-0.479 0.111,-0.479L0.112,-0.479C0.134,-0.479 0.153,-0.471 0.168,-0.455C0.184,-0.439 0.192,-0.421 0.192,-0.399L0.192,-0.076C0.192,-0.054 0.184,-0.035 0.168,-0.02C0.153,-0.004 0.134,0.003 0.112,0.003L0.111,0.003ZM0.192,-0.605C0.192,-0.582 0.184,-0.563 0.167,-0.546C0.152,-0.53 0.132,-0.522 0.109,-0.522C0.087,-0.522 0.067,-0.53 0.051,-0.546C0.035,-0.563 0.027,-0.582 0.027,-0.605C0.027,-0.628 0.035,-0.647 0.051,-0.663C0.067,-0.679 0.087,-0.687 0.109,-0.687C0.132,-0.687 0.152,-0.679 0.167,-0.663C0.184,-0.647 0.192,-0.628 0.192,-0.605Z" style="fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(288,0,0,288,630.188,515.656)">
            <path d="M0.827,-0.245C0.827,-0.322 0.808,-0.384 0.77,-0.431C0.726,-0.486 0.667,-0.506 0.592,-0.49C0.566,-0.485 0.528,-0.457 0.478,-0.408L0.474,-0.408C0.431,-0.48 0.366,-0.508 0.281,-0.49C0.262,-0.486 0.245,-0.477 0.229,-0.463C0.225,-0.46 0.219,-0.454 0.21,-0.445C0.203,-0.439 0.198,-0.434 0.194,-0.432L0.194,-0.432C0.194,-0.445 0.19,-0.457 0.18,-0.466C0.171,-0.476 0.159,-0.481 0.146,-0.481L0.089,-0.481C0.076,-0.481 0.064,-0.476 0.055,-0.466C0.045,-0.457 0.041,-0.445 0.041,-0.432L0.041,-0.067C0.041,-0.048 0.047,-0.031 0.061,-0.017C0.075,-0.003 0.092,0.003 0.111,0.003L0.122,0.003C0.141,0.003 0.158,-0.003 0.171,-0.017C0.185,-0.031 0.192,-0.048 0.192,-0.067L0.192,-0.281C0.192,-0.304 0.2,-0.325 0.216,-0.342C0.232,-0.359 0.251,-0.368 0.274,-0.369C0.298,-0.37 0.318,-0.362 0.335,-0.345C0.352,-0.329 0.361,-0.308 0.361,-0.285L0.361,-0.067C0.361,-0.048 0.368,-0.031 0.382,-0.017C0.396,-0.003 0.412,0.003 0.432,0.003L0.446,0.003C0.465,0.003 0.482,-0.003 0.496,-0.017C0.509,-0.031 0.516,-0.048 0.516,-0.067L0.516,-0.281C0.516,-0.304 0.524,-0.325 0.54,-0.342C0.556,-0.359 0.575,-0.368 0.598,-0.369C0.622,-0.37 0.642,-0.362 0.659,-0.345C0.676,-0.329 0.685,-0.308 0.685,-0.285L0.685,-0.067C0.685,-0.048 0.692,-0.031 0.706,-0.017C0.719,-0.003 0.736,0.003 0.755,0.003L0.757,0.003C0.776,0.003 0.793,-0.003 0.807,-0.017C0.82,-0.031 0.827,-0.048 0.827,-0.067L0.827,-0.245Z" style="fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(288,0,0,288,1042.14,515.656)">
            <path d="M0.322,-0.497C0.274,-0.497 0.236,-0.487 0.208,-0.468C0.198,-0.461 0.188,-0.449 0.177,-0.432C0.154,-0.465 0.129,-0.481 0.101,-0.481L0.099,-0.481C0.078,-0.481 0.06,-0.474 0.045,-0.459C0.03,-0.444 0.023,-0.427 0.023,-0.406L0.023,-0.072C0.023,-0.052 0.03,-0.034 0.045,-0.02C0.06,-0.005 0.077,0.003 0.098,0.003L0.1,0.003C0.12,0.003 0.138,-0.005 0.153,-0.02C0.167,-0.034 0.175,-0.052 0.175,-0.072L0.175,-0.28L0.175,-0.28L0.175,-0.28C0.176,-0.285 0.176,-0.289 0.177,-0.292C0.18,-0.31 0.194,-0.328 0.219,-0.346C0.246,-0.366 0.274,-0.374 0.303,-0.37C0.322,-0.366 0.334,-0.38 0.339,-0.412L0.351,-0.462C0.353,-0.471 0.351,-0.479 0.345,-0.486C0.339,-0.493 0.332,-0.497 0.322,-0.497Z" style="fill-rule:nonzero;"/>
        </g>
        <g transform="matrix(288,0,0,288,1146.66,515.656)">
            <path d="M0.332,-0.32L0.459,-0.467C0.476,-0.487 0.479,-0.509 0.468,-0.532C0.457,-0.556 0.439,-0.567 0.413,-0.567L0.411,-0.567C0.393,-0.567 0.377,-0.56 0.365,-0.546L0.229,-0.405C0.224,-0.399 0.219,-0.396 0.213,-0.394C0.207,-0.392 0.204,-0.394 0.204,-0.4L0.204,-0.628C0.204,-0.65 0.196,-0.668 0.18,-0.684C0.165,-0.7 0.146,-0.708 0.124,-0.708L0.123,-0.708C0.1,-0.708 0.082,-0.7 0.066,-0.684C0.051,-0.668 0.043,-0.65 0.043,-0.628L0.043,-0.082C0.043,-0.06 0.051,-0.042 0.066,-0.026C0.082,-0.01 0.1,-0.002 0.123,-0.002L0.124,-0.002C0.146,-0.002 0.165,-0.01 0.18,-0.026C0.196,-0.042 0.204,-0.06 0.204,-0.082L0.204,-0.199L0.225,-0.219L0.354,-0.035C0.368,-0.013 0.387,-0.002 0.413,-0.002L0.415,-0.002C0.443,-0.002 0.463,-0.015 0.476,-0.04C0.489,-0.065 0.487,-0.089 0.47,-0.111L0.332,-0.32Z" style="fill-rule:nonzero;"/>
        </g>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M400.624,343.535L344.593,251.714L311.315,314.506L400.624,343.535Z" style="fill:rgb(233,30,99);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M467.716,453.485L400.624,343.535L379.841,428.627L467.716,453.485Z" style="fill:rgb(229,57,53);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M400.624,343.535L311.315,314.506L379.841,428.627L400.624,343.535Z" style="fill:rgb(244,67,54);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M379.841,428.627L467.716,453.485L467.716,542.748L448.368,542.748L379.841,428.627Z" style="fill:rgb(183,28,28);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M467.716,312.463L344.593,251.714L411.649,361.603L467.716,387.921L467.716,312.463Z" style="fill:rgb(123,31,162);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M534.81,343.535L590.839,251.714L624.118,314.506L534.81,343.535Z" style="fill:rgb(0,204,255);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M467.716,453.485L534.809,343.535L555.591,428.627L467.716,453.485Z" style="fill:rgb(0,102,255);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M534.809,343.535L534.81,343.535L624.118,314.506L555.591,428.627L534.809,343.535Z" style="fill:rgb(0,153,255);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M555.591,428.627L467.716,453.485L467.716,542.748L487.065,542.748L555.591,428.627Z" style="fill:rgb(40,53,147);"/>
    </g>
    <g transform="matrix(-0.527242,-7.71152e-18,-8.0795e-18,-0.494304,1204.89,640.923)">
        <path d="M467.716,312.463L570.599,261.701L503.96,370.908L467.716,387.921L467.716,312.463Z" style="fill:rgb(204,0,204);"/>
    </g>
</svg>

Hello,

I have visited your website and the logo is displaying. Please clear cache and check back.

Screenshot for Clarification: https://ibb.co/jwq8Dd5

Best Regards.

Hello Aizaz
Yes, thank you – problem solved.

I’ve exported svg in different method and now it works fine.

Hello,

We are Glad that you have managed to solve the issue yourself. You are Great!!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts