Set New Indian Rupee Currency Symbol in Opencart

In 2010 Indian Govt. has launched it's new currency symbol ₹.
To use this new symbol in your website you can use &#8377; in your HTML, or if you are using font-awesome library then use <i class="fa fa-inr"></i>

In Opencart you can set currency symbol in localisation setting. If you have tried to copy new rupee symbol from somewhere and paste in Opencart setting. This will not work in some browsers because its not in UTF-8 format.
So to use it change the currency.php file in opencart-root/system/library/cart/currency.php (in case of opencart v2.3.x)

public function format($number, $currency, $value = '', $format = true) {
  $symbol_left = $this->currencies[$currency]['symbol_left'];
  $symbol_right = $this->currencies[$currency]['symbol_right'];
  $decimal_place = $this->currencies[$currency]['decimal_place'];

  if (!$value) {
   $value = $this->currencies[$currency]['value'];
  }

  $amount = $value ? (float)$number * $value : (float)$number;
  
  $amount = round($amount, (int)$decimal_place);
  
  if (!$format) {
   return $amount;
  }

  $string = '';

  // if ($symbol_left) {
  //  $string .= $symbol_left;
  // }
  if (($symbol_left) && ($format)) {
            if($currency=='INR')
             $string .='<i class="fa fa-inr"></i>';
            else
             $string .= $symbol_left;
        }

  $string .= number_format($amount, (int)$decimal_place, $this->language->get('decimal_point'), $this->language->get('thousand_point'));

  if ($symbol_right) {
   $string .= $symbol_right;
  }

  return $string;
 }