Settings and activity

1 result found

1. Export SVG With Inline Styles

   •  

   •  

   •  

   •  

   108 votes

   Vote Vote Vote

   We're glad you're here

   Please sign in to leave feedback

   Signed in as (Sign out)

   Close

   Close

   Vote

   We’ll send you updates on this idea

   21 comments  ·  Adobe XD: Feature Requests (Read-Only) » 05 : Asset exporting  ·  Delete…  ·  Admin →
   Dylan Pierce supported this idea  ·  Feb 10, 2017
   An error occurred while saving the comment
   Dylan Pierce commented  ·  Feb 10, 2017  ·  Edit…  ·  Delete…

   At the moment when Xd or Illustrator exports an SVG the SVG vectors are styled by classes:

   .cls-1 {
   fill: #fff;
   stroke: #6a6a6a;
   stroke-width: 3px;
   }

   .cls-2 {
   fill: #6a6a6a;
   }

   .cls-3 {
   stroke: none;
   }

   .cls-4 {
   fill: none;
   }

   But this is a problem because if you use multiple icons on a page their styles will override each other because they use the same classes.

   To fix, during the export process the program needs to use either inline styling (safest) or ID's to apply the styling.

   Save Submitting...