---
title: "Using Your Own Images"
slug: "s3suite94-using-your-own-images"
updated: 2026-10-27T18:42:04Z
published: 2026-10-27T18:42:04Z
canonical: "docs.onespan.com/s3suite94-using-your-own-images"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.onespan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Using Your Own Images

You can substitute your own images for the ones supplied by Nok Nok. Most of these images are icons. Some images are specific to a view and some, like the cancel button, are defined and used globally. To substitute a custom image for a default one, configure the "images" object that is either at the top level of the UI Configuration File or nested inside the corresponding view where the image is used.

```plaintext
{   ...
    "views":{
        "registration_view":{
            "images":{
                "add_reg_icon":"img/add_reg_icon.png",
                "remove_reg_icon":"img/remove_reg_icon.png",
                "rename_reg_icon":"img/rename_reg_icon.png"
            }
        }
    },
    ...
}
```

Specify the source for your custom images with one of the following:

- a pathname relative to the application : "<path to file>/<filename>.<ext>"
- a full URL: "https://<path to file>/<filename>.<ext>"
- the empty string to display a blank image

For an Android or iOS app, this pathname is relative to the app resources. For a Web app, this pathname is relative to the web app itself.