HTML
# SVG STYLE <br />
<svg height="100px" width="100px" viewBox="0 0 150 150" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
<radialGradient gradientUnits="objectBoundingBox" r="100%" cy="50%" cx="50%" id="rgrad_group_43">
<stop style="stop-color:rgb(0, 255, 244); stop-opacity:1" offset="0%"/>
<stop style="stop-color:rgb(0, 74, 255); stop-opacity:1" offset="90%"/>
<stop style="stop-color:rgb(46, 60, 208); stop-opacity:1" offset="100%"/>
</radialGradient>
<style type="text/css">
svg rect { fill:transparent;}
svg g { fill:url(#rgrad_group_43); }
</style>
<g><path d="M24.594,6.394c-9.48-0.118-20.311,7.531-15.96,15.683c1.553,2.91,10.46,1.185,12.716,0.535 c1.051-0.304,2.129-0.586,3.287-0.572c5.301,0.066,9.544,4.419,9.479,9.72c-0.065,5.302-4.418,9.545-9.719,9.479 c-5.302-0.065-9.545-4.417-9.479-9.719c0.008-0.651,0.084-1.285,0.215-1.898c-1.945,1.366-2.278,4.532-2.278,4.532 c-1.368-1.092-3.712-1.966-5.824-2.4c2.674,6.854,9.289,11.756,17.098,11.854c10.276,0.128,18.71-8.098,18.839-18.373 C43.095,14.958,34.869,6.523,24.594,6.394z"/></g>
</svg>
<br /><br />
# some svgs<br />
<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64"><g><polygon points="55.399,11.496 22.193,44.698 8.599,31.103 4.698,35.011 22.193,52.505 59.303,15.398 "/></g></svg>
<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 96 96"><g ><polygon points="63.785,32.213 63.785,2.126 2.126,2.126 2.126,63.787 32.215,63.787 32.215,93.874 93.874,93.874 93.874,32.213 "/></g></svg>
<svg width="100px" height="100px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 96 96"><g ><polygon points="95.914,61.337 71.947,44.947 86.399,19.766 58.644,28.282 47.968,1.282 37.322,28.295 9.555,19.807 24.035,44.973 0.086,61.39 28.792,65.76...