You could also try replacing your bitmap with this (_graemes_arrow.svg).
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1024px" height="1024px" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="nonzero" clip-rule="evenodd" viewBox="0 0 10240 10240" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>arrow_right icon</title>
<path id="curve0" fill="#5356FF" d="M4422 7716l1647 -1647 -5120 0c-176,0 -320,-144 -320,-320l0 -1280c0,-176 144,-320 320,-320l5120 0 -1647 -1647c-47,-47 -60,-113 -35,-174 26,-61 82,-99 148,-99l2064 0c176,0 328,63 452,187l2467 2467c124,124 124,328 0,452l-2467 2466c-124,125 -276,188 -452,188l-2064 0c-66,0 -122,-38 -148,-99 -25,-61 -12,-128 35,-174z"/>
</svg>