title: Why isn't SVG and Text rendering on Windows Phone browsers?
body: <p>The problem is with my blog <a href="http://vkcreativework.blogspot.com" rel="nofollow noreferrer">My Blog</a> If you open it on desktop browser, the Logo <strong>SVG Icon</strong> and Text <strong>PORTFOLIO</strong> render fine, as I want. But when I open this blog on any Mobile browser, neither SVG nor PORTFOLIO are displayed.</p>
  
  <p>Screenshots of Mobile site opened in different Mobile browsers of <strong>Windows Phone</strong>:</p>
  
  <ol>
  <li>UC Browser</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/o0TNl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o0TNl.png" alt="UC Browser"></a></p>
  
  <ol start="2">
  <li>Google Search (An app by Google Inc.)</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/c4InW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c4InW.png" alt="enter image description here"></a></p>
  
  <ol start="3">
  <li>Explorer</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/h8jrh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h8jrh.png" alt="enter image description here"></a></p>
  
  <p>It might be possible that Mobile browsers don't support SVG but why isn't PORTFOLIO being displayed?</p>
  
  <p>Is it possible that SVG code has markup mistakes? I just saved it from Illustrator.</p>
  
  <p>Here's the code (please do Inspect Element on My blog to get more details):</p>
  
  <pre><code> &lt;div class='titlewrapper'&gt;&lt;div id='titleimage'&gt;&lt;a href='http://vkcreativework.blogspot.com'&gt;
      &lt;svg style='enable-background:new 0 0 376.8 442;' version='1.1' viewBox='0 0 376.8 442' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'&gt;
          &lt;style type='text/css'&gt;
              .st0{display:none;fill:#00A99D;}
              .st1{enable-background:new    ;}
              .st2{fill:#2A2A2A;}
              .st3{clip-path:url(#SVGID_2_);enable-background:new    ;}
              .st4{fill:#313131;}
              .st5{fill:#FEFEFE;}
              .st6{clip-path:url(#SVGID_4_);enable-background:new    ;}
          &lt;/style&gt;
          &lt;g id='Layer_2'&gt;
              &lt;rect class='st0' height='563' width='654' x='-126.8' y='-42'/&gt;
          &lt;/g&gt;
          &lt;g id='Layer_4'&gt;
              &lt;g&gt;
                  &lt;g&gt;
                      &lt;g&gt;
                          &lt;g class='st1'&gt;
                              &lt;g&gt;
                                  &lt;rect class='st2' height='152.7' transform='matrix(-0.7069 -0.7073 0.7073 -0.7069 -40.7001 753.0775)' width='2.5' x='134.5' y='308.6'/&gt;
                              &lt;/g&gt;
                              &lt;g&gt;
                                  &lt;rect class='st2' height='101.8' transform='matrix(-0.7069 -0.7073 0.7073 -0.7069 284.2971 923.7317)' width='2.5' x='332.3' y='352'/&gt;
                              &lt;/g&gt;
                              &lt;g class='st1'&gt;
                                  &lt;defs&gt;
                                      &lt;path class='st1' d='M261.9,259.2l1.7,1.7c27.4,27.4,102,102.2,106.8,106.9l-1.7-1.7         C363.9,361.3,289.3,286.6,261.9,259.2z' id='SVGID_1_'/&gt;
                                  &lt;/defs&gt;
                                  &lt;clipPath id='SVGID_2_'&gt;
                                      &lt;use style='overflow:visible;' xlink:href='#SVGID_1_'/&gt;
                                  &lt;/clipPath&gt;
                                  &lt;g class='st3'&gt;
                                      &lt;path class='st4' d='M261.9,259.2l1.7,1.7c27.4,27.4,102,102.2,106.8,106.9l-1.7-1.7C363.9,361.3,289.3,286.6,261.9,259.2'/&gt;
                                  &lt;/g&gt;
                              &lt;/g&gt;
                              &lt;g&gt;
                                  &lt;path class='st5' d='M226.7,237.1c4.6,0,8.8,1,13.2,3.1c4.4,2.1,8.3,5.8,12.1,9c0.3,0.3,111,111.1,116.8,116.9l-72,72        L188.8,330.1L80.8,438.1l-36.9-36.9l136.5-135.8c8.5-8.5,17.4-16,27.4-22.6c4.6-3,9.8-5,15.4-5.5        C224.4,237.1,225.5,237.1,226.7,237.1z'/&gt;
                              &lt;/g&gt;
                          &lt;/g&gt;
                      &lt;/g&gt;
                  &lt;/g&gt;
                  &lt;g&gt;
                      &lt;g&gt;
                          &lt;g class='st1'&gt;
                              &lt;g&gt;
                                  &lt;polygon class='st2' points='78.6,6.2 80.3,8 80.1,223.9 78.3,222.1       '/&gt;
                              &lt;/g&gt;
                              &lt;g&gt;
                                  &lt;polygon class='st2' points='155.4,219.4 157.1,221.1 9.9,367.8 8.2,366       '/&gt;
                              &lt;/g&gt;
                              &lt;g class='st1'&gt;
                                  &lt;defs&gt;
                                      &lt;path class='st1' d='M257.5,190.3l1.7,1.7c-4.1-1.7-7.8-3.1-11.6-4.2c-7.1-2.1-14.4-3.1-21.8-3.1         c-3.4,0-6.7,0.2-10,0.6c-10.8,1.4-21.2,5-30.5,10.7c-8.3,5-15.2,11.8-22,18.7c-2.1,2.1-4.1,4.2-6.2,6.3l-1.7-1.7         c2.1-2.1,4.1-4.2,6.2-6.3c6.8-6.9,13.8-13.7,22-18.7c9.3-5.6,19.7-9.3,30.5-10.7c3.3-0.4,6.7-0.6,10-0.6         c7.4,0,14.7,1,21.8,3.1C249.7,187.2,253.4,188.6,257.5,190.3z' id='SVGID_3_'/&gt;
                                  &lt;/defs&gt;
                                  &lt;clipPath id='SVGID_4_'&gt;
                                      &lt;use style='overflow:visible;' xlink:href='#SVGID_3_'/&gt;
                                  &lt;/clipPath&gt;
                                  &lt;g class='st6'&gt;
                                      &lt;path class='st4' d='M257.5,190.3l1.7,1.7c-4.1-1.7-7.8-3.1-11.6-4.2c-7.1-2.1-14.4-3.1-21.8-3.1c-3.4,0-6.7,0.2-10,0.6         c-10.8,1.4-21.2,5-30.5,10.7c-8.3,5-15.2,11.8-22,18.7c-2.1,2.1-4.1,4.2-6.2,6.3l-1.7-1.7c2.1-2.1,4.1-4.2,6.2-6.3         c6.8-6.9,13.8-13.7,22-18.7c9.3-5.6,19.7-9.3,30.5-10.7c3.3-0.4,6.7-0.6,10-0.6c7.4,0,14.7,1,21.8,3.1         C249.7,187.2,253.4,188.6,257.5,190.3'/&gt;
                                  &lt;/g&gt;
                              &lt;/g&gt;
                              &lt;g&gt;
                                  &lt;polygon class='st2' points='368.7,78.2 370.5,79.9 259.2,192 257.5,190.3       '/&gt;
                              &lt;/g&gt;
                              &lt;g&gt;
                                  &lt;path class='st5' d='M296,6.2l72.8,72L257.5,190.3c-4.1-1.7-7.8-3.1-11.6-4.2c-7.1-2.1-14.4-3.1-21.8-3.1        c-3.4,0-6.7,0.2-10,0.6c-10.8,1.4-21.2,5-30.5,10.7c-8.3,5-15.2,11.8-22,18.7c-2.1,2.1-4.1,4.2-6.2,6.3L8.2,366L7.6,78.2        l71-72l-0.3,215.9L296,6.2z'/&gt;
                              &lt;/g&gt;
                          &lt;/g&gt;
                      &lt;/g&gt;
                  &lt;/g&gt;
              &lt;/g&gt;
          &lt;/g&gt;
      &lt;/svg&gt;
      &lt;span id='titletext'&gt;PORTFOLIO&lt;/span&gt;&lt;/a&gt;
   &lt;/div&gt;
  </code></pre>