React App에서 SVG 아이콘 사용의 효율성 [닫힌]

질문

Closed. This question is opinion-based. It is not currently accepting answers.

---

이 질문을 개선하고 싶으십니까? 이 게시물을 수정 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하세요.

2 개월 전에 마감되었습니다.

Improve this question

typescript 및 nextjs와 함께 React Project에서 아이콘을 인라인 SVG로 사용하는 것을 고려하고 있습니다.

이미지 또는 아이콘 글꼴을 사용하는 대신 인라인 SVG를 사용하는 것이 더 나은 이점은 무엇입니까?

인라인 SVG를 사용하면 많은 아이콘을 유지하는 것이 더 쉽다고 생각합니다. 그리고 다른 것?

특히 성능은 어떻습니까? 특별한 차이점이 있습니까?감사!

답변1

인라인 SVG 요소는 다음에서 더 좋습니다.

• 아이콘 색상 변경
• 애니메이션 아이콘 추가
• Bundler를 사용하는 경우 효과적으로 렌더링

https://www와같은SVG번들러플러그인,로더또는생성기를사용하는것이좋습니다.SVG아이콘을직접관리하는대신npmjs.com/package/@svgr/webpack.

 

 

 

 

출처 : https://stackoverflow.com/questions/62015361/efficiency-of-using-svg-icon-in-react-app