icon如何使用并制作多色图标

2020-03-16 16:37:22

大家可以参考Introducing Duotone,fontawesome关于介绍多色图标的文章,我们能从中得出思路

单色图标,使用before来实现的。

多色图标,应该是双色图标,我们需要同时用before和after等伪元素来组合出来一个双色图标。


分别通过控制before和after的大小等来控制这个组合图标,看似是一个双色图标。


我们也可以结合var css 变量来对多色图标进行封装来实现。


我现在并没有发现能快速生成双色图标的方案。