Color Swatch moves after saving SVG file from Illustrator.

[#1]

I'm new to illustrator and created the attached images. When i save the emage as svg, the swatch pattern moves. What am i doing wrong? The green and blue should be almost even over the x

{Renamed by MOD}.

[#2]

I'm new to illustrator and created the attached images. When i save the emage as svg, the swatch pattern moves. What am i doing wrong? The green and blue should be almost even over the x

{Renamed by MOD}.

[#3]

Hi there,

Sorry to hear about this trouble. That's not the typical experience with the application. Could you please share a few more details like:

• OS and version of Illustrator
• Are these screenshots shared from Illustrator or you are opening them in some other application after saving from Illustrator?
• Is the issue related to a specific document? If yes, could you please share the document with us? You can upload it to the Creative Cloud (https://helpx.adobe.com/in/creative-cloud/help/share.html) and share the download link. 
• Where the files are saved (Network Drive/ System HDD/ Shared Folder on System /External HDD)? 
• When did this start happening? Are there any recent changes made to your system? For example, any antivirus, system updates or web extensions installed recently. 

We're here to help, just need more info.

Regards,

Srishti

[#4]

Why did you use a pattern instead of filling the left part of the X with blue and the right part with green?