Mobile and field solutions function as an extension of the overall enterprise, and include the ability to access, create, review and update geospatial data and asset information in real-time in the field.
Here are steps necessary to create your own set of icons with IcoMoon and attaching it to MobileMapWorks application
Go to https://icomoon.io/ and click the "IcoMoon App" button in upper right corner. App will start on the "Selection" Panel
Press "Import icons" button and select .svg files you want to add to the application
If you want to remove color (to manage it from css), select edit tool and click chosen icon. In the window that pops up, click following buttons:
To remove unwanted icon, press "delete" button , and click chosen icon. Warning! IcoMoon does not ask for confirmation, so it's easy to remove wrong icon by accident
When you're satisfied with created set, select all chosen icons, either by pressing "select" button and clicking icons individually, or chhosing "Select all" from hamburger menu
After selecting icons,go to "Generate Font" sections by selecting tab on the bottom of the screen.
IMPORTANT. Press "Preferences" button on top of the screen and change font name ("icomoon" is already used in application). It's also preferable to change class prefix, as we use "icon-" is already used and may cause conflict if icon names are the same
After finishing, press the "Download" button that appeared on the "Font" tab label on the bottom of the screen
Save downloaded "icomoon.zip" file on your disk, and unpack it.
Copy "style.css" and folder "fonts" from unpacked archive to your application "src" folder
Edit "index.html" file and add "<link rel="stylesheet" href="style.css" />"
For more orderly source, fonts with stylesheet can be put in a subfolder - entry in the "index.html" file must be modified accordingly
New icons are ready to be used in Mobile MapWorks application