Elenco icone Google in un array php

Come creare un elenco di icone Google con tutti i nomi direttamente dalla repository ufficiale?

Se vuoi implementare le icone Google sul tuo sito e non vuoi scrivere manualmente tutti i nomi allora questo elenco fa al caso tuo.

Questo è molto utile anche quando hai bisogno di un box contenente tutte le icone di Google per sceglierle tramite un click dal frontend.

In questa guida vedremo come creare un array in php contenente tutti i nomi presi direttamente da un file di testo.

Prima di iniziare verifica come installare Material Icons sul tuo sito web senza plugin.

Per prima cosa dobbiamo creare un file di testo contenente appunto l’elenco icone di Google, questo è il codice.

10k|10mp|11mp|12mp|13mp|14mp|15mp|16mp|17mp|18mp|19mp|1k|1k_plus|20mp|21mp|22mp|23mp|24mp|2k|2k_plus|2mp|360|3d_rotation|3k|3k_plus|3mp|4k|4k_plus|4mp|5g|5k|5k_plus|5mp|6_ft_apart|6k|6k_plus|6mp|7k|7k_plus|7mp|8k|8k_plus|8mp|9k|9k_plus|9mp|ac_unit|access_alarm|access_alarms|access_time|accessibility|accessibility_new|accessible|accessible_forward|account_balance|account_balance_wallet|account_box|account_circle|account_tree|ad_units|adb|add|add_a_photo|add_alarm|add_alert|add_box|add_business|add_call|add_chart|add_circle|add_circle_outline|add_comment|add_ic_call|add_link|add_location|add_location_alt|add_moderator|add_photo_alternate|add_road|add_shopping_cart|add_task|add_to_drive|add_to_home_screen|add_to_photos|add_to_queue|addchart|adjust|admin_panel_settings|agriculture|airline_seat_flat|airline_seat_flat_angled|airline_seat_individual_suite|airline_seat_legroom_extra|airline_seat_legroom_normal|airline_seat_legroom_reduced|airline_seat_recline_extra|airline_seat_recline_normal|airplanemode_active|airplanemode_inactive|airplanemode_off|airplanemode_on|airplay|airport_shuttle|alarm|alarm_add|alarm_off|alarm_on|album|align_horizontal_center|align_horizontal_left|align_horizontal_right|align_vertical_bottom|align_vertical_center|align_vertical_top|all_inbox|all_inclusive|all_out|alt_route|alternate_email|amp_stories|analytics|anchor|android|animation|announcement|apartment|api|app_blocking|app_registration|app_settings_alt|approval|apps|architecture|archive|arrow_back|arrow_back_ios|arrow_circle_down|arrow_circle_up|arrow_downward|arrow_drop_down|arrow_drop_down_circle|arrow_drop_up|arrow_forward|arrow_forward_ios|arrow_left|arrow_right|arrow_right_alt|arrow_upward|art_track|article|aspect_ratio|assessment|assignment|assignment_ind|assignment_late|assignment_return|assignment_returned|assignment_turned_in|assistant|assistant_direction|assistant_navigation|assistant_photo|atm|attach_email|attach_file|attach_money|attachment|attractions|audiotrack|auto_awesome|auto_awesome_mosaic|auto_awesome_motion|auto_delete|auto_fix_high|auto_fix_normal|auto_fix_off|auto_stories|autorenew|av_timer|baby_changing_station|backpack|backspace|backup|backup_table|badge|bakery_dining|ballot|bar_chart|batch_prediction|bathtub|battery_alert|battery_charging_full|battery_full|battery_std|battery_unknown|beach_access|bedtime|beenhere|bento|bike_scooter|biotech|block|block_flipped|bluetooth|bluetooth_audio|bluetooth_connected|bluetooth_disabled|bluetooth_searching|blur_circular|blur_linear|blur_off|blur_on|bolt|book|book_online|bookmark|bookmark_border|bookmark_outline|bookmarks|border_all|border_bottom|border_clear|border_color|border_horizontal|border_inner|border_left|border_outer|border_right|border_style|border_top|border_vertical|branding_watermark|breakfast_dining|brightness_1|brightness_2|brightness_3|brightness_4|brightness_5|brightness_6|brightness_7|brightness_auto|brightness_high|brightness_low|brightness_medium|broken_image|browser_not_supported|brunch_dining|brush|bubble_chart|bug_report|build|build_circle|burst_mode|bus_alert|business|business_center|cached|cake|calculate|calendar_today|calendar_view_day|call|call_end|call_made|call_merge|call_missed|call_missed_outgoing|call_received|call_split|call_to_action|camera|camera_alt|camera_enhance|camera_front|camera_rear|camera_roll|campaign|cancel|cancel_presentation|cancel_schedule_send|car_rental|car_repair|card_giftcard|card_membership|card_travel|carpenter|cases|casino|cast|cast_connected|cast_for_education|category|celebration|cell_wifi|center_focus_strong|center_focus_weak|change_history|charging_station|chat|chat_bubble|chat_bubble_outline|check|check_box|check_box_outline_blank|check_circle|check_circle_outline|checkroom|chevron_left|chevron_right|child_care|child_friendly|chrome_reader_mode|circle|circle_notifications|class|clean_hands|cleaning_services|clear|clear_all|close|close_fullscreen|closed_caption|closed_caption_disabled|closed_caption_off|cloud|cloud_circle|cloud_done|cloud_download|cloud_off|cloud_queue|cloud_upload|code|collections|collections_bookmark|color_lens|colorize|comment|comment_bank|commute|compare|compare_arrows|compass_calibration|compress|computer|confirmation_num|confirmation_number|connect_without_contact|connected_tv|construction|contact_mail|contact_page|contact_phone|contact_support|contactless|contacts|content_copy|content_cut|content_paste|control_camera|control_point|control_point_duplicate|copyright|coronavirus|corporate_fare|countertops|create|create_new_folder|credit_card|crop|crop_16_9|crop_3_2|crop_5_4|crop_7_5|crop_din|crop_free|crop_landscape|crop_original|crop_portrait|crop_rotate|crop_square|dangerous|dashboard|dashboard_customize|data_usage|date_range|deck|dehaze|delete|delete_forever|delete_outline|delete_sweep|delivery_dining|departure_board|description|design_services|desktop_access_disabled|desktop_mac|desktop_windows|details|developer_board|developer_mode|device_hub|device_thermostat|device_unknown|devices|devices_other|dialer_sip|dialpad|dinner_dining|directions|directions_bike|directions_boat|directions_bus|directions_car|directions_ferry|directions_off|directions_railway|directions_run|directions_subway|directions_train|directions_transit|directions_walk|dirty_lens|disabled_by_default|disc_full|dnd_forwardslash|dns|do_not_disturb|do_not_disturb_alt|do_not_disturb_off|do_not_disturb_on|do_not_step|do_not_touch|dock|domain|domain_disabled|domain_verification|done|done_all|done_outline|donut_large|donut_small|double_arrow|drafts|drag_handle|drag_indicator|drive_eta|drive_file_move|drive_file_move_outline|drive_file_rename_outline|drive_folder_upload|dry|dry_cleaning|duo|dvr|dynamic_feed|dynamic_form|east|eco|edit|edit_attributes|edit_location|edit_off|edit_road|eject|elderly|electric_bike|electric_car|electric_moped|electric_rickshaw|electric_scooter|electrical_services|elevator|email|emoji_emotions|emoji_events|emoji_flags|emoji_food_beverage|emoji_nature|emoji_objects|emoji_people|emoji_symbols|emoji_transportation|engineering|enhance_photo_translate|enhanced_encryption|equalizer|error|error_outline|escalator|escalator_warning|euro|euro_symbol|ev_station|event|event_available|event_busy|event_note|event_seat|exit_to_app|expand|expand_less|expand_more|explicit|explore|explore_off|exposure|exposure_minus_1|exposure_minus_2|exposure_neg_1|exposure_neg_2|exposure_plus_1|exposure_plus_2|exposure_zero|extension|face|face_retouching_natural|facebook|fact_check|family_restroom|fast_forward|fast_rewind|fastfood|favorite|favorite_border|favorite_outline|featured_play_list|featured_video|feedback|fence|festival|fiber_dvr|fiber_manual_record|fiber_new|fiber_pin|fiber_smart_record|file_copy|file_download|file_download_done|file_present|file_upload|filter|filter_1|filter_2|filter_3|filter_4|filter_5|filter_6|filter_7|filter_8|filter_9|filter_9_plus|filter_alt|filter_b_and_w|filter_center_focus|filter_drama|filter_frames|filter_hdr|filter_list|filter_list_alt|filter_none|filter_tilt_shift|filter_vintage|find_in_page|find_replace|fingerprint|fire_extinguisher|fire_hydrant|fireplace|first_page|fit_screen|fitness_center|flag|flaky|flare|flash_auto|flash_off|flash_on|flight|flight_land|flight_takeoff|flip|flip_camera_android|flip_camera_ios|flip_to_back|flip_to_front|folder|folder_open|folder_shared|folder_special|follow_the_signs|font_download|food_bank|format_align_center|format_align_justify|format_align_left|format_align_right|format_bold|format_clear|format_color_fill|format_color_reset|format_color_text|format_indent_decrease|format_indent_increase|format_italic|format_line_spacing|format_list_bulleted|format_list_numbered|format_list_numbered_rtl|format_paint|format_quote|format_shapes|format_size|format_strikethrough|format_textdirection_l_to_r|format_textdirection_r_to_l|format_underline|format_underlined|forum|forward|forward_10|forward_30|forward_5|forward_to_inbox|foundation|free_breakfast|fullscreen|fullscreen_exit|functions|g_translate|gamepad|games|gavel|gesture|get_app|gif|goat|golf_course|gps_fixed|gps_not_fixed|gps_off|grade|gradient|grading|grain|graphic_eq|grass|grid_off|grid_on|grid_view|group|group_add|group_work|groups|hail|handyman|hardware|hd|hdr_enhanced_select|hdr_off|hdr_on|hdr_strong|hdr_weak|headset|headset_mic|headset_off|healing|hearing|hearing_disabled|height|help|help_center|help_outline|high_quality|highlight|highlight_alt|highlight_off|highlight_remove|history|history_edu|history_toggle_off|home|home_filled|home_repair_service|home_work|horizontal_distribute|horizontal_rule|horizontal_split|hot_tub|hotel|hourglass_bottom|hourglass_disabled|hourglass_empty|hourglass_full|hourglass_top|house|house_siding|how_to_reg|how_to_vote|http|https|hvac|icecream|image|image_aspect_ratio|image_not_supported|image_search|imagesearch_roller|import_contacts|import_export|important_devices|inbox|indeterminate_check_box|info|info_outline|input|insert_chart|insert_chart_outlined|insert_comment|insert_drive_file|insert_emoticon|insert_invitation|insert_link|insert_photo|insights|integration_instructions|inventory|invert_colors|invert_colors_off|invert_colors_on|ios_share|iso|keyboard|keyboard_arrow_down|keyboard_arrow_left|keyboard_arrow_right|keyboard_arrow_up|keyboard_backspace|keyboard_capslock|keyboard_control|keyboard_hide|keyboard_return|keyboard_tab|keyboard_voice|king_bed|kitchen|label|label_important|label_important_outline|label_off|label_outline|landscape|language|laptop|laptop_chromebook|laptop_mac|laptop_windows|last_page|launch|layers|layers_clear|leaderboard|leak_add|leak_remove|leave_bags_at_home|legend_toggle|lens|library_add|library_add_check|library_books|library_music|lightbulb|lightbulb_outline|line_style|line_weight|linear_scale|link|link_off|linked_camera|liquor|list|list_alt|live_help|live_tv|local_activity|local_airport|local_atm|local_attraction|local_bar|local_cafe|local_car_wash|local_convenience_store|local_dining|local_drink|local_fire_department|local_florist|local_gas_station|local_grocery_store|local_hospital|local_hotel|local_laundry_service|local_library|local_mall|local_movies|local_offer|local_parking|local_pharmacy|local_phone|local_pizza|local_play|local_police|local_post_office|local_print_shop|local_printshop|local_restaurant|local_see|local_shipping|local_taxi|location_city|location_disabled|location_history|location_off|location_on|location_pin|location_searching|lock|lock_clock|lock_open|lock_outline|login|logout|looks|looks_3|looks_4|looks_5|looks_6|looks_one|looks_two|loop|loupe|low_priority|loyalty|luggage|lunch_dining|mail|mail_outline|map|maps_ugc|margin|mark_as_unread|mark_chat_read|mark_chat_unread|mark_email_read|mark_email_unread|markunread|markunread_mailbox|masks|maximize|mediation|medical_services|meeting_room|memory|menu|menu_book|menu_open|merge_type|message|messenger|messenger_outline|mic|mic_external_off|mic_external_on|mic_none|mic_off|microwave|military_tech|minimize|miscellaneous_services|missed_video_call|mms|mobile_friendly|mobile_off|mobile_screen_share|mode_comment|mode_edit|model_training|monetization_on|money|money_off|monitor|monochrome_photos|mood|mood_bad|moped|more|more_horiz|more_time|more_vert|motion_photos_off|motion_photos_on|motion_photos_pause|motion_photos_paused|motorcycle|mouse|move_to_inbox|movie|movie_creation|movie_filter|mp|multiline_chart|multiple_stop|multitrack_audio|museum|music_note|music_off|music_video|my_library_add|my_library_books|my_library_music|my_location|nat|nature|nature_people|navigate_before|navigate_next|navigation|near_me|near_me_disabled|network_cell|network_check|network_locked|network_wifi|new_releases|next_plan|next_week|nfc|night_shelter|nightlife|nightlight_round|nights_stay|no_backpack|no_cell|no_drinks|no_encryption|no_flash|no_food|no_luggage|no_meals|no_meals_ouline|no_meeting_room|no_photography|no_sim|no_stroller|no_transfer|north|north_east|north_west|not_accessible|not_interested|not_listed_location|not_started|note|note_add|notes|notification_important|notifications|notifications_active|notifications_none|notifications_off|notifications_on|notifications_paused|now_wallpaper|now_widgets|offline_bolt|offline_pin|offline_share|ondemand_video|online_prediction|opacity|open_in_browser|open_in_full|open_in_new|open_with|outbond|outbox|outdoor_grill|outgoing_mail|outlet|outlined_flag|padding|pages|pageview|palette|pan_tool|panorama|panorama_fish_eye|panorama_fisheye|panorama_horizontal|panorama_horizontal_select|panorama_photosphere|panorama_photosphere_select|panorama_vertical|panorama_vertical_select|panorama_wide_angle|panorama_wide_angle_select|park|party_mode|pause|pause_circle_filled|pause_circle_outline|pause_presentation|payment|payments|pedal_bike|pending|pending_actions|people|people_alt|people_outline|perm_camera_mic|perm_contact_cal|perm_contact_calendar|perm_data_setting|perm_device_info|perm_device_information|perm_identity|perm_media|perm_phone_msg|perm_scan_wifi|person|person_add|person_add_alt|person_add_alt_1|person_add_disabled|person_outline|person_pin|person_pin_circle|person_remove|person_remove_alt_1|person_search|personal_video|pest_control|pest_control_rodent|pets|phone|phone_android|phone_bluetooth_speaker|phone_callback|phone_disabled|phone_enabled|phone_forwarded|phone_in_talk|phone_iphone|phone_locked|phone_missed|phone_paused|phonelink|phonelink_erase|phonelink_lock|phonelink_off|phonelink_ring|phonelink_setup|photo|photo_album|photo_camera|photo_camera_back|photo_camera_front|photo_filter|photo_library|photo_size_select_actual|photo_size_select_large|photo_size_select_small|picture_as_pdf|picture_in_picture|picture_in_picture_alt|pie_chart|pie_chart_outlined|pin_drop|pivot_table_chart|place|plagiarism|play_arrow|play_circle_fill|play_circle_filled|play_circle_outline|play_disabled|play_for_work|playlist_add|playlist_add_check|playlist_play|plumbing|plus_one|point_of_sale|policy|poll|polymer|pool|portable_wifi_off|portrait|post_add|power|power_input|power_off|power_settings_new|pregnant_woman|present_to_all|preview|print|print_disabled|priority_high|privacy_tip|psychology|public|public_off|publish|published_with_changes|push_pin|qr_code|qr_code_2|qr_code_scanner|query_builder|question_answer|queue|queue_music|queue_play_next|quick_contacts_dialer|quick_contacts_mail|quickreply|radio|radio_button_checked|radio_button_off|radio_button_on|radio_button_unchecked|railway_alert|ramen_dining|rate_review|read_more|receipt|receipt_long|recent_actors|recommend|record_voice_over|redeem|redo|reduce_capacity|refresh|remove|remove_circle|remove_circle_outline|remove_done|remove_from_queue|remove_moderator|remove_red_eye|remove_shopping_cart|reorder|repeat|repeat_on|repeat_one|repeat_one_on|replay|replay_10|replay_30|replay_5|replay_circle_filled|reply|reply_all|report|report_off|report_problem|request_page|request_quote|reset_tv|restaurant|restaurant_menu|restore|restore_from_trash|restore_page|rice_bowl|ring_volume|roofing|room|room_preferences|room_service|rotate_90_degrees_ccw|rotate_left|rotate_right|rounded_corner|router|rowing|rss_feed|rtt|rule|rule_folder|run_circle|rv_hookup|sanitizer|satellite|save|save_alt|saved_search|scanner|scatter_plot|schedule|schedule_send|school|science|score|screen_lock_landscape|screen_lock_portrait|screen_lock_rotation|screen_rotation|screen_search_desktop|screen_share|sd|sd_card|sd_storage|search|search_off|security|segment|select_all|self_improvement|send|send_and_archive|send_to_mobile|sensor_door|sensor_window|sentiment_dissatisfied|sentiment_neutral|sentiment_satisfied|sentiment_satisfied_alt|sentiment_very_dissatisfied|sentiment_very_satisfied|set_meal|settings|settings_applications|settings_backup_restore|settings_bluetooth|settings_brightness|settings_cell|settings_display|settings_ethernet|settings_input_antenna|settings_input_component|settings_input_composite|settings_input_hdmi|settings_input_svideo|settings_overscan|settings_phone|settings_power|settings_remote|settings_system_daydream|settings_voice|share|shield|shop|shop_two|shopping_bag|shopping_basket|shopping_cart|short_text|show_chart|shuffle|shuffle_on|shutter_speed|sick|signal_cellular_0_bar|signal_cellular_4_bar|signal_cellular_alt|signal_cellular_connected_no_internet_4_bar|signal_cellular_no_sim|signal_cellular_null|signal_cellular_off|signal_wifi_0_bar|signal_wifi_4_bar|signal_wifi_4_bar_lock|signal_wifi_off|sim_card|sim_card_alert|single_bed|skip_next|skip_previous|slideshow|slow_motion_video|smart_button|smartphone|smoke_free|smoking_rooms|sms|sms_failed|snippet_folder|snooze|soap|sort|sort_by_alpha|source|south|south_east|south_west|spa|space_bar|speaker|speaker_group|speaker_notes|speaker_notes_off|speaker_phone|speed|spellcheck|sports|sports_bar|sports_baseball|sports_basketball|sports_cricket|sports_esports|sports_football|sports_golf|sports_handball|sports_hockey|sports_kabaddi|sports_mma|sports_motorsports|sports_rugby|sports_soccer|sports_tennis|sports_volleyball|square_foot|stacked_bar_chart|stacked_line_chart|stairs|star|star_border|star_half|star_outline|star_outline|star_rate|stars|stay_current_landscape|stay_current_portrait|stay_primary_landscape|stay_primary_portrait|sticky_note_2|stop|stop_circle|stop_screen_share|storage|store|store_mall_directory|storefront|straighten|stream|streetview|strikethrough_s|stroller|style|subdirectory_arrow_left|subdirectory_arrow_right|subject|subscript|subscriptions|subtitles|subtitles_off|subway|superscript|supervised_user_circle|supervisor_account|support|support_agent|surround_sound|swap_calls|swap_horiz|swap_horizontal_circle|swap_vert|swap_vert_circle|swap_vertical_circle|swipe|switch_account|switch_camera|switch_left|switch_right|switch_video|sync|sync_alt|sync_disabled|sync_problem|system_update|system_update_alt|system_update_tv|tab|tab_unselected|table_chart|table_rows|table_view|tablet|tablet_android|tablet_mac|tag|tag_faces|takeout_dining|tap_and_play|tapas|taxi_alert|terrain|text_fields|text_format|text_rotate_up|text_rotate_vertical|text_rotation_angledown|text_rotation_angleup|text_rotation_down|text_rotation_none|text_snippet|textsms|texture|theater_comedy|theaters|thumb_down|thumb_down_alt|thumb_down_off_alt|thumb_up|thumb_up_alt|thumb_up_off_alt|thumbs_up_down|time_to_leave|timelapse|timeline|timer|timer_10|timer_3|timer_off|title|toc|today|toggle_off|toggle_on|toll|tonality|topic|touch_app|tour|toys|track_changes|traffic|train|tram|transfer_within_a_station|transform|transit_enterexit|translate|trending_down|trending_flat|trending_neutral|trending_up|trip_origin|tty|tune|turned_in|turned_in_not|tv|tv_off|two_wheeler|umbrella|unarchive|undo|unfold_less|unfold_more|unpublished|unsubscribe|update|update_disabled|upgrade|upload_file|usb|verified|verified_user|vertical_align_bottom|vertical_align_center|vertical_align_top|vertical_distribute|vertical_split|vibration|video_call|video_collection|video_label|video_library|video_settings|videocam|videocam_off|videogame_asset|view_agenda|view_array|view_carousel|view_column|view_comfortable|view_comfy|view_compact|view_day|view_headline|view_in_ar|view_list|view_module|view_quilt|view_sidebar|view_stream|view_week|vignette|visibility|visibility_off|voice_chat|voice_over_off|voicemail|volume_down|volume_mute|volume_off|volume_up|volunteer_activism|vpn_key|vpn_lock|wallet_giftcard|wallet_membership|wallet_travel|wallpaper|warning|wash|watch|watch_later|water_damage|waterfall_chart|waves|wb_auto|wb_cloudy|wb_incandescent|wb_iridescent|wb_shade|wb_sunny|wb_twighlight|wc|web|web_asset|weekend|west|whatshot|wheelchair_pickup|where_to_vote|widgets|wifi|wifi_calling|wifi_lock|wifi_off|wifi_protected_setup|wifi_tethering|wine_bar|work|work_off|work_outline|workspaces_filled|workspaces_outline|wrap_text|wrong_location|wysiwyg|youtube_searched_for|zoom_in|zoom_out|zoom_out_map

Ora salva il tuo file con un nome a tua scelta e l’estensione .txt e caricalo tra i file del tuo sito.

I nomi delle icone in questo file sono separate da una barra verticale, questo ci servirà nel resto del codice php.

Per recuperare tutte le nostre icone abbiamo bisogno di caricare il nostro file di testo sul server del nostro sito e poi utilizzare la funzione file_get_contents() di php in questo modo:

$dir =”www.il-mio-sito.it/percorso-file/";
$filename = "elenco-icone.txt";

$content = file_get_contents($dir.$filename); //recupero il contenuto del file

$arr_icons = explode("|", $content); //creo array di icone

Ora possiamo utilizzare il nostro array ovunque nel sito, magari in un ciclo foreach:

    foreach ($arr_icons as $key) {
      ?>

        <span class="material-icons"><?php echo $key; ?></span>

      <?php
    }