Consolidate icons into TM typeface

[DinisCruz]

I completely agree with @luchia on her comment at https://github.com/TeamMentor/TM_4_0_Design/issues/574

One thought I've had is that maybe we should look at doing our own icon set. We currently have upwards of 250 icons attached to our application, of which we use roughly 20. It's nice to have options, but it is excess code in our stylesheets. If we created our own typeface set, we could take icons from wherever we like (eg. some from Bootstrap, some from Foundation, some from other locations) and create the one set that really represents the supporting text.

This will make it easier to keep a consistent fell for all icons and reduce the amount of files/css/icons we need to load

---

EDIT BY LUCY: Adding checklist to this so it's easy to track -

I've seperated the icons into two different types - ones that are able to be more creative and ones that need to be simple. The ones that are able to be more creative:

• [x] Fix vulnerabilities
• [x] Reduce vulnerabilities
• [x] Expand knowledge
• [x] Delivers compliance
• [x] Integrates
• [x] Stores and cross-references
• [x] Provides guidance

The other icons, which are only going to appear in the application and need to be very simple, are the following:

• [x] Footer Email
• [x] Footer Twitter
• [x] Footer TOC
• [x] Button 'Start your free trial'
• [x] Button 'See for yourself'
• [x] Search icon
• [x] Index icon
• [x] Docs icon
• [x] Logout icon
• [x] Contact team icon
• [x] Filter / Technology / Web Application icon
• [x] Filter / Technology / All icon
• [x] Filter / Technology / C++ icon
• [x] Filter / Technology / iOS icon
• [x] Filter / Technology / Android icon
• [x] Filter / Technology / Java icon
• [x] Filter / Technology / .NET icon
• [x] Filter / Technology / Scala Play icon
• [x] Filter / Technology / PHP icon
• [x] Filter / Technology / HTML5 icon
• [x] Filter / Type / Guideline icon
• [x] Filter / Type / Checklist Item icon
• [x] Filter / Type / How To icon
• [x] Filter / Type / Code Example icon
• [x] Filter / Type / Vulnerability icon
• [x] Filter / Phase / Deployment icon
• [x] Filter / Phase / Design icon
• [x] Filter / Phase / Implementation icon
• [x] Filter / Phase / Test icon
• [x] Flare - Filters Icon
• [x] Flare - Save Icon
• [x] Flare - Share Icon
• [x] Flare - Trash Icon
• [x] Flare - Saved Articles Icon

[romichg]

@pjenney58 C is not in the application because our content is for C++ :) Now I do agree we need specific guidance for C, but this is not what this issue is about :)

[romichg]

@luchia Icon's look great, can't wait to see them in the app.

[luchia]

Related to issue #750, here are the icons I made for the Phase filters -

[luchia]

This issue is ready to be QA'ed on both Flare and Jade. All icons are now in both versions of the application. The following icons are in Flare only -

If and when we need more icons, I have created them in an easy to maintain way which allows us to continue to add relevant ones as we require. Changing the tag to QA and assigning to Roman for QA/closing.

[romichg]

This was a great effort. Very well done. Closing!