在 css 模块中使用超赞字体图标

Question

我想将字体 awsome 图标与 css 模块一起使用。由于他们有 "static selectors"，我不确定如何完成此操作。 F.e:

<i
  className={styles.icon} 
>
Hi
</i>

现在我想添加带有 "fas fa-search fa-2x" 的图标。我怎样才能做到这一点？

Answer 1

您可以组合基于 css 的模块类和 fontawesome 类

<i calssName={`${styles.icon} fas fa-search fa-2x`}>Hi</i>

其中 styles.icon 是此图标的自定义样式

Using font awsome icons with css modules