인 아이콘
boxicons
라인 굉장한
개미 디자인 아이콘
리믹스 아이콘
부트 스트랩 아이콘
재료 디자인 아이콘
영웅 아이콘
라디습니다
수많은 아이콘 라이브러리가 일관되지 않은 스타일로 이어질 수 있지만, 반응 아이콘은 주문형 가져 오기를 지원하고 ES6 모듈 기능을 활용하여 필요한 아이콘 만 가져 와서 프로젝트 크기를 줄이고 성능을 향상시킵니다. 또한 반응 아이콘은 SVG 형식 아이콘 만 사용하며, 이는 네트워크 요청이 거의없고 작은 크기가 있습니다. 각 아이콘 라이브러리의 라이센스는 사용하기 전에 관련 지침을 확인하십시오.
반응 아이콘 사용 >
반응 아이콘은 사용하기 쉽습니다 :
NPM 또는 원사를 사용하여 설치하십시오 :
또는 -
필요한 아이콘 가져 오기 :
(다중 아이콘을 동시에 가져올 수 있음) -
구성 요소에서 사용되는 아이콘은 JSX에서 직접 반응 구성 요소로 사용되며 를 통해 색상과 크기로 조정할 수 있습니다.
-
-
반응 아이콘을 넘어서 탁월한 선택
-
반응 아이콘이 요구를 충족시킬 수 없다면 다음 라이브러리는 다음을 고려할 가치가 있습니다.
1. MUI 자료 아이콘 : Google 자료 설계를 기반으로 한 2,000 개 이상의 현대 아이콘을 제공하며 주당 250 만 개 이상의 NPM 다운로드와 90,000 개 이상의 Github 스타 태그가 제공됩니다. React 아이콘의 재료 아이콘과 비교하여 MUI의 구현이 더 직관적입니다.
-
2. Font Awesome Pro : 30,000 개 이상의 아이콘 (유료 버전)이있어 강력한 사용자 정의 기능, 최적화 된 구현 방법 및 사용자 정의 아이콘을 업로드 할 수 있습니다. 무료 버전 아이콘은 반응 아이콘에 포함되어 있습니다.
3. 아이콘 파크.
Coreui 반응 아이콘 : 는 접근성에 중점을두고 건물 관리 패널에 적합한 1,500 개 이상의 아이콘을 제공합니다.
5. 상록수 세그먼트의 아이콘 : 에버그린 세그먼트 프레임 워크에는 아이콘 라이브러리가 제공되어 500 개 이상의 아이콘이 고유 한 스타일로 제공됩니다.
요약
반응 아이콘은 리치 아이콘 라이브러리, 활성 유지 보수 및 사용 편의성을 가진 React 개발자에게 첫 번째 선택입니다. 그러나 다른 라이브러리에는 특정 시나리오에서도 장점이 있습니다. 오픈 소스 아이콘 라이브러리는 아이콘 사용을 크게 단순화하고 개발자에게 편의를 제공합니다.