add support for svg components

[alighafoorzade]

To enable maintainability and customizable SVGs, some projects opt to create a dedicated component for each icon and encapsulate the SVG code within. A sample code snippet for this approach is shown below:
const AvatarIcon = () => { return <svg> <path>...<path> . . . </svg> }
Are there any workarounds or techniques to optimize these assets? If not, I believe it would be valuable to explore potential optimizations. Thank you.