리액트에서 SVG 이미지를 어떻게 사용하고 계신가요?

안녕하세요! 1년 조금 넘게 프론트엔드 개발자로 재직 중인 김병연이라고 합니다. 고민이 있습니다..! 리액트 환경에서 리스트 아이템을 map으로 렌더링하고 있어요. 그리고 아이템의 아이콘 이미지를 svg로 사용하고 있습니다. 현재는 img 태그를 사용해서 fill 속성을 제어 할 수 없어, 상호작용을 on, off로 나눠, 개별적으로 불러오고 있습니다.(사용자가 클릭 시 svg 아이콘의 색상이 변합니다.) on,off 이미지를 개별적으로 불러오는 게 좋은 방법인지 모르겠습니다..! svg 이미지들을 컴포넌트로 만들어서 fill 속성을 제어하는 방법도 생각했는데, 차라리 개별적으로 불러오고 캐시되어 사용되는 게 더 나은 것 같습니다. 혹시 다른 방법들도 있나 궁금합니다..! 다른 방법들을 알고 계신다면, 또는 의견이 있으시다면 공유 부탁드립니다! 감사합니다.