Skip to main content
Participant
March 21, 2025
Question

What SVG elements display differently when importing the SVG in AI vs other programs

  • March 21, 2025
  • 1 reply
  • 233 views

I have the following issue: an svg file looks as I'd like it to look when opening it in the browser or in inkscape, but looks differently in Illustrator. I have made a reduced version of the file that still has the same issue. Can anyone tell me what is causing it and how to fix it? And maybe guidelines of what approaches to use and avoid so that the file would look the same when importing in Illustrator? Here's the file content and how it looks in the browser and in Illustrator.

 

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.6761in"
   height="29.031899999999997in" viewBox="-244.71 -1907.31 1888.91 2787.06">
   <g id="CLIPPED-UNI0mnnnjkQbKxM6-front">
      <g id="ARTWORK-UNI0mnnnjkQbKxM6-front">
         <g>
            <g>
               <pattern id="design-part-2-UNI0mnnnjkQbKxM6-front" width="2150.99466667" height="1169.34746667"
                  viewBox="0 0 136.6 74.26" patternUnits="userSpaceOnUse">
                  <path id="a-1-UNI0mnnnjkQbKxM6-design-part-2-UNI0mnnnjkQbKxM6-front" fill="#000000" stroke-width="1"
                     stroke="red" d="M.5.5h135.57l.03 17.78L.5 73.76z" />
               </pattern>
               <rect width="1613.246" height="877.0106" fill=" url(#design-part-2-UNI0mnnnjkQbKxM6-front)" />
            </g>
         </g>
      </g>
      <path id="CUT-INNER-UNI0mnnnjkQbKxM6-front" fill="none" stroke="#dbdcd9" stroke-width="9.6"
         stroke-linejoin="miter"
         d="M352.25,-1888.11 377.8,-1809.11 407.54,-1738.16 424.12,-1705.47 441.93,-1674.51 461.01,-1645.18 481.42,-1617.4 503.23,-1591.05 526.49,-1566.05 551.26,-1542.31 577.6,-1519.73 635.22,-1477.66 699.8,-1439.08 761.66,-1474.69 817.98,-1515.37 844.11,-1537.74 868.91,-1561.52 892.38,-1586.77 914.56,-1613.54 935.46,-1641.86 955.09,-1671.81 973.47,-1703.41 990.62,-1736.73 1021.29,-1808.7 1047.23,-1888.11 1502.26,-1778.96 1490.59,-1735.76 1480.15,-1692.38 1470.93,-1648.83 1462.93,-1605.1 1456.14,-1561.19 1450.58,-1517.1 1446.24,-1472.83 1443.12,-1428.39 1441.21,-1383.77 1440.16,-1362.77 1440.11,-1341.94 1441.07,-1321.28 1443.01,-1300.79 1445.96,-1280.47 1449.91,-1260.32 1454.85,-1240.34 1460.8,-1220.54 1467.75,-1200.9 1477.3,-1182.09 1488.2,-1164.82 1500.43,-1149.07 1514,-1134.86 1528.9,-1122.18 1545.14,-1111.04 1562.71,-1101.43 1581.62,-1093.35 1601.87,-1086.8 1596.01,-1048.67 1590,-1010.56 1583.83,-972.47 1577.5,-934.42 1571.02,-896.4 1564.37,-858.39 1557.57,-820.42 1550.62,-782.47 1543.5,-744.55 1534.53,-699.45 1526.41,-654.24 1519.15,-608.94 1512.74,-563.54 1507.19,-518.04 1502.5,-472.45 1498.67,-426.76 1495.69,-380.98 1493.57,-335.1 1494.69,-282.82 1496.6,-230.6 1503.61,-129.18 1514,-21.38 1542.01,204.69 1606.51,637.88 1614.4,689.24 1615.57,699.59 1616.74,709.94 1617.91,720.28 1619.08,730.63 1620.26,740.97 1621.44,751.32 1622.63,761.66 1623.81,772 1625,782.35 1497.06,802.73 1366.3,820.37 1235.18,835.29 1106.19,847.53 1004.87,854.04 903.35,858.38 801.64,860.55 699.74,860.54 597.83,860.55 496.13,858.39 394.61,854.05 293.29,847.53 192.17,838.84 -17.13,813.84 -122.74,798.92 -225.51,782.35 -224.33,772 -223.14,761.66 -221.96,751.32 -220.78,740.97 -219.61,730.63 -218.43,720.28 -217.26,709.94 -216.09,699.59 -214.92,689.24 -207.03,637.88 -142.53,204.69 -114.52,-21.38 -104.13,-129.18 -97.13,-230.6 -95.21,-282.82 -94.09,-335.1 -96.21,-380.98 -99.19,-426.76 -103.03,-472.45 -107.72,-518.04 -113.26,-563.54 -119.67,-608.94 -126.93,-654.24 -135.05,-699.45 -144.02,-744.55 -151.14,-782.47 -158.1,-820.42 -164.9,-858.39 -171.54,-896.4 -178.03,-934.42 -184.35,-972.47 -190.52,-1010.56 -196.53,-1048.67 -202.39,-1086.8 -182.15,-1093.35 -163.24,-1101.43 -145.66,-1111.04 -129.43,-1122.18 -114.52,-1134.86 -100.95,-1149.07 -88.72,-1164.82 -77.83,-1182.09 -68.27,-1200.9 -61.33,-1220.5 -55.39,-1240.27 -50.45,-1260.22 -46.51,-1280.33 -43.55,-1300.61 -41.6,-1321.07 -40.65,-1341.69 -40.69,-1362.48 -41.73,-1383.44 -43.63,-1428.1 -46.74,-1472.58 -51.08,-1516.88 -56.64,-1561.01 -63.43,-1604.95 -71.43,-1648.72 -80.66,-1692.31 -91.11,-1735.72 -102.78,-1778.96z" />
   </g>
</svg>

 

 

1 reply

Anubhav M
Community Manager
Community Manager
March 21, 2025

Hello @Imantss,

Thanks for sharing the details. Kindly allow me some time to check this with the team.

Anubhav

Participant
August 4, 2025

Hey @Anubhav M! Did you get a chance to look into this? We're still experiencing issues like this with no solution in sight...

Abhishek Rao
Community Manager
Community Manager
August 12, 2025

Hi @Imantss,

 

Thanks for your patience while we looked into this. I wanted to let you know that we’ve logged a bug for the SVG display differences you reported, and the team is actively working on it. I'll keep you posted as soon as there are updates.

 

Appreciate your patience. 

Abhishek