how to put the unicode encoding of iconfont in dom in the for loop of vue

related codes

         <div class="comfort" v-for="item in msgData">
            <div class="icon">
                <i class="iconfont">{{item.icon}}</i>//unicode
            </div>
            <div class="textBox">
                <div class="title">
                    <span>{{item.name}}</span><span>{{item.brf}}</span>
                </div>
                <div class="text">
                    <span>{{item.txt}}</span>
                </div>
            </div>
            
        </div>
        
        //
        let msgData =  [
             // 
             {
               type: "comf",
               brf: "",
               txt: "",
               name: "",
               icon: ""
             },
             // 
             {
               type: "drsg",
               brf: "",
               txt: "",
               name: "",
               icon: ""
             },
             // 
             {
               type: "flu",
               brf: "",
               txt: "",
               name: "",
               icon: ""
             }
]