Не отображается svg в React приложения

Код svg

<svg  xmlns="http://www.w3.org/2000/svg">
  <symbols id="arrow" >
    <path d="M1.11612 9.11612C0.62796 9.60427 0.62796 10.3957 1.11612 10.8839L9.07107 18.8388C9.55922 19.327 10.3507 19.327 10.8388 18.8388C11.327 18.3507 11.327 17.5592 10.8388 17.0711L3.76777 10L10.8388 2.92893C11.327 2.44078 11.327 1.64932 10.8388 1.16117C10.3507 0.67301 9.55922 0.67301 9.07107 1.16117L1.11612 9.11612ZM32 8.75L2 8.75V11.25L32 11.25V8.75Z" fill="black"/>
  </symbols>

  <symbols id="delete">
   <line y1="-0.5" x2="13.598" y2="-0.5" transform="matrix(0.677631 0.735402 -0.7389 0.673815 0 1)" stroke="#F50F0F"/>
   <line y1="-0.5" x2="13.598" y2="-0.5" transform="matrix(-0.677631 0.735402 0.7389 0.673815 10 1)" stroke="#F50F0F"/>
  </symbols>
</svg>

и код вставки:

function App() {
  return (
    <div className="App">
      <svg width={100} height={100}>
        <use xlinkHref={`${svgIcons}#delete`} />
      </svg>
    </div>
  )
}