Google Material Icons as array - any ideas?

SigmaSteve

I'm implementing the Google Material Icons into my application - https://www.google.com/design/icons/

I would like to be able to populate a select field, so that it displays either the names of the icons, or the icons themselves, with the value of the option being the numeric character reference (so it's compatible with browsers that don't support ligatures - IE < 10).

I want to get all of the icons into an array so I can generate the option elements of the select. So, this sort of thing:

$icons = array(
    "&#xE84D;" => "3d rotation",
    "&#xE84E;" => "accessibility",
    etc. etc.
);

I would rather not have to sit and manually create this array from all 750 items, so I am wondering if anyone has any ideas for an automated way to do this?

hellodaniel

You can load the MaterialIcons-Regular.ijmap json file that comes along with the fonts.

PHP example show:

// Get the contents on the ijmap bundled with the icon font
$list = json_decode(file_get_contents('path/to/MaterialIcons-Regular.ijmap'), true);
$icons = []; 

foreach ($list['icons'] as $i => $data) {
    $icons[$i] = $data['name']; 
}

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Google+1 on another line instead of inline with other social icons. Any ideas?

Is there any method to use material UI icons?

Swap bootstrap text class for a google material icons

Google material design icons not loading in Chrome

Google Material Icons alignment in Bootstrap buttons

Rendering Material-UI icons from an array

Any ideas to troubleshoot a error message on Google Map API?

Porting a big array from Python to C++ (Any Ideas)

Why Google Material Icons Can't be Shown on Mobile

How do I add material Icons to an array and pass it through props

Replace Google Material Icons with Own Icons, Keep Same Content Code or Create New One

If statement not running: any ideas?

cookie not storing, any ideas?

Any ideas for a php code for this?

Any ideas to mask the input?

Is there any fast way I can use to import React.js Material Icons in just Single line?

Reactjs material icons in css

AngularJS and material icons

use material icons in highcharts

Angular Material icons not working

Toggle material design icons

Material UI Individual Icons

Material Design Icons

Flutter - Google Play Pre-launch Error - Any ideas what is this about?

Installed second Google Analytics tracking code, pageviews increased and bounce rate dropped exponentially. Any ideas why?

Any ideas why I'm getting a delay after clicking "Save as" or "Download" in Google Chrome

how to get a maximum values of two peaks of an array and take them away using for loops? any ideas?

My App Says - Cannot use object of type stdClass as array, any ideas?

Icons (fontawesome, material icons) with blinking !/? issue