Material Icons Search

[python-and-fiction]

In order to search Material Icons name during developing, I made 'Material Icons Search'.For me, it is not easy to visit google's site.Maybe it is useful for guys like me.

First, download source code of Material Icons from https://github.com/google/material-design-icons/archive/master.zip
And extract it.
Then use following code to generate result. Replace main path before run it, it should be your path which is same as your extracted source code dir.
The result is so big, you can generate it by yourself, or get it from me

import os

icon_name_dict = {}
map_name1 = {
    'materialiconstwotone': '',
    'materialicons': '',
    'materialiconsoutlined': 'o_',
    'materialiconsround': 'r_',
    'materialiconssharp': 's_',
}
map_name2 = {
    'materialsymbolsoutlined':'sym_o_', 
    'materialsymbolsrounded':'sym_r_', 
    'materialsymbolssharp':'sym_s_'
}

# main path:
sym_path = 'e:/Projects/material-design-icons-master/symbols/android'
src_path = 'e:/Projects/material-design-icons-master/src'
result_path = f'{os.path.dirname(os.path.abspath(__file__))}/result.txt'

# search name:
# https://fonts.google.com/icons?icon.set=Material+Icons
# source code link:
# https://github.com/google/material-design-icons/archive/master.zip

for names in os.listdir(src_path):
    for name in os.listdir(src_path+f'/{names}'):
        icon_name_dict.update({name: []})
        for typ in os.listdir(src_path+f'/{names}/{name}'):
            icon_name_dict[name].append(map_name1[typ])

for name in os.listdir(sym_path):
    if name not in icon_name_dict.keys():
        icon_name_dict.update({name: []})
    for typ in os.listdir(sym_path+f'/{name}'):
        icon_name_dict[name].append(map_name2[typ])

for k in icon_name_dict.keys():
    icon_name_dict[k] = list(set(icon_name_dict[k]))

with open(result_path, 'w') as f:
    f.write(str(icon_name_dict))

Put the result and the following code in same place:

from nicegui import ui
import os

result = {}
with open(f'{os.path.dirname(os.path.abspath(__file__))}/result.txt') as f:
    result = eval(f.read())

icon_name_list = list(result.keys())


with ui.row():
    icon_name = ui.select(icon_name_list, value='3d_rotation',label='icon name:', with_input=True).classes('w-64')
    zoom_spec = ui.switch().tooltip('show bigger icon')

@ui.refreshable
def icon_type():
    icon_prefix = ui.select(result[icon_name.value], value=result[icon_name.value][0], label='icon type:').classes('w-64')
    icon_prefix.bind_visibility_from(zoom_spec,'value')
    @ui.refreshable
    def icon_type_card():
        with ui.card().bind_visibility_from(zoom_spec,'value'):
            with ui.column():
                ui.label(icon_prefix.value+icon_name.value+':')
                ui.icon(icon_prefix.value+icon_name.value, size='10em')

    icon_type_card()
    icon_prefix.on_value_change(icon_type_card.refresh)

icon_type()


@ui.refreshable
def demo():
    with ui.card().bind_visibility_from(zoom_spec,'value',lambda x:not x):
        ui.label(icon_name.value+':')
        with ui.row():
            for i in sorted(result[icon_name.value]):
                with ui.icon(i+icon_name.value, size='3em'):
                    ui.tooltip(i+icon_name.value).tailwind.font_size('sm')

demo()
icon_name.on_value_change(demo.refresh)
icon_name.on_value_change(icon_type.refresh)

ui.run(native=True,title='Material Icons Search')

Run it.