responsive easybank landing page with react and MUI

Hi there

When you link to an SVG image using the <img> element you lose the benefits of full customization.

SVG images are composed of XML which is similar to HTML. This structure and it's elements represent shapes, paths, coordinates and everything else that builds your image.

If you open up this image in a code editor you can see this. On your image in particular there is a path with a fill attribute that looks like this. <path fill="#2D314D" This path is responsible for the text portion of the image.

With this in mind, you could.

1. Change this fill to white, re-save the image as logo-white and link using <img>
2. Change this fill attribute to white and copy paste code directly inline in your HTML.
3. Copy paste this code into your HTML and use CSS to change the fill.

Useful Links

1. Using SVG - CSSTricks
2. Getting Started - MDN