Create an app package for your Microsoft Teams app
Apps in Teams are defined by an app manifest JSON file, and bundled in an app package with their icons. You'll need an app package to upload and install your app in Teams, and to publish to either your Line of Business app catalog or to AppSource.
A Teams app package is a .zip file containing the following:
- A manifest file named "manifest.json", which specifies attributes of your app and points to required resources for your experience, such the location of its tab configuration page or the Microsoft app ID for its bot.
- A transparent "outline" icon and a full "color" icon. See Icons later in this topic for more information.
Creating a manifest
Teams App Studio can help configure your manifest. It also contains a React control library and configurable samples for cards. See App Studio Overview.
Your manifest file must be named "manifest.json" and be at the top level of the upload package. Note that manifests and packages built previously might support an older version of the schema. For Teams apps and especially AppSource (formerly Office Store) submission, you must use the current manifest schema.
Specify the schema at the beginning of your manifest to enable IntelliSense or similar support from your code editor:
If your app contains a bot or messaging extension, the icons used will be the icons uploaded to your bot registration in the Bot Framework.
Microsoft Teams requires two icons for your app experience, to be used within the product. Icons must be included in the package and referenced via relative paths in the manifest. The maximum length of each path is 2048 bytes, and the format of the icon is .png.
color icon is used throughout Microsoft Teams (in app and tab galleries, bots, flyouts, and so on). This icon should be 192x192 pixels. Your icon can be any color (or colors), but the background should be your branded accent color. It should also have a small amount of padding surrounding the icon to accommodate the hexagonal cropping for the bot version of the icon.
outline icon is used in these places: the app bar and messaging extensions the user has marked as a "favorite." This icon must be 32x32 pixels. Your outline icon must contain only white and transparency (no other colors). The icon can be white with transparent background or transparent with a white background. The outline icon should not have extra padding surrounding the icon and should be as tightly cropped as possible while still maintaining the 32x32 dimensions. Here are a few good examples:
For example, say your company is Contoso. You'd submit two icons:
Here's how the icons would appear in the UI:
Bot and chiclet in Channel view
App bar and home screen