Soy nuevo en reactjs y me quedé con la adición del elemento svg al elemento div.

¿Qué es lo que quiero implementar? Tengo un elemento div creado dinámicamente como a continuación.

  constructor(props) {
      super(props);
      this.element = document.createElement('div');
}

Tengo un svg importado al componente como a continuación, import SvgName de '../svg/name.svg'

y desea agregar este SvgName al elemento div creado dinámicamente en el constructor anterior.

Lo que he intentado ... está debajo,

constructor(props) {
      super(props);
      this.element = document.createElement('div');
      const svg = document.createElement('svg');
      this.element.appendChild(svg);
}

Lo anterior agregará un elemento svg, sin embargo, no agrega el svg que quiero (el importado).

Cómo puedo lograrlo. Gracias