SVG Export without Inline Styles
We need icon exports without inline styles to be able to later color them by CSS . It's inconvenient that our frontend team members always have to delete those manually, when downloading SVGs from the Specs Page. As it is now, the download button is unusable.
Good Example (Nucleo Icon Export):
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g class="nc-icon-wrapper" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" stroke="currentColor"><circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-miterlimit="10"/> <line data-color="color-2" x1="11.959" y1="11" x2="11.959" y2="17" fill="none" stroke-miterlimit="10"/> <circle data-color="color-2" data-stroke="none" cx="11.959" cy="7" r="1" stroke="none"/></g></svg>
Bad Example:
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.a{fill:none;stroke:#0f0f0f;stroke-linecap:square;stroke-miterlimit:10;stroke-width:2px;}.b{fill:#0f0f0f;}</style></defs><circle class="a" cx="11" cy="11" r="11" transform="translate(1 1)"/><line class="a" y2="6" transform="translate(11.959 11)"/><circle class="b" cx="1" cy="1" r="1" transform="translate(10.959 6)"/></svg>
-
Santiago commented
Definitely necessary!!!
-
André Almada commented
So so right!
-
Matthieu commented
So right!