Conversion issue with 'foreground.svg'

[logicbot]

SVG name: foreground.svg

Target: Android 7.0+

Fix fill type: yes

User agent: Chrome 73.0.3683.103 on Mac OS 10.14.4

Browser language: en-US

SVG content

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="108" height="108" viewBox="0 0 108 108">
  <defs>
    <filter id="foreground-a" width="397.9%" height="404.3%" x="-149%" y="-152.1%" filterUnits="objectBoundingBox">
      <feOffset dy="7" in="SourceAlpha" result="shadowOffsetOuter1"/>
      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="15"/>
      <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0.445086051   0 0 0 0 0.445086051   0 0 0 0 0.445086051  0 0 0 0.5 0"/>
      <feMerge>
        <feMergeNode in="shadowMatrixOuter1"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <path id="foreground-c" d="M20,27.5010829 C20,25.5713181 18.4308478,24 16.5010829,24 C14.5713181,24 13,25.5696937 13,27.5010829 C13,29.4297649 14.5707766,31 16.5010829,31 C18.4308478,31 20,29.4303063 20,27.5010829 Z"/>
    <filter id="foreground-b" width="471.4%" height="471.4%" x="-185.7%" y="-157.1%" filterUnits="objectBoundingBox">
      <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
      <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="4"/>
      <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.569661458   0 0 0 0 0.528554219   0 0 0 0 0.528554219  0 0 0 0.5 0"/>
    </filter>
    <filter id="foreground-d" width="514.3%" height="514.3%" x="-207.1%" y="-178.6%" filterUnits="objectBoundingBox">
      <feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="6"/>
      <feOffset dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"/>
      <feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/>
      <feColorMatrix in="shadowInnerInner1" values="0 0 0 0 1   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"/>
    </filter>
    <path id="foreground-f" d="M31.5002708,24 C29.5708427,24 28,25.5696937 28,27.5010829 C28,29.4297649 29.5692177,31 31.5002708,31 C33.429699,31 35,29.4313892 35,27.5010829 C35,25.5702351 33.429699,24 31.5002708,24 Z"/>
    <filter id="foreground-e" width="142.9%" height="171.4%" x="-21.4%" y="-21.4%" filterUnits="objectBoundingBox">
      <feMorphology in="SourceAlpha" operator="dilate" radius=".5" result="shadowSpreadOuter1"/>
      <feOffset dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"/>
    </filter>
  </defs>
  <g fill="none" filter="url(#foreground-a)" transform="translate(30 30)">
    <path fill="#FFF" d="M48,22.9805001 C48,19.5526595 45.6156089,16.76253 42.6856409,16.76253 C41.2960101,16.76253 40.0071765,17.4185596 39.0236702,18.5296883 C35.4013334,15.7246751 30.495056,13.9363361 25.0637526,13.7090728 L28.0304186,2.73402921 L36.0618973,4.94712739 C36.0599401,4.99349597 36.0501539,5.03642985 36.0501539,5.08279844 C36.0501539,7.88666675 37.9990622,10.1678867 40.3981325,10.1678867 C42.7937777,10.1678867 44.7417073,7.8872392 44.7417073,5.08279844 C44.7417073,2.28007503 42.7937777,0 40.3981325,0 C38.5578503,0 36.9901119,1.34755125 36.3564599,3.23893159 L27.699158,0.855815256 C27.3223919,0.748194341 26.9358397,1.00408024 26.8188954,1.44028842 L23.5097148,13.6775879 C17.8303329,13.7583036 12.6852739,15.5558019 8.9029338,18.4403859 C7.92480988,17.3853574 6.65016616,16.7619575 5.31142327,16.7619575 C2.38243389,16.7619575 0,19.552087 0,22.9799277 C0,25.1993228 1.01922567,27.2269466 2.63149096,28.3334957 C2.53020449,28.9900978 2.46219087,29.6552867 2.46219087,30.3313521 C2.46219087,39.5237811 12.0785337,47 23.8996921,47 C35.7213399,47 45.338172,39.5226362 45.338172,30.3313521 C45.338172,29.6942134 45.2814125,29.0679512 45.1908907,28.4485585 C46.9122714,27.3763565 48,25.3069437 48,22.9805001 Z M40.3976432,1.73321343 C41.9727212,1.73321343 43.2532366,3.22689095 43.2532366,5.06390327 C43.2532366,6.90148592 41.9727212,8.39630409 40.3976432,8.39630409 C38.820608,8.39630409 37.5366674,6.90148592 37.5366674,5.06390327 C37.5366674,3.22689095 38.820608,1.73321343 40.3976432,1.73321343 Z M1.48798141,22.8950707 C1.48798141,20.4358354 3.20300108,18.4345698 5.31142327,18.4345698 C6.1721136,18.4345698 6.99757385,18.7881705 7.66792391,19.4012683 C5.44549328,21.3996822 3.83176008,23.8092995 3.03565822,26.4624449 C2.0795531,25.6349053 1.48798141,24.3220204 1.48798141,22.8950707 Z M23.8996921,45.0926357 C12.8995902,45.0926357 3.95017228,38.4215605 3.95017228,30.2197368 C3.95017228,22.019624 12.8995902,15.3456972 23.8996921,15.3456972 C34.9002834,15.3456972 43.8511692,22.0190537 43.8511692,30.2197368 C43.8511692,38.4204199 34.9002834,45.0926357 23.8996921,45.0926357 Z M44.8077637,26.593049 C44.0366164,23.9256455 42.4414769,21.5006295 40.2322575,19.4868169 C40.9153296,18.817257 41.7721054,18.4339995 42.684173,18.4339995 C44.7950417,18.4339995 46.5105507,20.4358354 46.5105507,22.8945004 C46.5115293,24.4149831 45.8592836,25.7786269 44.8077637,26.593049 Z M30.7862069,39.0072291 C28.7455253,39.9029073 26.2145315,40.3605948 23.6689655,40.3605948 C21.1233995,40.3605948 18.5924057,39.9029073 16.5517241,39.0072291 L17.4734882,37.2156134 C19.2510127,37.9721194 21.4965625,38.3502429 23.6689655,38.3502429 C25.8413685,38.3502429 28.0869184,37.9721194 29.8644429,37.2156134 L30.7862069,39.0072291 Z"/>
    <use fill="#000" filter="url(#foreground-b)" xlink:href="#foreground-c"/>
    <use fill="red" xlink:href="#foreground-c"/>
    <use fill="#000" filter="url(#foreground-d)" xlink:href="#foreground-c"/>
    <use fill="#000" filter="url(#foreground-e)" xlink:href="#foreground-f"/>
    <use fill="#1C1B1B" stroke="#000" xlink:href="#foreground-f"/>
  </g>
</svg>

Save SVG file | Convert SVG