Icons

At a bare minumim you'll want to include an "icon.icns" file, this icns file can be used for all views where your Element appears within the RapidWeaver Elements UI. Additional Palette and Banner icon styles are also available.

Standard Icon

All Elements require this icon.

• icon.icns (Required)

• icon-dark.icns (optional)

Supported image sizes in the icon.icns file.

• 16x16.png / [e-mail]

• 32x32.png / [e-mail]

• 128x128.png / [e-mail]

• 256x256.png / [e-mail] (optional)

• 512x512.png / [e-mail] (optional)

We recommend Icon Slate to compile .icns files.

Palette Icons

The Palette image should be named paletteIcon.png and paletteIcon-dark.png if you'd also like to display a different version in dark mode.

• paletteIcon.png

• paletteIcon-dark.png (optional)

Supported palette image sizes.

• 512x256

Banner Icons

If you're developing an Element that represents a layout we recommend using the Banner style icon.

• bannerLayer1.png

• bannerLayer1-Dark.png (optional)

Banner icons can be layered, and each layer can represent a different colour in the Theme Studio. For example this icon uses four layers and three of those layers will be tinted with the Theme colour.

• bannerLayer1.png

• bannerLayer2-primary-500.png

• bannerLayer3-primary-200.png

• bannerLayer4-secondary-500.png

Banner images should be 512px in width, but can be as short or tall as you need.

List View Icon (Standard Icon)

Element Library: List view icons (Developer Beta 12)

Grid View (Pallete Icon)

Element Library: Grid view icons (Developer Beta 12)

Grid and List View (Banner Icon)

Banner icons will appear the same in both grid and list.

Element Library: Grid view icons (Pre-Beta Build 22484)

Asset Placement

All Icon files should be placed at the root of the Element alongside the info.json file.

Finder window showing the icon files inside of a typical Element.