[react-icon] nextjs에서 아이콘 쉽게 사용하기 (무료)

구글로그인 구현하거나, 랜딩페이지를 꾸밀때 아이콘이 필요한 경우가 종종있다. 

제일 간단하게 하는 방법은 react-icons를 사용하는 것이다. 

 

https://react-icons.github.io/react-icons

React Icons

 

 

원하는 아이콘을 검색하고 복사 후 붙여넣기 하면 된다. 

 

 

 

간단하게 적용이 가능하다. 

import { BiCoinStack } from "react-icons/bi";

<BiCoinStack />

 

실제 적용한 예시

<div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl overflow-hidden transform hover:scale-105 transition-transform duration-300">

<div className="p-8">

<h2 className="text-2xl font-bold mb-4 text-indigo-600 dark:text-indigo-400">{t('paid')}</h2>

<BiCoinStack />

<p className="text-xl font-bold mb-6 text-gray-800 dark:text-white">{t('f2')}</p>

</div>

 

https://aisignature.live

https://www.aisignature.live/en