-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">\r
- <path fill="#000000" d="M11.625,4.854c0,2.593-2.881,2.417-2.881,4.21v0.399H6.439V8.968c0-2.769,2.545-2.577,2.545-3.89 c0-0.576-0.416-0.912-1.121-0.912c-0.656,0-1.296,0.32-1.873,0.977L4.375,3.894C5.287,2.821,6.471,2.182,8.12,2.182 C10.457,2.182,11.625,3.43,11.625,4.854z M9.064,12.361c0,0.801-0.64,1.457-1.44,1.457c-0.801,0-1.441-0.656-1.441-1.457 c0-0.784,0.64-1.44,1.441-1.44C8.424,10.921,9.064,11.577,9.064,12.361z"/>\r
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">\r
+ <style>\r
+ use:not(:target) { display: none; }\r
+\r
+ path { fill: #000000; }\r
+ circle { fill: none; stroke: #000000; stroke-width: 2; }\r
+\r
+ #help-hover path { fill: #FFFFFF; }\r
+ #help-hover circle { fill: #6666CC; stroke: #6666CC; }\r
+\r
+ #help-pressed path { fill: #FFFFFF; }\r
+ #help-pressed circle { fill: #666699; stroke: #666699; }\r
+ </style>\r
+\r
+ <defs>\r
+ <g id="help-shape">\r
+ <circle cx="12" cy="12" r="11" />\r
+ <path d="M12.2,4.9c-1.6,0-2.9,0.4-3.8,0.8L9.2,8c0.6-0.4,1.5-0.6,2.2-0.6c1.1,0,1.6,0.5,1.6,1.2 c0,0.7-0.6,1.3-1.3,2.1c-1,1.1-1.4,2.1-1.3,3.2l0,0.5h3V14c0-0.9,0.3-1.7,1.2-2.5c0.9-0.9,1.9-1.9,1.9-3.4 C16.6,6.4,15.2,4.9,12.2,4.9z M12,16.1c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.8,1.9,1.9,1.9c1.2,0,1.9-0.8,1.9-1.9 C13.9,16.9,13.1,16.1,12,16.1z"/>\r
+ </g>\r
+ </defs>\r
+\r
+ <use id="help" xlink:href="#help-shape" />\r
+ <use id="help-hover" xlink:href="#help-shape" />\r
+ <use id="help-pressed" xlink:href="#help-shape" />\r