Cleanup

Remove xlink
Remove useless linear gradient
Move radial gradient in defs
Move css properties in svg attributes
Resize viewBox from 100 to 256

diff --git a/Resources/public/svg/icon.svg b/Resources/public/svg/icon.svg
index b0ec48570960e15662a27cca989c4f03a17aff41..e5af175c6bcdcca14c03358291181d395bc2ceaa 100644 (file)
--- a/Resources/public/svg/icon.svg
+++ b/Resources/public/svg/icon.svg
@@ -1,11 +1,12 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- License http://creativecommons.org/licenses/by-nc-sa/4.0/ -->
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- License http://creativecommons.org/licenses/by-nc-sa/4.0/ -->

-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" style="width:256px;height:256px">
-       <linearGradient id="gradient">
-               <stop class="begin" offset="0%" style="stop-color:#00c3f9;stop-opacity:0"/>
-               <stop class="middle" offset="40%" style="stop-color:#00c3f9;stop-opacity:0.33"/>
-               <stop class="end" offset="100%" style="stop-color:#00c3f9;stop-opacity:1"/>
-       </linearGradient>
-       <radialGradient id="radial" xlink:href="#gradient" cx=".5" cy=".5" fx=".5" fy=".5" r=".4" />
-       <text x="0" y="100" fill="#00c3f9" style="fill:url(#radial);font-size:100px;font-family:Arial,sans-serif;transform:scale(1.48,1.4);transform-origin:0 81%;transform-box: fill-box">A</text>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMidYMid slice" viewBox="0 0 256 256" width="256" height="256">
+       <defs>
+               <radialGradient id="radial" cx=".5" cy=".5" fx=".5" fy=".5" r=".4">
+                       <stop offset="0%" stop-color="#00c3f9" stop-opacity="0" />
+                       <stop offset="40%" stop-color="#00c3f9" stop-opacity="0.33" />
+                       <stop offset="100%" stop-color="#00c3f9" stop-opacity="1" />
+               </radialGradient>
+       </defs>
+       <text x="0" y="256" textLength="256px" fill="url('#radial')" font-family="Arial, Helvetica, Regular, sans-serif" font-size="358px" transform="scale(1.069 1)" transform-origin="0 0">A</text>

 </svg>
 </svg>