React 아이콘 사용

1. 모듈 설치

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react

2. 아이콘 선택

material-ui-icons
해당 사이트에서 사용할 아이콘을 클릭한 후 import 구문을 복사한다.

3. 아이콘 사용

page.tsx

import AccessTimeRoundedIcon from '@mui/icons-material/AccessTimeRounded';

export default () => {

  return (
    <main>
      <AccessTimeRoundedIcon />  {/* 아이콘 컴포넌트 사용 */}
    </main>
  )
}