In this article, users will learn how to prepare icons or logos so that they can be uploaded into PAM.
This process has been split into 3 2 separate articles:
1. /wiki/spaces/PAMHC/pages/26233081512. How to prepare logos for PAM (current article)
32. How to upload icons and logos into PAM
...
How to prepare logos for PAM
PAM requires both .SVG and .PNG file logos when uploading a an icon or logo.
| Info |
|---|
1 |
...
. SVG file - This file type is required for the main icon or logo which will be used for Location / Tenant detail cards. |
| Info |
|---|
2. 2x .PNG files - This file type is required for the dark and light mode map icon or logo. When dark mode map is |
...
active, the icon or logo for dark mode will appear and when light mode is |
...
active, the icon or logo for light mode will |
...
be shown on the map. |
...
How to prepare icons or logos
...
Icons or Logos are typically created as a vector file. A vector file is a scalable and editable image that is commonly used in graphic design and illustration software programs. The common vector file types include .svg, .ai, and .eps. You need to import icons or logos that support any of these 3 vector file types before proceeding.
| Info |
|---|
Note: Logos can’t Use vector file to create SVG & PNG icons or logos. Can’t be raster images such as .PNG or .JPG. |
| Info |
|---|
Recommended standard map icon size: 24 x 24px Recommended tenant logo size: Total area of 1250px +- 1% (Please see example below) |
...
You can prepare icons or logos in any 'editor' of your choice. A good example would be Adobe XD, Adobe Illustrator or Figma.
Don't have your own set of icons? We have a general set of icons you can download!
Click here to download our icons
If you want your own set of 'icons', you can download icons for free at Google icons or at any other downloadable icon website.
Steps
1. Open Adobe XD > Import your vector file icon or logos to Adobe XD
2. Select the artboard tool
3. Create an artboard
4. Maximum size 120px 200px (width) x 32px (height) OR 32px (width) x 120px 200px (height)
...
5. Place the black and white logos inside the artboard.
...
12. Select format as an .SVG file
13. Click on Export
...
Video reference
| Widget Connector | ||||||
|---|---|---|---|---|---|---|
|
...