方式一：利用drop-shadow给icon加样式 (利用原图标的阴影区域，同时将原图标移动超过之前父元素范围)filter: drop-shadow(red 80px 0); transform: translateX(-80px); 给父元素加样式 （父元素超范围隐藏，正好把原图标的隐藏掉，显示阴影区域） overflow:hidden;<div class="svg"> <img src="./loading.svg" class="svg-color"></div>//css.svg { width: 30px; height: 30px; overflow: hidden;}.svg-color { transform: translateX(30px); filter: drop-shadow(...未完，继续阅读→
关键字：svg 颜色 图标 

现在字体图标已经渐渐代替了图片了，移动端用起来也很方便。使用了字体文件来显示矢量的图标，为了能在IIS上正常显示图标，可以通过增加iis的MIME-TYPE来支持图标字体文件下面就把IIS增加svg、eot 、woff、otf 、ttf 等字体格式文件的MIME。增加以下两种文件类型即可：.svg image/svg+xml.woff application/font-woff 我把其它几种也写在下面，供以后学习：.eot application/vnd.ms-fontobject.otf application/octet-stream.ttf application/octet-stream（完）未完，继续阅读→
关键字：svg 字体 iis 移动端