PeteHawk Posted March 25, 2021 Share Posted March 25, 2021 Have been working my way through the Designer Workbook -created a logo and exported it as an svg. Great Looking at the SVG code I see there are style refs that colour the logo. If I remove the fill colour I can the change the colour of the SVG using CSS. Is there a way of exporting from Designer so that no fill colour is specified in the code and it can be recoloured by css alone. Hope that made sense! Pete Quote Link to comment Share on other sites More sharing options...
Guest Posted March 25, 2021 Share Posted March 25, 2021 I found I have to run all of my SVGs exported (setting: SVG: digital - small size) from Designer through SVGOMG https://jakearchibald.github.io/svgomg/ to strip out all the unnecessary bits and clean-up the exported SVG. Also, Designer exports the art board as a rect that you need to delete in the code if you want to style the SVG paths via CSS (as below, otherwise the art board rect would be coloured the same as the art, so you would only see a coloured rect). svg path { fill: var(--fill-color); } Quote Link to comment Share on other sites More sharing options...
PeteHawk Posted March 25, 2021 Author Share Posted March 25, 2021 Bryan very useful - thanks Bryan.. I shall have a play tomorrow. Is this a "failing" of Designer? Pete Quote Link to comment Share on other sites More sharing options...
Guest Posted March 25, 2021 Share Posted March 25, 2021 I'm not sure I'd call it a failing (I often have to clean-up Illustrator SVGs as well, but in different ways), but rather a feature of Designer that could desperately use some attention/iteration. Quote Link to comment Share on other sites More sharing options...
PeteHawk Posted March 25, 2021 Author Share Posted March 25, 2021 🙂 cheers Bryan... appreciate your help. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.