CartoAssets/icon_font

How to make changes in the CartoDB icon font

If you want to edit, add or remove any icon in our new CartoDB font, you should follow these steps:

• Check you have Sketch last version.
• Open font.sketch file and make your changes

Rules for your new icons:

• Size should have at max 500px of width/height.
• Place the icon accordingly with the grid.
• Icons should be completely black.
• Group the icon if it has several parts.
• Make icons exportable to SVG.
• Name your icon (layer/group) according to the pattern icon-font_xx_Name, where xx is a unique integer (increase it for each new icon).

When you're done with changes

• Select all icons, and export them to app/assets/fonts/icon_font/svgs folder (option should be visible in the bottom corner in your Sketch app):
  • 
  • Take into account that svgs folder is ignored.
• Open your terminal app and go to the CartoDB root folder.
• Install your node dependencies: npm install
• Now we will generate the new icon fonts + stylesheet. Just run: ./node_modules/.bin/gulp
• Check that your icon-font.css.scss and the cartoIcon fonts have been edited:
  • 

All done!