How to change Plugin Icons

Photoshop UXP Plugin API
1

I am creating a UXP Plugin and I can’t seem to change my icons
This is a screenshot of the way the plugin icon looks in the plugin panel.

The two icon sizes are 46x46 and 23x23


These are the icons


this is my manifest


  {"id": "0d4a6a37",
  "name": "Bashful",
  "version": "0.1.1",
  "main": "main.jsx",
  "manifestVersion": 5,
  "host": [
    {
      "app": "PS",
      "minVersion": "22.5",
      "data": {
        "apiVersion": 2
      }
    }
  ],
  "requiredPermissions": {
    "clipboard": "readAndWrite",
    "network": {
      "domains": "all"
    },
    "allowCodeGenerationFromStrings": true,
    "ipc": {
      "enableHostCommunication": true,
      "enablePluginCommunication": true
    },
    "localFileSystem": "request"
  },
  "entrypoints": [
    {
      "type": "panel",
      "id": "contextmanager",
      "label": {
        "default": "AI Manager"
      },
      "minimumSize": {
        "width": 400,
        "height": 150
      },
      "maximumSize": {
        "width": 1340,
        "height": 1516
      },
      "preferredDockedSize": {
        "width": 340,
        "height": 516
      },
      "preferredFloatingSize": {
        "width": 340,
        "height": 315
      },
      "icons": [
        {
          "width": 23,
          "height": 23,
          "path": "icons/bashful_23.png",
          "scale": [
            1,
            2
          ],
          "theme": [
            "dark",
            "darkest"
          ],
          "species": [
            "chrome"
          ]
        },
        {
          "width": 23,
          "height": 23,
          "path": "icons/bashful_23.png",
          "scale": [
            1,
            2
          ],
          "theme": [
            "lightest",
            "light"
          ],
          "species": [
            "chrome"
          ]
        }
      ]
    }
  ],
  "icons": [
    {
      "width": 46,
      "height": 46,
      "path": "icons/bashful_46.png",
      "scale": [
        1,
        2
      ],
      "theme": [
        "dark",
        "darkest"
      ],
      "species": [
        "pluginList"
      ]
    },
    {
      "width": 46,
      "height": 46,
      "path": "icons/bashful_46.png",
      "scale": [
        1,
        2
      ],
      "theme": [
        "lightest",
        "light"
      ],
      "species": [
        "pluginList"
      ]
    }
  ]
}
2

This icon will always be a lego brick when plugin is loaded via UDT. Try installing CCX properly and icon should be there

3

Unfortunately, that doesn’t seem to be the case.

In Creative Cloud

and back in Photoshop

image

4

Maybe I’m misremembering then :thinking: Maybe any local installation won’t show icons :confused:

5

It seems that locally is fine.

image

I believe it might be due to my icons not have the @1 and etc parts of the names.

6

I think I got it

image

Yeah you need to have the @1x and @2x in the filenames

2 Likes