For what it's worth, this can also be done with svg
FIDDLE
Check out google's online svg-editor - which I used to produce the svg. (except for the css classes which I added later on)
svg
css
.play:hover .outer, .play:hover .triangle
{
fill: #fff;
}
.play:hover .inner
{
fill: #000;
}