Material UI 에서 icon 사용법

Material icons 설치

//npm 
npm install @material-ui/core 

//yarn 
yarn add @material-ui/core

 Material-UI icon 설치

//npm 
npm install @material-ui/icons 

//yarn 
yarn add @material-ui/icons

 

icon과 font적용시키기

https://mui.com/material-ui/material-icons/?query=search 

Material Icons - Material UI

빨간체크를 적어줘야하는데 현재 mui로 설치안해저고 material로 설치해줘서 저것은 변경시켜준다

import React from 'react'
import SearchIcon from '@material-ui/icons/Search';

const NavBar = () => {
  return (
   
         <SearchIcon /> 
            
  )
}

export default NavBar;

import SearchIcon from '@material-ui/icons/Search';

<SearchIcon />

 

 

아이콘