css - Flaticon render differently on local and live server -

my flaticon.css document set gmail icon :

.flaticon-share:before {    content: "\f10b";    color: #821571;   align-items: center;   font-size: 43px; } 

in html :

<div class="col-sm-4">   <div class="media">     <div class="media-left">       <i class="flaticon-share" style="display: inline;"></i>     </div>     <div class="media-body">       <p class="media-heading"><strong>cs@kirimundangan.com</strong></p>       <a href="mailto:cs@kirimundangan.com" target="_blank">         <button id="template" class="btn btn-download btn-md">kirim lampiran</button>       </a>     </div>   </div> </div> 

it works fine on localhost, on live server, icon 200px instead of 43px. knows why?

you can visit here , scroll down.

this image on localhost (which expected) :

solved. adding css version in html.

<link href="<?php echo base_url('asset/css/freelancer.css?v=1') ?>" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/icon/font/flaticon.css?v=1') ?>">