关于网页图标的引用--bootstrap4和ElementUI

话不多说,先上代码

    
    
    
    

目前我就只使用这两个图标库,bootstrap4的图标是自己独立出来的,开源的,之前bootstrap3是别人给的,现在如果你使用bootstrap4,那么之前的3图标库名称就不能用了
要使用open-iconic,4的图标库放在上面了,现在还在完善,你要是只用图标就只需要引用,其他样式库不用引用


使用方式:oi oi-iconname
当然你还可以用css方式引用,作为背景

background-image: url('data:image/svg+xml,这里写bootstrap4给的图标样例');

bootstrap4图标默认颜色为黑色,如果你要改变颜色,只要更改图标样例中的fill属性,就可以更换颜色

//样例模板

      
      

还用一个就是element-ui


使用方式:el-icon-iconname

你可能感兴趣的:(关于网页图标的引用--bootstrap4和ElementUI)