更改单个图标实例

更改图标的全局 API 非常棒,只是在某些地方我想使用不同的样式/粗细(通常是因为它们更大或更小),但我无法弄清楚如何在特定位置选择图标。

例如:对于聊天图标,我想在顶栏中使用线性图标,但在下拉用户菜单中使用填充图标。

API 在两者之间进行了更改,但没有区分。我是否可以在脚本中单独定位它们,还是应该改用 CSS?我之所以犹豫使用 CSS,是因为 API 更改似乎是正确的方法。

这个有什么结果吗?我需要通过单击图标来切换,您能实现这个功能吗?