Icon Bot

Posted on  by



Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! All-New SVG Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Download 1,759 bot icons. Available in PNG and SVG formats. Ready to be used in web design, mobile apps and presentations. Get free Chatbot icons in iOS, Material, Windows and other design styles for web, mobile, and graphic design projects. These free images are pixel perfect to fit your design and available in both PNG and vector. Download icons in all formats or edit them for your designs. Also, be sure to check out new icons and popular icons.

-->

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 publish to either your Line of Business app catalog or to AppSource.

A Teams app package is a .zip file containing the following:

Icon Bot
  • 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.
  • Color and outline icons for your app.

Creating a manifest

Teams App Studio can help configure your manifest. It also contains a React control library and configurable samples for cards. For more information, 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.

Tip

Specify the schema at the beginning of your manifest to enable IntelliSense or similar support from your code editor:

'$schema': 'https://developer.microsoft.com/en-us/json-schemas/teams/v1.9/MicrosoftTeams.schema.json',

App icons

Your app package must include two PNG versions of your app icon—a color icon and an outline icon. For your app to pass the AppSource review, these icons must meet the following size requirements.

Note

If your app has a bot or messaging extension, your icons also will be included in your Microsoft Azure Bot Service registration.

Color icon

The color version of your icon displays in most Teams scenarios and must be 192x192 pixels. Your icon symbol (96x96 pixels) can be any color or colors, but it must sit on a solid or fully transparent square background.

Teams automatically crops your icon to display a square with rounded corners in multiple scenarios and a hexagonal shape in bot scenarios. Include 48 pixels of padding around your symbol so these crops can be made without losing any detail.

Outline icon

An outline icon displays in two scenarios:

  • When your app is in use and “hoisted” on the app bar on the left of Teams.
  • when a user pins your app's messaging extension.

The icon must be 32x32 pixels. It can be white with a transparent background or transparent with a white background (no other colors are permitted). The outline icon should not have any extra padding around the symbol.

Best practices

Do: Follow the precise outline icon guidelines

The RGB values of white used in your icon must be Red: 255, Green: 255, Blue: 255. All other parts of the outline icon must be fully transparent, with the alpha channel set to 0.

Don't: Crop in a circular or rounded square shape

Botol

The color icon submitted in your app package must be square. Don’t round the corners of your icon. Teams automatically adjusts the corner radius.

Examples

Here's how app icons appear in different Teams capabilities and contexts.

Personal app

Bot (channel)

Messaging extension

Icon Bout


The new and improved iCON Chat Bot is now live!

Sitel’s Barkada Referral Program is now easier and faster! You can now refer applicants through our newest digital Kabarkada—SAMI!

SAMI or Sitel Automated Messaging Intelligence is the newest iCON Referral Chat Bot.

The iCON Barkada Referral Program is a tool used by our Sitel Barkada in referring their friends and family to be part of Sitel. With everything going digital, Sitel found a way to make the barkada referral experience better and much more fun.

Icon Bot

Make your referrals as easy as chatting with a friend. Here is how you can meet SAMI:

TO REFER AN APPLICANT:

  1. Visit the PH iCON Barkada Chat Bot: https://philippines.sitel.com/barkada-referral-program/
  2. Click on SAMI – iCON Chat Bot on the Lower Right Panel.

Icon Bot Discord

  1. Click on Refer an Applicant.

Bot Icon Png

  1. Simply provide your Full Name, Account/Program, Employee ID, Site (from selection list), and Email Address.
  1. Once you entered your employee information, confirm your details based on the summary showed by SAMI. You may choose to accept to continue or start over:
  1. If you select to continue, simply enter the details of your candidate referral by providing his/her referral information: Name, Position (Agent or Non-Agent), Mobile Number (11 digits starting with 09 required), Email Address.
  1. Once you have completed entering the details of your referral, a summary will be displayed, you may opt to confirm or restart:
  1. Once confirmed, a summary of the candidate referral details will be displayed:

TO CHECK THE REFERRAL STATUS:

Icon Bot

  1. Simply select Status of Referrals

Icon Bot Discord

  1. Enter your Employee ID & Email Address
  1. SAMI will confirm your employee information and provide all your referrals.
  1. Simply click on the candidate referral name and the status will be displayed:

Icon Button

You can now start referring with SAMI! For a complete video guide, click on the clip below to know more. Happy referring, Kabarkada!