Url shoterning service landing page using react.js

Looks pretty good! On your question, I have two things.

First, if you have a single-use svg you can absolutely copy-paste the html directly where you need it, and then apply a className prop to style it directly with css.

Second, if you're using a component to just return the SVG (I do this most of the time) it shouldn't change the styling directly. If the return statement looks like this:

return (
    <svg> ... </svg>
)

It will be the same as putting it directly in the html. If you wrap it in another component it may alter your styling if you have any styles already applied to those components.

If you don't already use this tool, Chrome and FireFox have developer tools built in that can help you identify styling issues like this and make life a little easier.

I hope this helps with your future projects!