[UI][React][Asset] 깔끔한 아이콘 라이브러리 소개 - Phosphor

# Phosphor 아이콘

- 본 포스팅에서는 간만에 찾은 마음에 드는 깔끔한 아이콘 라이브러리를 하나 소개하려고 한다. 최근에는 주로 Lucide아이콘을 주고 사용하고 있었는데, 이 라이브러리도 참 마음데 들고 꾸준히 새로운 아이콘을 추가해준다. 하지만 조금 더 선이 얇고 귀엽고 깔끔한 스타일의 아이콘이 있었으면 하던 차에 이 라이브러리를 발견하게 되었다.

Phosphor Icons

 

사용법

- 사용법 자체는 간단하다. 기타 아이콘 라이브러리들과 동일하게 직접 파일을 다운로드 받아서 사용해도 되고, 프로젝트에 맞게 프레임워크 별로 설치해서 사용할수도 있다. React의 경우라면 아래와 같이 설치해서 사용할 수 있다.

npm i @phosphor-icons/react

 

- 검색 기능도 제공하므로 검색을 통해서 원하는 아이콘이 있는지 쉽게 찾을 수 있다.

 

마치며

- 쇼케이스를 보면 전체적으로 아이콘들이 깔끔하고 부드러운 느낌을 준다. 만약 이런 스타일의 UI를 만들고 싶을 경우 좋은 선택이 될 것으로 보이며, 피그마나 스케치 플러그인도 제공하는 것으로 보이고 다양한 프론트엔드 프레임워크도 지원하기 때문에 앞으로도 계속 이용하게 될 것으로 보인다.