Figma Support Forum

Copied svg to html went wrong

Hi there, as said topic, i tried to copy a vector as svg into my html file.
However, it did not appear on html as the way it was in figma.

I want to know if this is a problem in my code or my browser?
or is it a bug or something?
thanks.

here is a link of screenshots in imgur to show the problem.
https://imgur.com/a/illXQpj

here is the svg and path tag figma provided.

<!-- Capital S-->
<svg
        width="85"
        height="116"
        viewBox="0 0 85 116"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M14.4167 52.9727L14.4082 52.9648C8.65204 47.6197 5.73438 40.9573 5.73438 33.1328C5.73438 24.2958 9.30129 16.9381 16.2841 11.2292L14.4167 52.9727ZM14.4167 52.9727L14.4253 52.9804M14.4167 52.9727L14.4253 52.9804M14.4253 52.9804C20.1367 58.1864 29.0021 62.3981 40.7286 65.7691C49.9266 68.4306 55.8934 71.0436 59.0012 73.4883L59.0093 73.4947L59.0175 73.5011C61.8365 75.6811 63.3203 78.7699 63.3203 83.125C63.3203 87.4068 61.7499 90.6158 58.6055 93.0226C55.4125 95.4666 50.5751 96.8672 43.7422 96.8672C36.4884 96.8672 30.9679 95.1801 26.9341 92.0567C23.0358 88.9574 21.0703 84.8056 21.0703 79.3281V76.8281H18.5703H5H2.5V79.3281C2.5 85.7721 4.28601 91.5973 7.8738 96.7227L7.87858 96.7296L7.88342 96.7364C11.5097 101.844 16.6003 105.81 23.0361 108.682L23.0434 108.685L23.0508 108.688C29.4788 111.506 36.3853 112.906 43.7422 112.906C54.9412 112.906 64.1809 110.335 71.2104 104.936L71.2194 104.929M14.4253 52.9804L71.2194 104.929M81.6797 38.7266H79.1797H65.6094H63.1094V36.2266C63.1094 30.6166 61.3516 26.4952 58.0381 23.5367L58.0319 23.5312L58.0258 23.5257C54.6886 20.5063 49.8113 18.8281 43.0391 18.8281C36.7263 18.8281 32.1406 20.2301 28.9764 22.7219L28.9731 22.7245C25.943 25.1025 24.375 28.394 24.375 32.9219C24.375 36.2676 25.7351 39.1217 28.7275 41.6008C31.8867 44.1305 37.5036 46.6428 45.8965 49.0077L81.6797 38.7266ZM81.6797 38.7266V36.2266M81.6797 38.7266V36.2266M81.6797 36.2266C81.6797 30.082 80.0221 24.3919 76.7226 19.2111C73.4543 14.0052 68.8229 9.95773 62.9191 7.0551C57.0425 4.14274 50.3965 2.71875 43.0391 2.71875C32.2889 2.71875 23.297 5.48739 16.2849 11.2285L81.6797 36.2266ZM71.2194 104.929C78.3085 99.4321 81.8906 92.0417 81.8906 82.9844C81.8906 77.3991 80.6295 72.4137 78.0155 68.1223C75.4593 63.8488 71.5614 60.2308 66.4735 57.2155M71.2194 104.929L66.4735 57.2155M66.4735 57.2155C61.4203 54.1463 54.5269 51.4263 45.8968 49.0078L66.4735 57.2155Z"
          stroke="white"
          stroke-width="5"
        />
      </svg>

*The S flattened into vector above was capital. I tried flattening an small s into vector and adjust its size to the same as capital S vector. I copied the resized small s vector as svg and paste in html, it showed correctly on my browser.
Below is the code figma provide for resized small s vector.

<!-- Resized small S-->
<svg
        id="S"
        width="85"
        height="116"
        viewBox="0 0 85 116"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M56.8801 72.4727L56.8998 72.4888L56.9199 72.5044C59.5179 74.5299 60.8875 77.3815 60.8875 81.4081C60.8875 85.0179 59.4477 87.8392 56.384 90.0718C53.3041 92.2959 49.0283 93.5334 43.3195 93.5334C37.1903 93.5334 32.5046 91.9701 29.0226 89.0658C25.6283 86.1264 23.7575 82.1745 23.4994 76.9716L23.3816 74.5955H21.0025H5H2.5V77.0955C2.5 83.5716 4.25029 89.6219 7.72163 95.1983L7.73053 95.2126L7.73961 95.2268C11.2845 100.754 16.1632 105.051 22.309 108.115C28.4746 111.189 35.4989 112.69 43.3195 112.69C54.4219 112.69 63.7 109.853 70.933 103.974L70.9438 103.965C78.2409 97.9648 81.89 89.9597 81.89 80.1893C81.89 74.3849 80.596 69.3015 77.8695 65.0706C75.2239 60.8135 71.1995 57.2974 65.9626 54.4595C60.7481 51.6336 54.0367 49.2577 45.8994 47.2905C37.9685 45.3595 32.86 43.4126 30.2147 41.5733C27.9225 39.9796 26.703 37.6449 26.703 34.1569C26.703 30.4294 28.0412 27.5489 30.7377 25.2929C33.4362 23.0352 37.3521 21.7503 42.8005 21.7503C47.9019 21.7503 51.9386 23.2825 55.1096 26.2361L55.1166 26.2427L55.1238 26.2492C58.3968 29.2509 59.936 32.6924 59.936 36.6883V39.1883H62.436H78.525H81.025V36.6883C81.025 26.7606 77.4309 18.4796 70.2491 12.0475C63.1286 5.61826 53.899 2.5 42.8005 2.5C32.2039 2.5 23.28 5.53348 16.2344 11.7507L16.2344 11.7507L16.2261 11.758C9.25902 17.9608 5.7005 25.6613 5.7005 34.7195C5.7005 40.104 6.91548 44.8905 9.44962 48.9752L9.45714 48.9873L9.46479 48.9994C12.0457 53.0555 15.9131 56.4423 20.9136 59.2183L20.9136 59.2183L20.9248 59.2245C25.9862 62.0004 32.6576 64.3149 40.8509 66.2178L40.8547 66.2187C48.9149 68.0774 54.1179 70.2274 56.8801 72.4727Z"
          stroke="white"
          stroke-width="5"
        />
      </svg>