Please refer to the screenshot below to see how the arrow looks visually
{F185963}
To test, use the [[ https://react-svgr.com/playground/ | React SVGR ]] tool and input the following SVG code which is taken from the [[ https://github.com/CommE2E/comm/blob/master/keyserver/images/long_arrow.svg?short_path=3e8d0f1 | keyserver repo ]].
```
<svg width="27px" height="38px" viewBox="0 0 27 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="long_arrow-8.35.28-AM" transform="translate(0.000000, -0.000000)" fill="#808080" fill-rule="nonzero">
<path d="M0,0 L1,0 L1,33.5 L24.793,33.5 L22.4645,31.1716 C22.2909,30.998 22.2716111,30.728558 22.4066333,30.53373 L22.4645,30.4645 C22.6380111,30.2909 22.9074432,30.2716111 23.1023403,30.4066333 L23.1716,30.4645 L26.3536,33.6464 C26.5271111,33.82 26.5463901,34.089442 26.411437,34.2843402 L26.3536,34.3536 L23.1716,37.5355 C22.9763,37.7308 22.6597,37.7308 22.4645,37.5355 C22.2909,37.3619889 22.2716111,37.0925568 22.4066333,36.8976597 L22.4645,36.8284 L24.791,34.5 L0,34.5 L0,0 Z" id="Path"></path>
</g>
</g>
</svg>
```