I am using the below img tag in my React component but the image is not displaying when I am taking the image source from a local path.
<img class="masthead-avatar mb-5" src="public/css/avataaars.svg" alt="..." />
why you are not trying this
import image from "./public/css/avataaars.svg"
<img src={image} alt="image" />
or if you want to use svg as a component you can try
import {ReactComponent as SvgIcon} from "./public/css/avataaars.svg"
<SvgIcon/>
you can try this -:
using require ...
<img src={require(`public/css/avataaars.svg`)} alt="" />