---
schema_version: "1"
id: a07a6b107bd250a74013d7a0e59d63a5337857b78cfc015a65947c54016b3cfb
title: Display SVG Icons Dynamically (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_displaying_svg_icons_dynamically.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_displaying_svg_icons_dynamically.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2caa1abb9f4aeccacdf83932623ad349b65f0ae8bef7850d69b2e205dec64ab7
description: For the managed package runtime, an Edit Block can dynamically display different SVG Icons for some records based on a Text element value.
products:
  - Omnistudio
release: "264"
---
# Display SVG Icons Dynamically (Managed Package)

For the managed package runtime, an Edit Block can dynamically display different SVG Icons for some records based on a Text element value.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

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_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/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.