# Customized notifications and icons

{% hint style="success" %}
You can create your own notifications in the `config.lua` file, with custom icons and titles.
{% endhint %}

You can modify it like this.

```lua
        ['test'] = { -- Type
            ['color'] = '#ff6b35', -- Your color
            ['icon'] = 'mdi-server', -- Your icons (see below for help)
            ['title'] = 'SERVER' -- Your title, this title will be displayed in the ESX or QBCore trigger if you use "title"
        },
```

Here are the available types in the `config.lua` file.

<details>

<summary>Types</summary>

```lua
    Types = {
        ['server'] = {
            ['color'] = '#ff6b35',
            ['icon'] = 'mdi-server',
            ['title'] = 'SERVER'
        },

        ['announcement'] = {
            ['color'] = '#f7931e',
            ['icon'] = 'mdi-bullhorn',
            ['title'] = 'ANNOUNCEMENT'
        },

        ['info'] = {
            ['color'] = '#3b82f6',
            ['icon'] = 'mdi-information',
            ['title'] = 'INFO'
        },

        ['twitter'] = {
            ['color'] = '#1da1f2',
            ['icon'] = 'mdi-twitter',
            ['title'] = 'TWITTER'
        },

        ['phone'] = {
            ['color'] = '#10b981',
            ['icon'] = 'mdi-phone',
            ['title'] = 'PHONE'
        },

        ['saved'] = {
            ['color'] = '#10b981',
            ['icon'] = 'mdi-bookmark-check',
            ['title'] = 'SAVED'
        },

        ['error'] = {
            ['color'] = '#ef4444',
            ['icon'] = 'mdi-alert-circle',
            ['title'] = 'ERROR'
        },

        ['sms'] = {
            ['color'] = '#eab308',
            ['icon'] = 'mdi-message-text',
            ['title'] = 'NEW SMS'
        },

        ['bank'] = {
            ['color'] = '#06b6d4',
            ['icon'] = 'mdi-bank',
            ['title'] = 'P-BANK'
        },

        ['success'] = {
            ['color'] = '#22c55e',
            ['icon'] = 'mdi-check-circle',
            ['title'] = 'SUCCESS'
        },

        ['lspd'] = {
            ['color'] = '#3b82f6',
            ['icon'] = 'mdi-shield-star',
            ['title'] = 'LSPD'
        },

        ['ems'] = {
            ['color'] = '#ef4444',
            ['icon'] = 'mdi-ambulance',
            ['title'] = 'EMS'
        },

        ['lscustom'] = {
            ['color'] = '#f97316',
            ['icon'] = 'mdi-car-wrench',
            ['title'] = 'LS CUSTOMS'
        },

        ['ballas'] = {
            ['color'] = '#a855f7',
            ['icon'] = 'mdi-skull',
            ['title'] = 'BALLAS'
        },

        ['families'] = {
            ['color'] = '#22c55e',
            ['icon'] = 'mdi-account-group',
            ['title'] = 'FAMILIES'
        },

        ['vagos'] = {
            ['color'] = '#eab308',
            ['icon'] = 'mdi-pistol',
            ['title'] = 'VAGOS'
        },

        ['lostmc'] = {
            ['color'] = '#71717a',
            ['icon'] = 'mdi-bike',
            ['title'] = 'LOST MC'
        },

        ['bennys'] = {
            ['color'] = '#ec4899',
            ['icon'] = 'mdi-car-sports',
            ['title'] = 'BENNYS'
        },

        ['taxi'] = {
            ['color'] = '#eab308',
            ['icon'] = 'mdi-taxi',
            ['title'] = 'TAXI'
        },

        ['lsfd'] = {
            ['color'] = '#ef4444',
            ['icon'] = 'mdi-fire-truck',
            ['title'] = 'LSFD'
        },

        ['ranger'] = {
            ['color'] = '#84cc16',
            ['icon'] = 'mdi-pine-tree',
            ['title'] = 'RANGER'
        },

        ['statepolice'] = {
            ['color'] = '#06b6d4',
            ['icon'] = 'mdi-shield-check',
            ['title'] = 'STATE POLICE'
        },

        ['status'] = {
            ['color'] = '#8b5cf6',
            ['icon'] = 'mdi-chart-line',
            ['title'] = 'STATUS'
        }
```

</details>

## Icons

For the icons, you can use the guide below.

{% stepper %}
{% step %}

### Check site

Please visit the following website: <https://pictogrammers.com/library/mdi/>
{% endstep %}

{% step %}

### Search for your icon

Once you’ve found the icon you want, retrieve its name.
{% endstep %}

{% step %}

### Config

You will create your notification in the script’s `config.lua` file, and in `['icon']`, you must add `mdi-` before your icon’s name.
{% endstep %}
{% endstepper %}