Every time when starting a new web design project, itв's always a good idea to begin with a wireframe. The purpose of a wireframe is to communicate the layout of a page without getting caught up in color and design elements.
Fontastic is another solid option for that which enables us to choose items from multiple icon sets. The chosen items are combined into a single font with a click where this approach helps minimizing the font size as we only choose the icons needed.
Cardinal is a small and mobile-first CSS framework that positions itself as a starter-kit, provides the basics and lets the users customize/develop the rest.