importing svg into react

1import React from 'react';
2import { ReactComponent as BrandIcon } from "./assets/brand-icon.svg";
3
4export default function(){
5  return( 
6      <div>
7          <BrandIcon />
8      </div>
9   );
10}

1import React from 'react';
2import LogoName from '../assets/logo.svg'
3
4const Header = () => {
5    return ( 
6        <div>
7           	<img src={LogoName} alt="logo"/>
8        </div>
9     );
10}