title: JavaFX button with svg
body: <p>I have this SVG:</p>
  
  <pre><code>M421.985,229.833L217.847,25.981c-7.235-7.238-16.94-13.374-29.121-18.416C176.541,2.522,165.407,0,155.318,0H36.547 C26.648,0,18.083,3.619,10.85,10.848C3.617,18.081,0.002,26.646,0.002,36.545v118.771c0,10.088,2.519,21.219,7.564,33.404   s11.182,21.792,18.417,28.837L230.118,421.98c7.043,7.043,15.602,10.564,25.697,10.564c9.89,0,18.558-3.521,25.98-10.564   l140.186-140.47c7.043-7.046,10.561-15.604,10.561-25.693C432.542,245.919,429.024,237.258,421.985,229.833z M117.202,117.201   c-7.142,7.138-15.752,10.709-25.841,10.709c-10.085,0-18.699-3.571-25.837-10.709c-7.138-7.139-10.706-15.749-10.706-25.837   c0-10.089,3.568-18.702,10.706-25.837c7.139-7.139,15.752-10.71,25.837-10.71c10.089,0,18.702,3.571,25.841,10.71   c7.135,7.135,10.706,15.749,10.706,25.837C127.908,101.452,124.341,110.062,117.202,117.201z
  </code></pre>
  
  <p>It's copied from here: <a href="http://www.flaticon.com/free-icon/tag-black-shape_25679#term=label&amp;page=1&amp;position=56" rel="noreferrer">http://www.flaticon.com/free-icon/tag-black-shape_25679#term=label&amp;page=1&amp;position=56</a></p>
  
  <p>I need to have some component (most likely a button), that has this shape, that has size 24x24 and that has some effect on hover (like gradient). </p>
  
  <p>Is that even possible, in JavaFX? CSS border properties don't work with scaling, SVG can't be scaled, I just can't achieve all of these requirements. </p>