/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

0 vote212 views1 answer
React Update a label when rate moves
Javascript React
7 votes226 views4 answers
React router link
Javascript React
15 votes212 views1 answer
Reducer in react example
Javascript React
0 vote212 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
1 vote216 views1 answer
React scroll to bottom of div
Javascript React
12 votes212 views3 answers
Get value of input react
Javascript React
19 votes324 views6 answers
Convert svg to react component
Javascript React
1 vote216 views1 answer
Adding media queries in makeStyle material react
Javascript React
15 votes222 views2 answers
Expo react navigation
Javascript React
0 vote222 views1 answer
Preview image before upload reactjs
Javascript React