将字体awsome图标与css模块结合使用

Question

我想将字体awsome图标与css模块一起使用。由于他们有"静态选择器"，我不知道如何实现这一点。F.e:

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

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

Answer 1

您可以组合基于css模块的类和fontwo敬畏的类

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

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