/Javascript/React/Importing svg into react

Importing svg into react

Import svg react

import React from 'react';
import LogoName from '../assets/logo.svg'

const Header = () => {
    return ( 
        <div>
           	<img src={LogoName} alt="logo"/>
        </div>
     );
}

Importing svg into react

import React from 'react';
import { ReactComponent as BrandIcon } from "./assets/brand-icon.svg";

export default function(){
  return( 
      <div>
          <BrandIcon />
      </div>
   );
}

Svg as a component react

import React from 'react';
import {ReactComponent as ReactLogo} from './logo.svg';

const App = () => {
  return (
    <div className="App">
      <ReactLogo />
    </div>
  );
}
export default App;

Source: blog.logrocket.com

Similar codes

1 vote221 views1 answer
Percentage width react native
Javascript React
2 votes209 views1 answer
Combining two styles react native
Javascript React
1 vote200 views1 answer
Strings compare react
Javascript React
0 vote177 views1 answer
Remove an item from a component in react
Javascript React
0 vote216 views1 answer
React native clear route params
Javascript React
0 vote211 views3 answers
React counter animation
Javascript React
3 votes211 views1 answer
React after deployment givin nginx 404
Javascript React
11 votes272 views4 answers
React native text underline
Javascript React
24 votes228 views5 answers
How to change port in react js
Javascript React
0 vote219 views1 answer
Edit json text react
Javascript React