---
schema_version: "1"
id: 9c7f47a8e346c5057cb8fa0f286f0f5db6d5b04431969f9db45af874b10e572d
title: Add an Icon or an Image to a Flexcard
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_add_an_icon_to_a_flexcard_30498.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_add_an_icon_to_a_flexcard_30498.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 8b2893a298a0cf2934e8656e9e2e647ec6f09967670839e9f19bd7a656697bcf
description: Add icons or images to a Flexcard from an existing library or use your own. Then, add actions, CSS classes, and configure their dimensions to fit your company or institution.
products:
  - Omnistudio
release: "264"
---
# Add an Icon or an Image to a Flexcard

Add icons or images to a Flexcard from an existing library or use your own. Then, add actions, CSS classes, and configure their dimensions to fit your company or institution.

1. From the App Launcher, find and select **Flexcards**.
2. Expand a Flexcard and select a version.
3. If needed, deactivate the Flexcard for editing the Flexcard.
4. Drag the **Icon** or **Image** element from the elements panel to the canvas.
5. Enter the icon name or image source information:
    1. To use a custom icon or image from an external source, enter the absolute URL of the image. Ensure that you add that URL to the trusted URLs list. See [Manage Trusted URLs](https://help.salesforce.com/s/articleView?id=xcloud.security_trusted_urls_manage.htm&type=5&language=en_US).
    2. To use an existing file, search for it by clicking the magnifier icon. When you upload a local image, Salesforce copies it to the Content Document library for reuse.
        
        ![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
        
        Salesforce recommends using an image or icon as a static resource instead of uploading it.
    3. For images and icons, to use a file uploaded as a static resource (Image: Image source; Icon: Icon Source URL), enter /resource/resourceName, where resourceName is the name of the static resource.
        
        To create a static resource, see [Define Static Resources](https://help.salesforce.com/s/articleView?id=platform.pages_static_resources_create.htm&type=5&language=en_US).
        
        ![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
        
        Images used in Flexcards on Experience Cloud pages must be static resources.
6. Enter the remaining information as needed.
    
    ![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 For images, the Title field supports concatenated strings, including a combination of plain text and supported merge fields, such as `{Label.AccountName} > {Name}`.