FontAwesome
FontAwesome을 이용하면 아이콘을 i 태그에 간단하게 삽입할 수 있다.
FontAwesome 사이트 링크
설치 방법
1. html 파일에 script 삽입하기
<head>
<script src="https://use.fontawesome.com/releases/v5.2.0/js/all.js"></script>
</head>
2. i 태그에 원하는 아이콘 붙여넣기
const Header: FunctionComponent<HeaderProps> = () => {
return (
<SearchWrapper>
<SearchButton>
<i className="fas fa-search"></i>
</SearchButton>
</SearchWrapper>
);
};
아래와 같이 i 태그에 아이콘이 삽입되는 것을 확인할 수 있다.
Table Of Contents