---
title: "Icon font JSON format"
date: "2018-01-08T17:22:00+00:00"
summary: "Learn how to create and upload custom icon fonts to Site Studio using the correct JSON format. Discover the essential properties, naming conventions, and how to convert hex codes to decimal for seamless integration."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/icon-font-json-format"
id: "11c02031-4c91-415b-a66c-45871a351449"
---

To make your own icon font and upload to Site Studio, the format of your custom icon font should be like so:

    icons:
    0:
    name:"fa-fast-backward"
    code:61513
    1:
    name:"fa-fast-forward"
    code:61520

The **`name`** property is the a machine name of the icon and should be unique to the icon.

The **`code`** property is the decimal code for the icon (please note this is not the hex code of the Icon).

To convert a hex to a decimal there are a number of converters online [https://www.binaryhexconverter.com/decimal-to-hex-converter](https://www.binaryhexconverter.com/decimal-to-hex-converter "https://www.binaryhexconverter.com/decimal-to-hex-converter")