iconfont 圖標如何實現顏色漸變

最近項目中UI 設計了圖標漸變效果，在此處記錄下：

  html部分代碼：

 <view class="icon iconfont iconyuezhifu_icon item-icon"></view>

css:

 .item-icon{
            // color: #e54746;
            font-size: 52rpx;
            background-image: linear-gradient(135deg, 
            #eb6867 0%, 
            #e85857 67%, 
            #e54746 100%);
            -webkit-background-clip: text;
            color:transparent;
  }

 除了設置 -webkit-background-clip ：text; 

實現漸變字體，還需要將color 設置為transparent 來配合一起使用