문제 상황

svgr 라이브러리를 통해 svg를 삽입하면 svg파일을 컴포넌트처럼 사용할 수 있다.

그러나 테일윈드 css를 사용해 클래스 이름으로 호버 스타일을 지정하려니 잘 적용이 되지 않았다.

문제 원인

클래스 name을 지정해주고 svg 파일 속성을 바꿔주어야 한다.

<path fill= "current"/>

해결 방안

1️⃣ 클래스 name 지정

<AddBtn className="fill-gray-bg-07 hover:fill-mint-02-hover active:fill-mint-02-press" />

2️⃣ svg파일 fill 속성을 current

<path fill= "current"/>