Estoy usando la etiqueta img a continuación en mi componente React, pero la imagen no se muestra cuando tomo la fuente de la imagen de una ruta local.
<img class="masthead-avatar mb-5" src="public/css/avataaars.svg" alt="..." />¿Por qué no estás intentando esto?
import image from "./public/css/avataaars.svg" <img src={image} alt="image" />o si quieres usar svg como componente, puedes probar
import {ReactComponent as SvgIcon} from "./public/css/avataaars.svg" <SvgIcon/>puedes probar esto -:
usando requiere...
<img src={require(`public/css/avataaars.svg`)} alt="" />