---
schema_version: "1"
id: 4155a171d604afd27b9ff29b1078b1c43b3a14e3ca8a0106b55e236ea074d55a
title: Display Sprites in an Edit Block
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_display_sprites_in_edit_block_14746.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_display_sprites_in_edit_block_14746.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 4ed77fd9cc9e9ed4729c53df3c71f68703061618afac8244f127283ed784dc08
description: Display Sprites to indicate information about an Edit Block record entry using the Default Svg Sprite and Default Svg Icon properties. For example, a User icon can indicate if the entry is a Contact record. Omnistudio supports the Lightning Design System icons. To dynamically display different sprites, map values of the SVG Controlling Element to SLDS icons in the SVG Controlling Element Map.
products:
  - Omnistudio
release: "264"
---
# Display Sprites in an Edit Block

Display Sprites to indicate information about an Edit Block record entry using the **Default Svg Sprite** and **Default Svg Icon** properties. For example, a User icon can indicate if the entry is a Contact record. Omnistudio supports the Lightning Design System icons. To dynamically display different sprites, map values of the **SVG Controlling Element** to SLDS icons in the **SVG Controlling Element Map**.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio-264-0-0-production-enus/f526eaa8-ae05-487a-8944-4bb99b0b78ac/images/icon_note.png)

Note Dynamic SVG Icon display works only if the SVG Controlling Element is of type Text.

## Replace the Default SVG Sprite and Icon

Replace the default SVG sprite and icon.

1. Search for an [SLDS icon](https://www.lightningdesignsystem.com/icons/), and note the category and the icon name.
2. In the **Default SVG Sprite** field, enter the icon's category.
3. In the **Default SVG Icon** field, enter the name of the icon.
4. Preview the Omniscript to view the new default SVG icon.

## Display SVG Icons Dynamically

An Edit Block can dynamically display different SVG Icons for some records based on a Text element value.

1. In the Edit Block's **SVG Controlling Element** property, enter the name of a Text element in the Edit Block.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio-264-0-0-production-enus/f526eaa8-ae05-487a-8944-4bb99b0b78ac/images/icon_note.png)
    
    Note Dynamic SVG Icon display works only if the SVG Controlling Element is of type Text.
2. In the Svg Controlling Element Map, click **Add SVG Icon**.
3. In the **Value** property, enter a possible value for the SVG Controlling Element.
4. Search for an [SLDS icon](https://www.lightningdesignsystem.com/icons/), and note the category and icon name.
5. In the **Svg Sprite** property, enter the icon's category.
6. In the **Svg Icon** property, enter the icon's name.
7. Preview the Omniscript and enter the value for the SVG Controlling Element to test the icon display.
8. (Optional) Repeat the steps for additional SVG Controlling Element values.