Sharp doesn't properly fill in the color of a SVG rect

[Fmijsters]

<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="203.000000pt" height="61.000000pt" fill="#2900f5" viewBox="0 0 203.000000 61.000000" preserveAspectRatio="xMidYMid meet" style="width: 55px; height: 55px;"><g transform="translate(0.000000,61.000000) scale(0.100000,-0.100000)" stroke="none" style="width: 55px; height: 55px;"><path d="M25 585 l-25 -24 0 -256 0 -256 25 -24 24 -25 966 0 966 0 24 25 25
 24 0 256 0 256 -25 24 -24 25 -966 0 -966 0 -24 -25z m482 -97 c27 -25 29 -45
 7 -77 -15 -20 -22 -23 -63 -17 -40 5 -54 1 -106 -28 -84 -46 -83 -62 6 -109
 51 -28 74 -36 82 -28 29 29 97 -6 97 -49 0 -26 -34 -60 -62 -60 -28 0 -58 28
 -58 54 0 16 -18 31 -71 60 -65 35 -73 37 -96 25 -36 -19 -77 5 -81 48 -5 46
 21 67 73 59 35 -4 53 1 109 30 53 28 66 40 66 59 0 24 33 55 59 55 8 0 25 -10
 38 -22z" style="width: 55px; height: 55px;"></path></g><text x="75" y="26" font-weight="bold"  font-size="18px" fill="white">Deel</text><text x="75" y="46" font-weight="bold"  font-size="18px" fill="white">Contact</text></svg>

The svg shown above should be blue but its showing as the standard black. If i convert the svg to png it shows it correctly how can i solve this problem?

[alexbejann]

Any solutions for this?