Is it not reccomended to inline SVGs as JSX?

I prefer doing this so as to have the svg be a component that I can pass style props to easily. But for some reason, one svg in particular is around 1KB gzipped! Here's the code for reference:
Was this page helpful?