아이콘의 단일 인스턴스 변경

아이콘을 전역으로 변경하는 API는 훌륭했지만, 일부 위치에서는 다른 스타일/굵기(일반적으로 크기가 더 크거나 작을 때)를 사용하고 싶은데, 특정 위치의 아이콘을 선택하는 방법을 찾지 못하고 있습니다.

예를 들어, 채팅 아이콘의 경우 상단 바에서는 라인 아이콘, 드롭다운 사용자 메뉴에서는 채워진 아이콘을 사용하고 싶습니다.

하지만 현재 API는 두 위치를 구별 없이 모두 변경합니다. 스크립트에서 개별적으로 지정할 수 있는 방법이 있는지, 아니면 그중 하나는 CSS로 처리해야 하는지 궁금합니다. CSS를 사용하려는 것이 망설여지는 이유는, API 변경이 정석적인 방법처럼 보이기 때문입니다.

이것에 대해 어떤 결과가 나왔나요? 아이콘 하나만 전환하면 되도록 구현할 수 있을까요?