---
schema_version: "1"
id: d9638c949cdac6dea85dcd1fb4139499ab95bf395ebc2e30533d4f0b575b5b17
title: Create Custom Appointment Icons
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/pfs_gantt_icons.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.pfs_gantt_icons.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 444e24647ce8bbfaedd37446a8f61c45ee4e811eaad3c2bf0d7d4d263657b220
description: Add custom icons to service appointments on the Field Service Gantt, map, and appointment list so dispatchers can quickly identify appointment characteristics. For example, use a custom icon to indicate that an appointment is for a VIP or first-time customer.
products:
  - Field Service
release: "264"
---
# Create Custom Appointment Icons

Add custom icons to service appointments on the Field Service Gantt, map, and appointment list so dispatchers can quickly identify appointment characteristics. For example, use a custom icon to indicate that an appointment is for a VIP or first-time customer.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: both Salesforce Classic (not available in all orgs) and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">The Agentforce Field Service and Operations core features, managed package, and mobile app are available in <strong>Enterprise</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions.</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d144147e69">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d144147e69 ">To create a custom Gantt icon: </td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d144147e69 ">
              <p>One of the following: </p>
              <ul>
                <li>Custom permission set: FSL Admin Permissions </li>
                <li>Custom permission set: FSL Dispatcher Permissions</li>
                <li>Read and Edit on service appointments</li>
              </ul>
            </td>

          </tr>
        </tbody>
      </table>

![Package icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/fs_package.png) _This is a Field Service managed package feature._

The Gantt is chock-full of information. Icons are a great way to share information without cluttering your screen. While icons are set at the individual appointment level, you can set up triggers to populate the Gantt Icon field on appointments of a certain type.

1. Add the Gantt Icon field to service appointment page layouts.
2. Navigate to the service appointment that needs the icon.
3. In the Gantt Icon field, enter an icon URL. The URL must end in an image suffix, such as .png or .gif. We scale the image to 16 x 16 pixels, so square images look best.
4. Save your changes. Dispatchers can see the icon on the appointment in the Gantt and the Classic Dispatch Console map. Images with a transparent background appear with a white background.

In the appointment list, you can also include columns that show Gantt or custom icons. For example, set up a formula field that selects an icon image. Add the fields to show in the Service Appointment List Columns field set.

![Example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/images/icon_example.png)

Example

Add an ice cream icon to an appointment that’s next to your favorite ice cream shop. Find a URL that leads to an ice cream icon, and paste the link into the appointment’s Gantt icon field. (Of course, we recommend scheduling a snack break after the appointment.)

![Gantt Icon link](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/fs_gantt_icon_link.png)

![Icon on Gantt](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_field_service-264-0-0-production-enus/3f7dceb9-dd70-454a-b49e-bbb4526a158d/support_field_service/images/fs_gantt_icon.png)

#### See Also

- [Customize the Classic Dispatch Console with Field Sets](https://help.salesforce.com/s/articleView?id=service.pfs_fieldsets.htm&release=264.0.0&type=5 "Use field sets to control which fields appear in different sections of the Field Service Classic Dispatch Console. For example, choose which fields appear as columns in the appointment list.")