Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-37231

Make the new SVG icons into an icon font

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Won't Do
    • 2.4
    • None
    • Themes
    • MOODLE_24_STABLE

    Description

      The new SVG icons are cool, but it would be nice if you could use the relatively common icon font method to embed them rather than as SVG images.

      Advantages include easy recoloring, drop-shadows and other fancy CSS text effects and IE support amongst other things.

      There some info on how to do this here:

      http://www.webdesignerdepot.com/2012/01/how-to-make-your-own-icon-webfont/

      Note, I'm talking about the monochrome icons used for actions, not the multicolor ones used for activity icons, which wouldn't be appropriate.

      Attachments

        1. fontcustom.zip
          23 kB
        2. fontcustom-with-demo.zip
          24 kB
        3. icon_font.png
          icon_font.png
          40 kB

        Issue Links

          has a non-specific relationship to

          Sub-task - Issues are sometimes broken into multiple sub-tasks. MDL-39138 Navigation missing icons in BS

          • Major - Major loss of function, incorrect output
          • Closed

          New Feature - A new Moodle feature which has yet to be developed. MDL-23493 Support for including a font through theme CSS

          • Minor - Minor loss of function where workaround is possible
          • Closed
          has been marked as being related by

          Sub-task - Issues are sometimes broken into multiple sub-tasks. MDL-38016 Add a Moodle bootstrap theme to Moodle CORE

          • Blocker - Blocks development and/or testing, prevents Moodle from running (applicable to bugs only)
          • Closed

          New Feature - A new Moodle feature which has yet to be developed. MDL-40759 Use the Font Awesome icon font for all icons in Moodle

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Task - A task that needs to be completed. Tasks usually refer to work that must be done outside the product. MDL-40770 Implement Icons for TinyMCE 3.*

          • Minor - Minor loss of function where workaround is possible
          • Closed
          will help resolve

          New Feature - A new Moodle feature which has yet to be developed. MDL-40148 Add a YUI Pure Theme to Moodle

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Improvement - An enhancement to an existing Moodle feature. MDL-40582 Theme icon colours

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Improvement - An enhancement to an existing Moodle feature. MOBILE-915 Replace ionic icons with Moodle font icons

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              Unassigned Unassigned
              bawjaws David Scotson
              Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              10 Vote for this issue
              Watchers:
              17 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: