Navbar의 SVG 아이콘을 흰색으로 만드는 방법

아하, 네, 그게 변경 사항이 아무런 효과를 내지 못한 이유인 것 같습니다. 실제 태그가 없으니까요. 컴포넌트가 이를 태그 안에 넣은 것은 버그라고 생각하지 않습니다. SVG를 표시하는 방법 중 하나일 뿐이지만, 스타일링을 더 어렵게 만들긴 합니다. SVG 파일 자체에 접근할 수 있다면, 그곳에서 stroke 또는 fill 색상을 변경할 수 있습니다(예: stroke=“black” 속성과 같은 것으로, 하나 이상일 수 있습니다).

SVG를 편집할 수 없다면 CSS 필터를 사용해 볼 수 있습니다. 이를 통해 요소에 특정 시각 효과를 추가할 수 있습니다. 현재 검은색으로 보이기 때문에, 이를 반전시켜 흰색을 얻을 수 있도록 시도해 볼 수 있습니다.

.custom-header-icon-link img {
  filter: invert(100%);
}

셀렉터가 이제 svg가 아니라 img여야 한다는 점에 유의하세요.