Hexagon Geospatial
MENU

Developers Knowledge Base

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.
Showing results for 
Search instead for 
Do you mean 

Adding new icons

by Technical Evangelist on ‎11-10-2017 07:49 AM - edited on ‎11-15-2017 01:19 AM by Technical Evangelist (349 Views)

Here are steps necessary to create your own set of icons with IcoMoon and attaching it to MobileMapWorks application

  1. Go to https://icomoon.io/ and click the "IcoMoon App" button in upper right corner. App will start on the "Selection" Panel
  2. Press "Import icons" button and select .svg files you want to add to the application
  3. If you want to remove color (to manage it from css), select edit tool toolbar-edit.pngand click chosen icon. In the window that pops up, click following buttons:remove-colors.png
  4. To remove unwanted icon, press "delete" button toolbar-delete.png, and click chosen icon. Warning! IcoMoon does not ask for confirmation, so it's easy to remove wrong icon by accident
  5. When you're satisfied with created set, select all chosen icons, either by pressing "select" button toolbar-select.pngand clicking icons individually, or chhosing "Select all" from hamburger menu select-all.png
  6. After selecting icons,go to "Generate Font" sections by selecting tab on the bottom of the screen.
  7. 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
  8. After finishing, press the "Download" button that appeared on the "Font" tab label on the bottom of the screen
  9. Save downloaded "icomoon.zip" file on your disk, and unpack it. 
  10. Copy "style.css" and folder "fonts" from unpacked archive to your application "src" folder
  11. Edit "index.html" file and add "<link rel="stylesheet" href="style.css" />" 
  12. For more orderly source, fonts with stylesheet can be put in a subfolder - entry in the "index.html" file must be modified accordingly
  13. New icons are ready to be used in Mobile MapWorks application
Overview