有没有办法将SVG图像作为组件导入？

import React from 'react';
import SvgComponent from './SvgComponent';

function App() {
  return (
    <div>
      <h1>My App</h1>
      <SvgComponent />
    </div>
  );
}

export default App;

<template>
  <div>
    <h1>My App</h1>
    <SvgComponent />
  </div>
</template>

<script>
import SvgComponent from './SvgComponent.vue';

export default {
  components: {
    SvgComponent
  }
}
</script>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <div>
      <h1>My App</h1>
      <app-svg-component></app-svg-component>
    </div>
  `,
})
export class AppComponent {}