world-portfolios
world-portfolios copied to clipboard
Extract SVG assets
Extract SVG objects from the UI and store them as assets. This would improve readability and provide a better structure.
From:
...
<svg
width="46"
height="46"
fill="none"
stroke="#576f7f"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5 0-.278-.028-.556-.08-.83A7.72 7.72 0 0 0 23 3Z"></path>
</svg>
...
to:
...
<Image src={logo} alt={media} />
...