> ## Documentation Index > Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt > Use this file to discover all available pages before exploring further. # Icons export const IconLibraryAdvanced = () => { const stIcons = [{ name: "accounting_integrations", svgHtml: `` }, { name: "add_purchase_order", svgHtml: `` }, { name: "add_to_list", svgHtml: `` }, { name: "add_user", svgHtml: `` }, { name: "ai_chat", svgHtml: `` }, { name: "ai_edit", svgHtml: `` }, { name: "ai_form", svgHtml: `` }, { name: "ai_mark", svgHtml: `` }, { name: "ai_mark_gradient", svgHtml: `` }, { name: "ai_mic", svgHtml: `` }, { name: "ai_search", svgHtml: `` }, { name: "apply_template", svgHtml: `` }, { name: "appointments", svgHtml: `` }, { name: "atlas_gradient", svgHtml: `` }, { name: "atlas_logo", svgHtml: `` }, { name: "atlas_simple", svgHtml: `` }, { name: "attach_file", svgHtml: `` }, { name: "audit_trail", svgHtml: `` }, { name: "batch", svgHtml: `` }, { name: "call", svgHtml: `` }, { name: "call_inbound", svgHtml: `` }, { name: "call_outbound", svgHtml: `` }, { name: "collect_payment", svgHtml: `` }, { name: "column_editor", svgHtml: `` }, { name: "commercial", svgHtml: `` }, { name: "create_event", svgHtml: `` }, { name: "create_task", svgHtml: `` }, { name: "customer", svgHtml: `` }, { name: "document_audio", svgHtml: `` }, { name: "document_doc", svgHtml: `` }, { name: "document_drawing", svgHtml: `` }, { name: "document_form", svgHtml: `` }, { name: "document_message", svgHtml: `` }, { name: "document_other", svgHtml: `` }, { name: "document_pdf", svgHtml: `` }, { name: "document_spreadsheet", svgHtml: `` }, { name: "document_text", svgHtml: `` }, { name: "document_web", svgHtml: `` }, { name: "due_date", svgHtml: `` }, { name: "enterprise_hub", svgHtml: `` }, { name: "equipment", svgHtml: `` }, { name: "estimate", svgHtml: `` }, { name: "fixed", svgHtml: `` }, { name: "form", svgHtml: `` }, { name: "full_fluid", svgHtml: `` }, { name: "full_procurement_integration", svgHtml: `` }, { name: "gnav_account_active", svgHtml: `` }, { name: "gnav_account_inactive", svgHtml: `` }, { name: "gnav_accounting_active", svgHtml: `` }, { name: "gnav_accounting_inactive", svgHtml: `` }, { name: "gnav_agreements_active", svgHtml: `` }, { name: "gnav_agreements_inactive", svgHtml: `` }, { name: "gnav_calls_active", svgHtml: `` }, { name: "gnav_calls_inactive", svgHtml: `` }, { name: "gnav_chat_active", svgHtml: `` }, { name: "gnav_chat_inactive", svgHtml: `` }, { name: "gnav_dashboard_active", svgHtml: `` }, { name: "gnav_dashboard_inactive", svgHtml: `` }, { name: "gnav_dial_pad_inactive_filled", svgHtml: `` }, { name: "gnav_dispatch_active", svgHtml: `` }, { name: "gnav_dispatch_inactive", svgHtml: `` }, { name: "gnav_field_pro_active", svgHtml: `` }, { name: "gnav_field_pro_inactive", svgHtml: `` }, { name: "gnav_fleet_pro_active", svgHtml: `` }, { name: "gnav_fleet_pro_inactive", svgHtml: `` }, { name: "gnav_follow_up_active", svgHtml: `` }, { name: "gnav_follow_up_inactive", svgHtml: `` }, { name: "gnav_help_active", svgHtml: `` }, { name: "gnav_help_inactive", svgHtml: `` }, { name: "gnav_insurance_work_queue_active", svgHtml: `` }, { name: "gnav_insurance_work_queue_inactive", svgHtml: `` }, { name: "gnav_inventory_active", svgHtml: `` }, { name: "gnav_inventory_inactive", svgHtml: `` }, { name: "gnav_legacy_search_filled", svgHtml: `` }, { name: "gnav_legacy_search_outline", svgHtml: `` }, { name: "gnav_marketing_active", svgHtml: `` }, { name: "gnav_marketing_inactive", svgHtml: `` }, { name: "gnav_menu_collapse", svgHtml: `` }, { name: "gnav_menu_expand", svgHtml: `` }, { name: "gnav_plg_active", svgHtml: `` }, { name: "gnav_plg_inactive", svgHtml: `` }, { name: "gnav_pos_active", svgHtml: `` }, { name: "gnav_pos_inactive", svgHtml: `` }, { name: "gnav_pricebook_active", svgHtml: `` }, { name: "gnav_pricebook_inactive", svgHtml: `` }, { name: "gnav_production_work_queue_active", svgHtml: `` }, { name: "gnav_production_work_queue_inactive", svgHtml: `` }, { name: "gnav_projects_active", svgHtml: `` }, { name: "gnav_projects_inactive", svgHtml: `` }, { name: "gnav_reports_active", svgHtml: `` }, { name: "gnav_reports_inactive", svgHtml: `` }, { name: "gnav_schedule_active", svgHtml: `` }, { name: "gnav_schedule_inactive", svgHtml: `` }, { name: "gnav_settings_active", svgHtml: `` }, { name: "gnav_settings_inactive", svgHtml: `` }, { name: "gnav_tasks_active", svgHtml: `` }, { name: "gnav_tasks_inactive", svgHtml: `` }, { name: "gnav_titan_advisor_active", svgHtml: `` }, { name: "gnav_titan_advisor_inactive", svgHtml: `` }, { name: "installed_equipment", svgHtml: `` }, { name: "insurance_work_queue", svgHtml: `` }, { name: "invoice", svgHtml: `` }, { name: "job", svgHtml: `` }, { name: "leads", svgHtml: `` }, { name: "local_settings", svgHtml: `` }, { name: "location", svgHtml: `` }, { name: "memberships", svgHtml: `` }, { name: "payment", svgHtml: `` }, { name: "preview_file", svgHtml: `` }, { name: "pro_tip", svgHtml: `` }, { name: "production_manager", svgHtml: `` }, { name: "production_work_queue", svgHtml: `` }, { name: "project", svgHtml: `` }, { name: "proposal", svgHtml: `` }, { name: "purchase_order", svgHtml: `` }, { name: "recurring_service", svgHtml: `` }, { name: "release_notes", svgHtml: `` }, { name: "roofing", svgHtml: `` }, { name: "sales_manager", svgHtml: `` }, { name: "salespro", svgHtml: `` }, { name: "save_for_later", svgHtml: `` }, { name: "send_message", svgHtml: `` }, { name: "service_agreements", svgHtml: `` }, { name: "set_reminder", svgHtml: `` }, { name: "sms", svgHtml: `` }, { name: "start_date", svgHtml: `` }, { name: "subtasks", svgHtml: `` }, { name: "text_inbound", svgHtml: `` }, { name: "text_outbound", svgHtml: `` }, { name: "titan_intelligence", svgHtml: `` }, { name: "unpin", svgHtml: `` }, { name: "upsell", svgHtml: `` }, { name: "view_kanban_filled", svgHtml: `` }, { name: "view_kanban_outline", svgHtml: `` }, { name: "view_timesheet", svgHtml: `` }, { name: "virtual_agent", svgHtml: `` }, { name: "web_chat", svgHtml: `` }]; const materialIcons = [{ name: "10k", svgHtml: '' }, { name: "10mp", svgHtml: '' }, { name: "11mp", svgHtml: '' }, { name: "123", svgHtml: '' }, { name: "12mp", svgHtml: '' }, { name: "13mp", svgHtml: '' }, { name: "14mp", svgHtml: '' }, { name: "15mp", svgHtml: '' }, { name: "16mp", svgHtml: '' }, { name: "17mp", svgHtml: '' }, { name: "18_up_rating", svgHtml: '' }, { name: "18mp", svgHtml: '' }, { name: "19mp", svgHtml: '' }, { name: "1k", svgHtml: '' }, { name: "1k_plus", svgHtml: '' }, { name: "1x_mobiledata", svgHtml: '' }, { name: "20mp", svgHtml: '' }, { name: "21mp", svgHtml: '' }, { name: "22mp", svgHtml: '' }, { name: "23mp", svgHtml: '' }, { name: "24mp", svgHtml: '' }, { name: "2k", svgHtml: '' }, { name: "2k_plus", svgHtml: '' }, { name: "2mp", svgHtml: '' }, { name: "30fps", svgHtml: '' }, { name: "30fps_select", svgHtml: '' }, { name: "360", svgHtml: '' }, { name: "3d_rotation", svgHtml: '' }, { name: "3g_mobiledata", svgHtml: '' }, { name: "3k", svgHtml: '' }, { name: "3k_plus", svgHtml: '' }, { name: "3mp", svgHtml: '' }, { name: "3p", svgHtml: '' }, { name: "4g_mobiledata", svgHtml: '' }, { name: "4g_plus_mobiledata", svgHtml: '' }, { name: "4k", svgHtml: '' }, { name: "4k_plus", svgHtml: '' }, { name: "4mp", svgHtml: '' }, { name: "5g", svgHtml: '' }, { name: "5k", svgHtml: '' }, { name: "5k_plus", svgHtml: '' }, { name: "5mp", svgHtml: '' }, { name: "60fps", svgHtml: '' }, { name: "60fps_select", svgHtml: '' }, { name: "6_ft_apart", svgHtml: '' }, { name: "6k", svgHtml: '' }, { name: "6k_plus", svgHtml: '' }, { name: "6mp", svgHtml: '' }, { name: "7k", svgHtml: '' }, { name: "7k_plus", svgHtml: '' }, { name: "7mp", svgHtml: '' }, { name: "8k", svgHtml: '' }, { name: "8k_plus", svgHtml: '' }, { name: "8mp", svgHtml: '' }, { name: "9k", svgHtml: '' }, { name: "9k_plus", svgHtml: '' }, { name: "9mp", svgHtml: '' }, { name: "abc", svgHtml: '' }, { name: "ac_unit", svgHtml: '' }, { name: "access_alarm", svgHtml: '' }, { name: "access_alarms", svgHtml: '' }, { name: "access_time", svgHtml: '' }, { name: "access_time_filled", svgHtml: '' }, { name: "accessibility", svgHtml: '' }, { name: "accessibility_new", svgHtml: '' }, { name: "accessible", svgHtml: '' }, { name: "accessible_forward", svgHtml: '' }, { name: "account_balance", svgHtml: '' }, { name: "account_balance_wallet", svgHtml: '' }, { name: "account_box", svgHtml: '' }, { name: "account_circle", svgHtml: '' }, { name: "account_tree", svgHtml: '' }, { name: "ad_units", svgHtml: '' }, { name: "adb", svgHtml: '' }, { name: "add", svgHtml: '' }, { name: "add_a_photo", svgHtml: '' }, { name: "add_alarm", svgHtml: '' }, { name: "add_alert", svgHtml: '' }, { name: "add_box", svgHtml: '' }, { name: "add_business", svgHtml: '' }, { name: "add_card", svgHtml: '' }, { name: "add_chart", svgHtml: '' }, { name: "add_circle", svgHtml: '' }, { name: "add_circle_outline", svgHtml: '' }, { name: "add_comment", svgHtml: '' }, { name: "add_home", svgHtml: '' }, { name: "add_home_work", svgHtml: '' }, { name: "add_ic_call", svgHtml: '' }, { name: "add_link", svgHtml: '' }, { name: "add_location", svgHtml: '' }, { name: "add_location_alt", svgHtml: '' }, { name: "add_moderator", svgHtml: '' }, { name: "add_photo_alternate", svgHtml: '' }, { name: "add_reaction", svgHtml: '' }, { name: "add_road", svgHtml: '' }, { name: "add_shopping_cart", svgHtml: '' }, { name: "add_task", svgHtml: '' }, { name: "add_to_drive", svgHtml: '' }, { name: "add_to_home_screen", svgHtml: '' }, { name: "add_to_photos", svgHtml: '' }, { name: "add_to_queue", svgHtml: '' }, { name: "addchart", svgHtml: '' }, { name: "adf_scanner", svgHtml: '' }, { name: "adjust", svgHtml: '' }, { name: "admin_panel_settings", svgHtml: '' }, { name: "ads_click", svgHtml: '' }, { name: "agriculture", svgHtml: '' }, { name: "air", svgHtml: '' }, { name: "airline_seat_flat", svgHtml: '' }, { name: "airline_seat_flat_angled", svgHtml: '' }, { name: "airline_seat_individual_suite", svgHtml: '' }, { name: "airline_seat_legroom_extra", svgHtml: '' }, { name: "airline_seat_legroom_normal", svgHtml: '' }, { name: "airline_seat_legroom_reduced", svgHtml: '' }, { name: "airline_seat_recline_extra", svgHtml: '' }, { name: "airline_seat_recline_normal", svgHtml: '' }, { name: "airline_stops", svgHtml: '' }, { name: "airlines", svgHtml: '' }, { name: "airplane_ticket", svgHtml: '' }, { name: "airplanemode_active", svgHtml: '' }, { name: "airplanemode_inactive", svgHtml: '' }, { name: "airplay", svgHtml: '' }, { name: "airport_shuttle", svgHtml: '' }, { name: "alarm", svgHtml: '' }, { name: "alarm_add", svgHtml: '' }, { name: "alarm_off", svgHtml: '' }, { name: "alarm_on", svgHtml: '' }, { name: "album", svgHtml: '' }, { name: "align_horizontal_center", svgHtml: '' }, { name: "align_horizontal_left", svgHtml: '' }, { name: "align_horizontal_right", svgHtml: '' }, { name: "align_vertical_bottom", svgHtml: '' }, { name: "align_vertical_center", svgHtml: '' }, { name: "align_vertical_top", svgHtml: '' }, { name: "all_inbox", svgHtml: '' }, { name: "all_inclusive", svgHtml: '' }, { name: "all_out", svgHtml: '' }, { name: "alt_route", svgHtml: '' }, { name: "alternate_email", svgHtml: '' }, { name: "analytics", svgHtml: '' }, { name: "anchor", svgHtml: '' }, { name: "android", svgHtml: '' }, { name: "animation", svgHtml: '' }, { name: "announcement", svgHtml: '' }, { name: "aod", svgHtml: '' }, { name: "apartment", svgHtml: '' }, { name: "api", svgHtml: '' }, { name: "app_blocking", svgHtml: '' }, { name: "app_registration", svgHtml: '' }, { name: "app_settings_alt", svgHtml: '' }, { name: "app_shortcut", svgHtml: '' }, { name: "approval", svgHtml: '' }, { name: "apps", svgHtml: '' }, { name: "apps_outage", svgHtml: '' }, { name: "architecture", svgHtml: '' }, { name: "archive", svgHtml: '' }, { name: "area_chart", svgHtml: '' }, { name: "arrow_back", svgHtml: '' }, { name: "arrow_back_ios", svgHtml: '' }, { name: "arrow_back_ios_new", svgHtml: '' }, { name: "arrow_circle_down", svgHtml: '' }, { name: "arrow_circle_left", svgHtml: '' }, { name: "arrow_circle_right", svgHtml: '' }, { name: "arrow_circle_up", svgHtml: '' }, { name: "arrow_downward", svgHtml: '' }, { name: "arrow_drop_down", svgHtml: '' }, { name: "arrow_drop_down_circle", svgHtml: '' }, { name: "arrow_drop_up", svgHtml: '' }, { name: "arrow_forward", svgHtml: '' }, { name: "arrow_forward_ios", svgHtml: '' }, { name: "arrow_left", svgHtml: '' }, { name: "arrow_outward", svgHtml: '' }, { name: "arrow_right", svgHtml: '' }, { name: "arrow_right_alt", svgHtml: '' }, { name: "arrow_upward", svgHtml: '' }, { name: "art_track", svgHtml: '' }, { name: "article", svgHtml: '' }, { name: "aspect_ratio", svgHtml: '' }, { name: "assessment", svgHtml: '' }, { name: "assignment", svgHtml: '' }, { name: "assignment_ind", svgHtml: '' }, { name: "assignment_late", svgHtml: '' }, { name: "assignment_return", svgHtml: '' }, { name: "assignment_returned", svgHtml: '' }, { name: "assignment_turned_in", svgHtml: '' }, { name: "assist_walker", svgHtml: '' }, { name: "assistant", svgHtml: '' }, { name: "assistant_direction", svgHtml: '' }, { name: "assistant_photo", svgHtml: '' }, { name: "assured_workload", svgHtml: '' }, { name: "atm", svgHtml: '' }, { name: "attach_email", svgHtml: '' }, { name: "attach_file", svgHtml: '' }, { name: "attach_money", svgHtml: '' }, { name: "attachment", svgHtml: '' }, { name: "attractions", svgHtml: '' }, { name: "attribution", svgHtml: '' }, { name: "audio_file", svgHtml: '' }, { name: "audiotrack", svgHtml: '' }, { name: "auto_awesome", svgHtml: '' }, { name: "auto_awesome_mosaic", svgHtml: '' }, { name: "auto_awesome_motion", svgHtml: '' }, { name: "auto_delete", svgHtml: '' }, { name: "auto_fix_high", svgHtml: '' }, { name: "auto_fix_normal", svgHtml: '' }, { name: "auto_fix_off", svgHtml: '' }, { name: "auto_graph", svgHtml: '' }, { name: "auto_mode", svgHtml: '' }, { name: "auto_stories", svgHtml: '' }, { name: "autofps_select", svgHtml: '' }, { name: "autorenew", svgHtml: '' }, { name: "av_timer", svgHtml: '' }, { name: "baby_changing_station", svgHtml: '' }, { name: "back_hand", svgHtml: '' }, { name: "backpack", svgHtml: '' }, { name: "backspace", svgHtml: '' }, { name: "backup", svgHtml: '' }, { name: "backup_table", svgHtml: '' }, { name: "badge", svgHtml: '' }, { name: "bakery_dining", svgHtml: '' }, { name: "balance", svgHtml: '' }, { name: "balcony", svgHtml: '' }, { name: "ballot", svgHtml: '' }, { name: "bar_chart", svgHtml: '' }, { name: "batch_prediction", svgHtml: '' }, { name: "bathroom", svgHtml: '' }, { name: "bathtub", svgHtml: '' }, { name: "battery_0_bar", svgHtml: '' }, { name: "battery_1_bar", svgHtml: '' }, { name: "battery_2_bar", svgHtml: '' }, { name: "battery_3_bar", svgHtml: '' }, { name: "battery_4_bar", svgHtml: '' }, { name: "battery_5_bar", svgHtml: '' }, { name: "battery_6_bar", svgHtml: '' }, { name: "battery_alert", svgHtml: '' }, { name: "battery_charging_full", svgHtml: '' }, { name: "battery_full", svgHtml: '' }, { name: "battery_saver", svgHtml: '' }, { name: "battery_std", svgHtml: '' }, { name: "battery_unknown", svgHtml: '' }, { name: "beach_access", svgHtml: '' }, { name: "bed", svgHtml: '' }, { name: "bedroom_baby", svgHtml: '' }, { name: "bedroom_child", svgHtml: '' }, { name: "bedroom_parent", svgHtml: '' }, { name: "bedtime", svgHtml: '' }, { name: "bedtime_off", svgHtml: '' }, { name: "beenhere", svgHtml: '' }, { name: "bento", svgHtml: '' }, { name: "bike_scooter", svgHtml: '' }, { name: "biotech", svgHtml: '' }, { name: "blender", svgHtml: '' }, { name: "blind", svgHtml: '' }, { name: "blinds", svgHtml: '' }, { name: "blinds_closed", svgHtml: '' }, { name: "block", svgHtml: '' }, { name: "bloodtype", svgHtml: '' }, { name: "bluetooth", svgHtml: '' }, { name: "bluetooth_audio", svgHtml: '' }, { name: "bluetooth_connected", svgHtml: '' }, { name: "bluetooth_disabled", svgHtml: '' }, { name: "bluetooth_drive", svgHtml: '' }, { name: "bluetooth_searching", svgHtml: '' }, { name: "blur_circular", svgHtml: '' }, { name: "blur_linear", svgHtml: '' }, { name: "blur_off", svgHtml: '' }, { name: "blur_on", svgHtml: '' }, { name: "bolt", svgHtml: '' }, { name: "book", svgHtml: '' }, { name: "book_online", svgHtml: '' }, { name: "bookmark", svgHtml: '' }, { name: "bookmark_add", svgHtml: '' }, { name: "bookmark_added", svgHtml: '' }, { name: "bookmark_border", svgHtml: '' }, { name: "bookmark_remove", svgHtml: '' }, { name: "bookmarks", svgHtml: '' }, { name: "border_all", svgHtml: '' }, { name: "border_bottom", svgHtml: '' }, { name: "border_clear", svgHtml: '' }, { name: "border_color", svgHtml: '' }, { name: "border_horizontal", svgHtml: '' }, { name: "border_inner", svgHtml: '' }, { name: "border_left", svgHtml: '' }, { name: "border_outer", svgHtml: '' }, { name: "border_right", svgHtml: '' }, { name: "border_style", svgHtml: '' }, { name: "border_top", svgHtml: '' }, { name: "border_vertical", svgHtml: '' }, { name: "boy", svgHtml: '' }, { name: "branding_watermark", svgHtml: '' }, { name: "breakfast_dining", svgHtml: '' }, { name: "brightness_1", svgHtml: '' }, { name: "brightness_2", svgHtml: '' }, { name: "brightness_3", svgHtml: '' }, { name: "brightness_4", svgHtml: '' }, { name: "brightness_5", svgHtml: '' }, { name: "brightness_6", svgHtml: '' }, { name: "brightness_7", svgHtml: '' }, { name: "brightness_auto", svgHtml: '' }, { name: "brightness_high", svgHtml: '' }, { name: "brightness_low", svgHtml: '' }, { name: "brightness_medium", svgHtml: '' }, { name: "broadcast_on_home", svgHtml: '' }, { name: "broadcast_on_personal", svgHtml: '' }, { name: "broken_image", svgHtml: '' }, { name: "browse_gallery", svgHtml: '' }, { name: "browser_not_supported", svgHtml: '' }, { name: "browser_updated", svgHtml: '' }, { name: "brunch_dining", svgHtml: '' }, { name: "brush", svgHtml: '' }, { name: "bubble_chart", svgHtml: '' }, { name: "bug_report", svgHtml: '' }, { name: "build", svgHtml: '' }, { name: "build_circle", svgHtml: '' }, { name: "bungalow", svgHtml: '' }, { name: "burst_mode", svgHtml: '' }, { name: "bus_alert", svgHtml: '' }, { name: "business", svgHtml: '' }, { name: "business_center", svgHtml: '' }, { name: "cabin", svgHtml: '' }, { name: "cable", svgHtml: '' }, { name: "cached", svgHtml: '' }, { name: "cake", svgHtml: '' }, { name: "calculate", svgHtml: '' }, { name: "calendar_month", svgHtml: '' }, { name: "calendar_today", svgHtml: '' }, { name: "calendar_view_day", svgHtml: '' }, { name: "calendar_view_month", svgHtml: '' }, { name: "calendar_view_week", svgHtml: '' }, { name: "call", svgHtml: '' }, { name: "call_end", svgHtml: '' }, { name: "call_made", svgHtml: '' }, { name: "call_merge", svgHtml: '' }, { name: "call_missed", svgHtml: '' }, { name: "call_missed_outgoing", svgHtml: '' }, { name: "call_received", svgHtml: '' }, { name: "call_split", svgHtml: '' }, { name: "call_to_action", svgHtml: '' }, { name: "camera", svgHtml: '' }, { name: "camera_alt", svgHtml: '' }, { name: "camera_enhance", svgHtml: '' }, { name: "camera_front", svgHtml: '' }, { name: "camera_indoor", svgHtml: '' }, { name: "camera_outdoor", svgHtml: '' }, { name: "camera_rear", svgHtml: '' }, { name: "camera_roll", svgHtml: '' }, { name: "cameraswitch", svgHtml: '' }, { name: "campaign", svgHtml: '' }, { name: "cancel", svgHtml: '' }, { name: "cancel_presentation", svgHtml: '' }, { name: "cancel_schedule_send", svgHtml: '' }, { name: "candlestick_chart", svgHtml: '' }, { name: "car_crash", svgHtml: '' }, { name: "car_rental", svgHtml: '' }, { name: "car_repair", svgHtml: '' }, { name: "card_giftcard", svgHtml: '' }, { name: "card_membership", svgHtml: '' }, { name: "card_travel", svgHtml: '' }, { name: "carpenter", svgHtml: '' }, { name: "cases", svgHtml: '' }, { name: "casino", svgHtml: '' }, { name: "cast", svgHtml: '' }, { name: "cast_connected", svgHtml: '' }, { name: "cast_for_education", svgHtml: '' }, { name: "castle", svgHtml: '' }, { name: "catching_pokemon", svgHtml: '' }, { name: "category", svgHtml: '' }, { name: "celebration", svgHtml: '' }, { name: "cell_tower", svgHtml: '' }, { name: "cell_wifi", svgHtml: '' }, { name: "center_focus_strong", svgHtml: '' }, { name: "center_focus_weak", svgHtml: '' }, { name: "chair", svgHtml: '' }, { name: "chair_alt", svgHtml: '' }, { name: "chalet", svgHtml: '' }, { name: "change_circle", svgHtml: '' }, { name: "change_history", svgHtml: '' }, { name: "charging_station", svgHtml: '' }, { name: "chat", svgHtml: '' }, { name: "chat_bubble", svgHtml: '' }, { name: "chat_bubble_outline", svgHtml: '' }, { name: "check", svgHtml: '' }, { name: "check_box", svgHtml: '' }, { name: "check_box_outline_blank", svgHtml: '' }, { name: "check_circle", svgHtml: '' }, { name: "check_circle_outline", svgHtml: '' }, { name: "checklist", svgHtml: '' }, { name: "checklist_rtl", svgHtml: '' }, { name: "checkroom", svgHtml: '' }, { name: "chevron_left", svgHtml: '' }, { name: "chevron_right", svgHtml: '' }, { name: "child_care", svgHtml: '' }, { name: "child_friendly", svgHtml: '' }, { name: "chrome_reader_mode", svgHtml: '' }, { name: "church", svgHtml: '' }, { name: "circle", svgHtml: '' }, { name: "circle_notifications", svgHtml: '' }, { name: "class", svgHtml: '' }, { name: "clean_hands", svgHtml: '' }, { name: "cleaning_services", svgHtml: '' }, { name: "clear", svgHtml: '' }, { name: "clear_all", svgHtml: '' }, { name: "close", svgHtml: '' }, { name: "close_fullscreen", svgHtml: '' }, { name: "closed_caption", svgHtml: '' }, { name: "closed_caption_disabled", svgHtml: '' }, { name: "closed_caption_off", svgHtml: '' }, { name: "cloud", svgHtml: '' }, { name: "cloud_circle", svgHtml: '' }, { name: "cloud_done", svgHtml: '' }, { name: "cloud_download", svgHtml: '' }, { name: "cloud_off", svgHtml: '' }, { name: "cloud_queue", svgHtml: '' }, { name: "cloud_sync", svgHtml: '' }, { name: "cloud_upload", svgHtml: '' }, { name: "co2", svgHtml: '' }, { name: "co_present", svgHtml: '' }, { name: "code", svgHtml: '' }, { name: "code_off", svgHtml: '' }, { name: "coffee", svgHtml: '' }, { name: "coffee_maker", svgHtml: '' }, { name: "collections", svgHtml: '' }, { name: "collections_bookmark", svgHtml: '' }, { name: "color_lens", svgHtml: '' }, { name: "colorize", svgHtml: '' }, { name: "comment", svgHtml: '' }, { name: "comment_bank", svgHtml: '' }, { name: "comments_disabled", svgHtml: '' }, { name: "commit", svgHtml: '' }, { name: "commute", svgHtml: '' }, { name: "compare", svgHtml: '' }, { name: "compare_arrows", svgHtml: '' }, { name: "compass_calibration", svgHtml: '' }, { name: "compost", svgHtml: '' }, { name: "compress", svgHtml: '' }, { name: "computer", svgHtml: '' }, { name: "confirmation_number", svgHtml: '' }, { name: "connect_without_contact", svgHtml: '' }, { name: "connected_tv", svgHtml: '' }, { name: "connecting_airports", svgHtml: '' }, { name: "construction", svgHtml: '' }, { name: "contact_emergency", svgHtml: '' }, { name: "contact_mail", svgHtml: '' }, { name: "contact_page", svgHtml: '' }, { name: "contact_phone", svgHtml: '' }, { name: "contact_support", svgHtml: '' }, { name: "contactless", svgHtml: '' }, { name: "contacts", svgHtml: '' }, { name: "content_copy", svgHtml: '' }, { name: "content_cut", svgHtml: '' }, { name: "content_paste", svgHtml: '' }, { name: "content_paste_go", svgHtml: '' }, { name: "content_paste_off", svgHtml: '' }, { name: "content_paste_search", svgHtml: '' }, { name: "contrast", svgHtml: '' }, { name: "control_camera", svgHtml: '' }, { name: "control_point", svgHtml: '' }, { name: "control_point_duplicate", svgHtml: '' }, { name: "cookie", svgHtml: '' }, { name: "copy_all", svgHtml: '' }, { name: "copyright", svgHtml: '' }, { name: "coronavirus", svgHtml: '' }, { name: "corporate_fare", svgHtml: '' }, { name: "cottage", svgHtml: '' }, { name: "countertops", svgHtml: '' }, { name: "create", svgHtml: '' }, { name: "create_new_folder", svgHtml: '' }, { name: "credit_card", svgHtml: '' }, { name: "credit_card_off", svgHtml: '' }, { name: "credit_score", svgHtml: '' }, { name: "crib", svgHtml: '' }, { name: "crisis_alert", svgHtml: '' }, { name: "crop", svgHtml: '' }, { name: "crop_16_9", svgHtml: '' }, { name: "crop_3_2", svgHtml: '' }, { name: "crop_5_4", svgHtml: '' }, { name: "crop_7_5", svgHtml: '' }, { name: "crop_din", svgHtml: '' }, { name: "crop_free", svgHtml: '' }, { name: "crop_landscape", svgHtml: '' }, { name: "crop_original", svgHtml: '' }, { name: "crop_portrait", svgHtml: '' }, { name: "crop_rotate", svgHtml: '' }, { name: "crop_square", svgHtml: '' }, { name: "cruelty_free", svgHtml: '' }, { name: "css", svgHtml: '' }, { name: "currency_bitcoin", svgHtml: '' }, { name: "currency_exchange", svgHtml: '' }, { name: "currency_franc", svgHtml: '' }, { name: "currency_lira", svgHtml: '' }, { name: "currency_pound", svgHtml: '' }, { name: "currency_ruble", svgHtml: '' }, { name: "currency_rupee", svgHtml: '' }, { name: "currency_yen", svgHtml: '' }, { name: "currency_yuan", svgHtml: '' }, { name: "curtains", svgHtml: '' }, { name: "curtains_closed", svgHtml: '' }, { name: "cyclone", svgHtml: '' }, { name: "dangerous", svgHtml: '' }, { name: "dark_mode", svgHtml: '' }, { name: "dashboard", svgHtml: '' }, { name: "dashboard_customize", svgHtml: '' }, { name: "data_array", svgHtml: '' }, { name: "data_exploration", svgHtml: '' }, { name: "data_object", svgHtml: '' }, { name: "data_saver_off", svgHtml: '' }, { name: "data_saver_on", svgHtml: '' }, { name: "data_thresholding", svgHtml: '' }, { name: "data_usage", svgHtml: '' }, { name: "dataset", svgHtml: '' }, { name: "dataset_linked", svgHtml: '' }, { name: "date_range", svgHtml: '' }, { name: "deblur", svgHtml: '' }, { name: "deck", svgHtml: '' }, { name: "dehaze", svgHtml: '' }, { name: "delete", svgHtml: '' }, { name: "delete_forever", svgHtml: '' }, { name: "delete_outline", svgHtml: '' }, { name: "delete_sweep", svgHtml: '' }, { name: "delivery_dining", svgHtml: '' }, { name: "density_large", svgHtml: '' }, { name: "density_medium", svgHtml: '' }, { name: "density_small", svgHtml: '' }, { name: "departure_board", svgHtml: '' }, { name: "description", svgHtml: '' }, { name: "deselect", svgHtml: '' }, { name: "design_services", svgHtml: '' }, { name: "desk", svgHtml: '' }, { name: "desktop_access_disabled", svgHtml: '' }, { name: "desktop_mac", svgHtml: '' }, { name: "desktop_windows", svgHtml: '' }, { name: "details", svgHtml: '' }, { name: "developer_board", svgHtml: '' }, { name: "developer_board_off", svgHtml: '' }, { name: "developer_mode", svgHtml: '' }, { name: "device_hub", svgHtml: '' }, { name: "device_thermostat", svgHtml: '' }, { name: "device_unknown", svgHtml: '' }, { name: "devices", svgHtml: '' }, { name: "devices_fold", svgHtml: '' }, { name: "devices_other", svgHtml: '' }, { name: "dialer_sip", svgHtml: '' }, { name: "dialpad", svgHtml: '' }, { name: "diamond", svgHtml: '' }, { name: "difference", svgHtml: '' }, { name: "dining", svgHtml: '' }, { name: "dinner_dining", svgHtml: '' }, { name: "directions", svgHtml: '' }, { name: "directions_bike", svgHtml: '' }, { name: "directions_boat", svgHtml: '' }, { name: "directions_boat_filled", svgHtml: '' }, { name: "directions_bus", svgHtml: '' }, { name: "directions_bus_filled", svgHtml: '' }, { name: "directions_car", svgHtml: '' }, { name: "directions_car_filled", svgHtml: '' }, { name: "directions_off", svgHtml: '' }, { name: "directions_railway", svgHtml: '' }, { name: "directions_railway_filled", svgHtml: '' }, { name: "directions_run", svgHtml: '' }, { name: "directions_subway", svgHtml: '' }, { name: "directions_subway_filled", svgHtml: '' }, { name: "directions_transit", svgHtml: '' }, { name: "directions_transit_filled", svgHtml: '' }, { name: "directions_walk", svgHtml: '' }, { name: "dirty_lens", svgHtml: '' }, { name: "disabled_by_default", svgHtml: '' }, { name: "disabled_visible", svgHtml: '' }, { name: "disc_full", svgHtml: '' }, { name: "discount", svgHtml: '' }, { name: "display_settings", svgHtml: '' }, { name: "diversity_1", svgHtml: '' }, { name: "diversity_2", svgHtml: '' }, { name: "diversity_3", svgHtml: '' }, { name: "dns", svgHtml: '' }, { name: "do_disturb", svgHtml: '' }, { name: "do_disturb_alt", svgHtml: '' }, { name: "do_disturb_off", svgHtml: '' }, { name: "do_disturb_on", svgHtml: '' }, { name: "do_not_disturb", svgHtml: '' }, { name: "do_not_disturb_alt", svgHtml: '' }, { name: "do_not_disturb_off", svgHtml: '' }, { name: "do_not_disturb_on", svgHtml: '' }, { name: "do_not_disturb_on_total_silence", svgHtml: '' }, { name: "do_not_step", svgHtml: '' }, { name: "do_not_touch", svgHtml: '' }, { name: "dock", svgHtml: '' }, { name: "document_scanner", svgHtml: '' }, { name: "domain", svgHtml: '' }, { name: "domain_add", svgHtml: '' }, { name: "domain_disabled", svgHtml: '' }, { name: "domain_verification", svgHtml: '' }, { name: "done", svgHtml: '' }, { name: "done_all", svgHtml: '' }, { name: "done_outline", svgHtml: '' }, { name: "donut_large", svgHtml: '' }, { name: "donut_small", svgHtml: '' }, { name: "door_back", svgHtml: '' }, { name: "door_front", svgHtml: '' }, { name: "door_sliding", svgHtml: '' }, { name: "doorbell", svgHtml: '' }, { name: "double_arrow", svgHtml: '' }, { name: "downhill_skiing", svgHtml: '' }, { name: "download", svgHtml: '' }, { name: "download_done", svgHtml: '' }, { name: "download_for_offline", svgHtml: '' }, { name: "downloading", svgHtml: '' }, { name: "drafts", svgHtml: '' }, { name: "drag_handle", svgHtml: '' }, { name: "drag_indicator", svgHtml: '' }, { name: "draw", svgHtml: '' }, { name: "drive_eta", svgHtml: '' }, { name: "drive_file_move", svgHtml: '' }, { name: "drive_file_move_rtl", svgHtml: '' }, { name: "drive_file_rename_outline", svgHtml: '' }, { name: "drive_folder_upload", svgHtml: '' }, { name: "dry", svgHtml: '' }, { name: "dry_cleaning", svgHtml: '' }, { name: "duo", svgHtml: '' }, { name: "dvr", svgHtml: '' }, { name: "dynamic_feed", svgHtml: '' }, { name: "dynamic_form", svgHtml: '' }, { name: "e_mobiledata", svgHtml: '' }, { name: "earbuds", svgHtml: '' }, { name: "earbuds_battery", svgHtml: '' }, { name: "east", svgHtml: '' }, { name: "edgesensor_high", svgHtml: '' }, { name: "edgesensor_low", svgHtml: '' }, { name: "edit", svgHtml: '' }, { name: "edit_attributes", svgHtml: '' }, { name: "edit_calendar", svgHtml: '' }, { name: "edit_location", svgHtml: '' }, { name: "edit_location_alt", svgHtml: '' }, { name: "edit_note", svgHtml: '' }, { name: "edit_notifications", svgHtml: '' }, { name: "edit_off", svgHtml: '' }, { name: "edit_road", svgHtml: '' }, { name: "egg", svgHtml: '' }, { name: "egg_alt", svgHtml: '' }, { name: "eject", svgHtml: '' }, { name: "elderly", svgHtml: '' }, { name: "elderly_woman", svgHtml: '' }, { name: "electric_bike", svgHtml: '' }, { name: "electric_bolt", svgHtml: '' }, { name: "electric_car", svgHtml: '' }, { name: "electric_meter", svgHtml: '' }, { name: "electric_moped", svgHtml: '' }, { name: "electric_rickshaw", svgHtml: '' }, { name: "electric_scooter", svgHtml: '' }, { name: "electrical_services", svgHtml: '' }, { name: "elevator", svgHtml: '' }, { name: "email", svgHtml: '' }, { name: "emergency", svgHtml: '' }, { name: "emergency_recording", svgHtml: '' }, { name: "emergency_share", svgHtml: '' }, { name: "emoji_emotions", svgHtml: '' }, { name: "emoji_events", svgHtml: '' }, { name: "emoji_food_beverage", svgHtml: '' }, { name: "emoji_nature", svgHtml: '' }, { name: "emoji_objects", svgHtml: '' }, { name: "emoji_people", svgHtml: '' }, { name: "emoji_symbols", svgHtml: '' }, { name: "emoji_transportation", svgHtml: '' }, { name: "energy_savings_leaf", svgHtml: '' }, { name: "engineering", svgHtml: '' }, { name: "enhanced_encryption", svgHtml: '' }, { name: "equalizer", svgHtml: '' }, { name: "error", svgHtml: '' }, { name: "error_outline", svgHtml: '' }, { name: "escalator", svgHtml: '' }, { name: "escalator_warning", svgHtml: '' }, { name: "euro", svgHtml: '' }, { name: "euro_symbol", svgHtml: '' }, { name: "ev_station", svgHtml: '' }, { name: "event", svgHtml: '' }, { name: "event_available", svgHtml: '' }, { name: "event_busy", svgHtml: '' }, { name: "event_note", svgHtml: '' }, { name: "event_repeat", svgHtml: '' }, { name: "event_seat", svgHtml: '' }, { name: "exit_to_app", svgHtml: '' }, { name: "expand", svgHtml: '' }, { name: "expand_circle_down", svgHtml: '' }, { name: "expand_less", svgHtml: '' }, { name: "expand_more", svgHtml: '' }, { name: "explicit", svgHtml: '' }, { name: "explore", svgHtml: '' }, { name: "explore_off", svgHtml: '' }, { name: "exposure", svgHtml: '' }, { name: "exposure_neg_1", svgHtml: '' }, { name: "exposure_neg_2", svgHtml: '' }, { name: "exposure_plus_1", svgHtml: '' }, { name: "exposure_plus_2", svgHtml: '' }, { name: "exposure_zero", svgHtml: '' }, { name: "extension", svgHtml: '' }, { name: "extension_off", svgHtml: '' }, { name: "face", svgHtml: '' }, { name: "face_2", svgHtml: '' }, { name: "face_3", svgHtml: '' }, { name: "face_4", svgHtml: '' }, { name: "face_5", svgHtml: '' }, { name: "face_6", svgHtml: '' }, { name: "face_retouching_natural", svgHtml: '' }, { name: "face_retouching_off", svgHtml: '' }, { name: "fact_check", svgHtml: '' }, { name: "factory", svgHtml: '' }, { name: "family_restroom", svgHtml: '' }, { name: "fast_forward", svgHtml: '' }, { name: "fast_rewind", svgHtml: '' }, { name: "fastfood", svgHtml: '' }, { name: "favorite", svgHtml: '' }, { name: "favorite_border", svgHtml: '' }, { name: "fax", svgHtml: '' }, { name: "featured_play_list", svgHtml: '' }, { name: "featured_video", svgHtml: '' }, { name: "feed", svgHtml: '' }, { name: "feedback", svgHtml: '' }, { name: "female", svgHtml: '' }, { name: "fence", svgHtml: '' }, { name: "festival", svgHtml: '' }, { name: "fiber_dvr", svgHtml: '' }, { name: "fiber_manual_record", svgHtml: '' }, { name: "fiber_new", svgHtml: '' }, { name: "fiber_pin", svgHtml: '' }, { name: "fiber_smart_record", svgHtml: '' }, { name: "file_copy", svgHtml: '' }, { name: "file_download", svgHtml: '' }, { name: "file_download_done", svgHtml: '' }, { name: "file_download_off", svgHtml: '' }, { name: "file_open", svgHtml: '' }, { name: "file_present", svgHtml: '' }, { name: "file_upload", svgHtml: '' }, { name: "filter", svgHtml: '' }, { name: "filter_1", svgHtml: '' }, { name: "filter_2", svgHtml: '' }, { name: "filter_3", svgHtml: '' }, { name: "filter_4", svgHtml: '' }, { name: "filter_5", svgHtml: '' }, { name: "filter_6", svgHtml: '' }, { name: "filter_7", svgHtml: '' }, { name: "filter_8", svgHtml: '' }, { name: "filter_9", svgHtml: '' }, { name: "filter_9_plus", svgHtml: '' }, { name: "filter_alt", svgHtml: '' }, { name: "filter_alt_off", svgHtml: '' }, { name: "filter_b_and_w", svgHtml: '' }, { name: "filter_center_focus", svgHtml: '' }, { name: "filter_drama", svgHtml: '' }, { name: "filter_frames", svgHtml: '' }, { name: "filter_hdr", svgHtml: '' }, { name: "filter_list", svgHtml: '' }, { name: "filter_list_off", svgHtml: '' }, { name: "filter_none", svgHtml: '' }, { name: "filter_tilt_shift", svgHtml: '' }, { name: "filter_vintage", svgHtml: '' }, { name: "find_in_page", svgHtml: '' }, { name: "find_replace", svgHtml: '' }, { name: "fingerprint", svgHtml: '' }, { name: "fire_extinguisher", svgHtml: '' }, { name: "fire_hydrant_alt", svgHtml: '' }, { name: "fire_truck", svgHtml: '' }, { name: "fireplace", svgHtml: '' }, { name: "first_page", svgHtml: '' }, { name: "fit_screen", svgHtml: '' }, { name: "fitbit", svgHtml: '' }, { name: "fitness_center", svgHtml: '' }, { name: "flag", svgHtml: '' }, { name: "flag_circle", svgHtml: '' }, { name: "flaky", svgHtml: '' }, { name: "flare", svgHtml: '' }, { name: "flash_auto", svgHtml: '' }, { name: "flash_off", svgHtml: '' }, { name: "flash_on", svgHtml: '' }, { name: "flashlight_off", svgHtml: '' }, { name: "flashlight_on", svgHtml: '' }, { name: "flatware", svgHtml: '' }, { name: "flight", svgHtml: '' }, { name: "flight_class", svgHtml: '' }, { name: "flight_land", svgHtml: '' }, { name: "flight_takeoff", svgHtml: '' }, { name: "flip", svgHtml: '' }, { name: "flip_camera_android", svgHtml: '' }, { name: "flip_camera_ios", svgHtml: '' }, { name: "flip_to_back", svgHtml: '' }, { name: "flip_to_front", svgHtml: '' }, { name: "flood", svgHtml: '' }, { name: "fluorescent", svgHtml: '' }, { name: "flutter_dash", svgHtml: '' }, { name: "fmd_bad", svgHtml: '' }, { name: "fmd_good", svgHtml: '' }, { name: "folder", svgHtml: '' }, { name: "folder_copy", svgHtml: '' }, { name: "folder_delete", svgHtml: '' }, { name: "folder_off", svgHtml: '' }, { name: "folder_open", svgHtml: '' }, { name: "folder_shared", svgHtml: '' }, { name: "folder_special", svgHtml: '' }, { name: "folder_zip", svgHtml: '' }, { name: "follow_the_signs", svgHtml: '' }, { name: "font_download", svgHtml: '' }, { name: "font_download_off", svgHtml: '' }, { name: "food_bank", svgHtml: '' }, { name: "forest", svgHtml: '' }, { name: "fork_left", svgHtml: '' }, { name: "fork_right", svgHtml: '' }, { name: "format_align_center", svgHtml: '' }, { name: "format_align_justify", svgHtml: '' }, { name: "format_align_left", svgHtml: '' }, { name: "format_align_right", svgHtml: '' }, { name: "format_bold", svgHtml: '' }, { name: "format_clear", svgHtml: '' }, { name: "format_color_fill", svgHtml: '' }, { name: "format_color_reset", svgHtml: '' }, { name: "format_color_text", svgHtml: '' }, { name: "format_indent_decrease", svgHtml: '' }, { name: "format_indent_increase", svgHtml: '' }, { name: "format_italic", svgHtml: '' }, { name: "format_line_spacing", svgHtml: '' }, { name: "format_list_bulleted", svgHtml: '' }, { name: "format_list_numbered", svgHtml: '' }, { name: "format_list_numbered_rtl", svgHtml: '' }, { name: "format_overline", svgHtml: '' }, { name: "format_paint", svgHtml: '' }, { name: "format_quote", svgHtml: '' }, { name: "format_shapes", svgHtml: '' }, { name: "format_size", svgHtml: '' }, { name: "format_strikethrough", svgHtml: '' }, { name: "format_textdirection_l_to_r", svgHtml: '' }, { name: "format_textdirection_r_to_l", svgHtml: '' }, { name: "format_underlined", svgHtml: '' }, { name: "fort", svgHtml: '' }, { name: "forum", svgHtml: '' }, { name: "forward", svgHtml: '' }, { name: "forward_10", svgHtml: '' }, { name: "forward_30", svgHtml: '' }, { name: "forward_5", svgHtml: '' }, { name: "forward_to_inbox", svgHtml: '' }, { name: "foundation", svgHtml: '' }, { name: "free_breakfast", svgHtml: '' }, { name: "free_cancellation", svgHtml: '' }, { name: "front_hand", svgHtml: '' }, { name: "fullscreen", svgHtml: '' }, { name: "fullscreen_exit", svgHtml: '' }, { name: "functions", svgHtml: '' }, { name: "g_mobiledata", svgHtml: '' }, { name: "g_translate", svgHtml: '' }, { name: "gamepad", svgHtml: '' }, { name: "games", svgHtml: '' }, { name: "garage", svgHtml: '' }, { name: "gas_meter", svgHtml: '' }, { name: "gavel", svgHtml: '' }, { name: "generating_tokens", svgHtml: '' }, { name: "gesture", svgHtml: '' }, { name: "get_app", svgHtml: '' }, { name: "gif", svgHtml: '' }, { name: "gif_box", svgHtml: '' }, { name: "girl", svgHtml: '' }, { name: "gite", svgHtml: '' }, { name: "golf_course", svgHtml: '' }, { name: "gpp_bad", svgHtml: '' }, { name: "gpp_good", svgHtml: '' }, { name: "gpp_maybe", svgHtml: '' }, { name: "gps_fixed", svgHtml: '' }, { name: "gps_not_fixed", svgHtml: '' }, { name: "gps_off", svgHtml: '' }, { name: "grade", svgHtml: '' }, { name: "gradient", svgHtml: '' }, { name: "grading", svgHtml: '' }, { name: "grain", svgHtml: '' }, { name: "graphic_eq", svgHtml: '' }, { name: "grass", svgHtml: '' }, { name: "grid_3x3", svgHtml: '' }, { name: "grid_4x4", svgHtml: '' }, { name: "grid_goldenratio", svgHtml: '' }, { name: "grid_off", svgHtml: '' }, { name: "grid_on", svgHtml: '' }, { name: "grid_view", svgHtml: '' }, { name: "group", svgHtml: '' }, { name: "group_add", svgHtml: '' }, { name: "group_off", svgHtml: '' }, { name: "group_remove", svgHtml: '' }, { name: "group_work", svgHtml: '' }, { name: "groups", svgHtml: '' }, { name: "groups_2", svgHtml: '' }, { name: "groups_3", svgHtml: '' }, { name: "h_mobiledata", svgHtml: '' }, { name: "h_plus_mobiledata", svgHtml: '' }, { name: "hail", svgHtml: '' }, { name: "handshake", svgHtml: '' }, { name: "handyman", svgHtml: '' }, { name: "hardware", svgHtml: '' }, { name: "hd", svgHtml: '' }, { name: "hdr_auto", svgHtml: '' }, { name: "hdr_auto_select", svgHtml: '' }, { name: "hdr_enhanced_select", svgHtml: '' }, { name: "hdr_off", svgHtml: '' }, { name: "hdr_off_select", svgHtml: '' }, { name: "hdr_on", svgHtml: '' }, { name: "hdr_on_select", svgHtml: '' }, { name: "hdr_plus", svgHtml: '' }, { name: "hdr_strong", svgHtml: '' }, { name: "hdr_weak", svgHtml: '' }, { name: "headphones", svgHtml: '' }, { name: "headphones_battery", svgHtml: '' }, { name: "headset", svgHtml: '' }, { name: "headset_mic", svgHtml: '' }, { name: "headset_off", svgHtml: '' }, { name: "healing", svgHtml: '' }, { name: "health_and_safety", svgHtml: '' }, { name: "hearing", svgHtml: '' }, { name: "hearing_disabled", svgHtml: '' }, { name: "heart_broken", svgHtml: '' }, { name: "heat_pump", svgHtml: '' }, { name: "height", svgHtml: '' }, { name: "help", svgHtml: '' }, { name: "help_center", svgHtml: '' }, { name: "help_outline", svgHtml: '' }, { name: "hevc", svgHtml: '' }, { name: "hexagon", svgHtml: '' }, { name: "hide_image", svgHtml: '' }, { name: "hide_source", svgHtml: '' }, { name: "high_quality", svgHtml: '' }, { name: "highlight", svgHtml: '' }, { name: "highlight_alt", svgHtml: '' }, { name: "highlight_off", svgHtml: '' }, { name: "hiking", svgHtml: '' }, { name: "history", svgHtml: '' }, { name: "history_edu", svgHtml: '' }, { name: "history_toggle_off", svgHtml: '' }, { name: "hive", svgHtml: '' }, { name: "hls", svgHtml: '' }, { name: "hls_off", svgHtml: '' }, { name: "holiday_village", svgHtml: '' }, { name: "home", svgHtml: '' }, { name: "home_max", svgHtml: '' }, { name: "home_mini", svgHtml: '' }, { name: "home_repair_service", svgHtml: '' }, { name: "home_work", svgHtml: '' }, { name: "horizontal_distribute", svgHtml: '' }, { name: "horizontal_rule", svgHtml: '' }, { name: "horizontal_split", svgHtml: '' }, { name: "hot_tub", svgHtml: '' }, { name: "hotel", svgHtml: '' }, { name: "hotel_class", svgHtml: '' }, { name: "hourglass_bottom", svgHtml: '' }, { name: "hourglass_disabled", svgHtml: '' }, { name: "hourglass_empty", svgHtml: '' }, { name: "hourglass_full", svgHtml: '' }, { name: "hourglass_top", svgHtml: '' }, { name: "house", svgHtml: '' }, { name: "house_siding", svgHtml: '' }, { name: "houseboat", svgHtml: '' }, { name: "how_to_reg", svgHtml: '' }, { name: "how_to_vote", svgHtml: '' }, { name: "html", svgHtml: '' }, { name: "http", svgHtml: '' }, { name: "https", svgHtml: '' }, { name: "hub", svgHtml: '' }, { name: "hvac", svgHtml: '' }, { name: "ice_skating", svgHtml: '' }, { name: "icecream", svgHtml: '' }, { name: "image", svgHtml: '' }, { name: "image_aspect_ratio", svgHtml: '' }, { name: "image_not_supported", svgHtml: '' }, { name: "image_search", svgHtml: '' }, { name: "imagesearch_roller", svgHtml: '' }, { name: "import_contacts", svgHtml: '' }, { name: "import_export", svgHtml: '' }, { name: "important_devices", svgHtml: '' }, { name: "inbox", svgHtml: '' }, { name: "incomplete_circle", svgHtml: '' }, { name: "indeterminate_check_box", svgHtml: '' }, { name: "info", svgHtml: '' }, { name: "input", svgHtml: '' }, { name: "insert_chart", svgHtml: '' }, { name: "insert_chart_outlined", svgHtml: '' }, { name: "insert_comment", svgHtml: '' }, { name: "insert_drive_file", svgHtml: '' }, { name: "insert_emoticon", svgHtml: '' }, { name: "insert_invitation", svgHtml: '' }, { name: "insert_link", svgHtml: '' }, { name: "insert_page_break", svgHtml: '' }, { name: "insert_photo", svgHtml: '' }, { name: "insights", svgHtml: '' }, { name: "install_desktop", svgHtml: '' }, { name: "install_mobile", svgHtml: '' }, { name: "integration_instructions", svgHtml: '' }, { name: "interests", svgHtml: '' }, { name: "interpreter_mode", svgHtml: '' }, { name: "inventory", svgHtml: '' }, { name: "inventory_2", svgHtml: '' }, { name: "invert_colors", svgHtml: '' }, { name: "invert_colors_off", svgHtml: '' }, { name: "ios_share", svgHtml: '' }, { name: "iron", svgHtml: '' }, { name: "iso", svgHtml: '' }, { name: "javascript", svgHtml: '' }, { name: "join_full", svgHtml: '' }, { name: "join_inner", svgHtml: '' }, { name: "join_left", svgHtml: '' }, { name: "join_right", svgHtml: '' }, { name: "kayaking", svgHtml: '' }, { name: "kebab_dining", svgHtml: '' }, { name: "key", svgHtml: '' }, { name: "key_off", svgHtml: '' }, { name: "keyboard", svgHtml: '' }, { name: "keyboard_alt", svgHtml: '' }, { name: "keyboard_arrow_down", svgHtml: '' }, { name: "keyboard_arrow_left", svgHtml: '' }, { name: "keyboard_arrow_right", svgHtml: '' }, { name: "keyboard_arrow_up", svgHtml: '' }, { name: "keyboard_backspace", svgHtml: '' }, { name: "keyboard_capslock", svgHtml: '' }, { name: "keyboard_command_key", svgHtml: '' }, { name: "keyboard_control_key", svgHtml: '' }, { name: "keyboard_double_arrow_down", svgHtml: '' }, { name: "keyboard_double_arrow_left", svgHtml: '' }, { name: "keyboard_double_arrow_right", svgHtml: '' }, { name: "keyboard_double_arrow_up", svgHtml: '' }, { name: "keyboard_hide", svgHtml: '' }, { name: "keyboard_option_key", svgHtml: '' }, { name: "keyboard_return", svgHtml: '' }, { name: "keyboard_tab", svgHtml: '' }, { name: "keyboard_voice", svgHtml: '' }, { name: "king_bed", svgHtml: '' }, { name: "kitchen", svgHtml: '' }, { name: "kitesurfing", svgHtml: '' }, { name: "label", svgHtml: '' }, { name: "label_important", svgHtml: '' }, { name: "label_off", svgHtml: '' }, { name: "lan", svgHtml: '' }, { name: "landscape", svgHtml: '' }, { name: "landslide", svgHtml: '' }, { name: "language", svgHtml: '' }, { name: "laptop", svgHtml: '' }, { name: "laptop_chromebook", svgHtml: '' }, { name: "laptop_mac", svgHtml: '' }, { name: "laptop_windows", svgHtml: '' }, { name: "last_page", svgHtml: '' }, { name: "launch", svgHtml: '' }, { name: "layers", svgHtml: '' }, { name: "layers_clear", svgHtml: '' }, { name: "leaderboard", svgHtml: '' }, { name: "leak_add", svgHtml: '' }, { name: "leak_remove", svgHtml: '' }, { name: "legend_toggle", svgHtml: '' }, { name: "lens", svgHtml: '' }, { name: "lens_blur", svgHtml: '' }, { name: "library_add", svgHtml: '' }, { name: "library_add_check", svgHtml: '' }, { name: "library_books", svgHtml: '' }, { name: "library_music", svgHtml: '' }, { name: "light", svgHtml: '' }, { name: "light_mode", svgHtml: '' }, { name: "lightbulb", svgHtml: '' }, { name: "lightbulb_circle", svgHtml: '' }, { name: "line_axis", svgHtml: '' }, { name: "line_style", svgHtml: '' }, { name: "line_weight", svgHtml: '' }, { name: "linear_scale", svgHtml: '' }, { name: "link", svgHtml: '' }, { name: "link_off", svgHtml: '' }, { name: "linked_camera", svgHtml: '' }, { name: "liquor", svgHtml: '' }, { name: "list", svgHtml: '' }, { name: "list_alt", svgHtml: '' }, { name: "live_help", svgHtml: '' }, { name: "live_tv", svgHtml: '' }, { name: "living", svgHtml: '' }, { name: "local_activity", svgHtml: '' }, { name: "local_airport", svgHtml: '' }, { name: "local_atm", svgHtml: '' }, { name: "local_bar", svgHtml: '' }, { name: "local_cafe", svgHtml: '' }, { name: "local_car_wash", svgHtml: '' }, { name: "local_convenience_store", svgHtml: '' }, { name: "local_dining", svgHtml: '' }, { name: "local_drink", svgHtml: '' }, { name: "local_fire_department", svgHtml: '' }, { name: "local_florist", svgHtml: '' }, { name: "local_gas_station", svgHtml: '' }, { name: "local_grocery_store", svgHtml: '' }, { name: "local_hospital", svgHtml: '' }, { name: "local_hotel", svgHtml: '' }, { name: "local_laundry_service", svgHtml: '' }, { name: "local_library", svgHtml: '' }, { name: "local_mall", svgHtml: '' }, { name: "local_movies", svgHtml: '' }, { name: "local_offer", svgHtml: '' }, { name: "local_parking", svgHtml: '' }, { name: "local_pharmacy", svgHtml: '' }, { name: "local_phone", svgHtml: '' }, { name: "local_pizza", svgHtml: '' }, { name: "local_play", svgHtml: '' }, { name: "local_police", svgHtml: '' }, { name: "local_post_office", svgHtml: '' }, { name: "local_printshop", svgHtml: '' }, { name: "local_see", svgHtml: '' }, { name: "local_shipping", svgHtml: '' }, { name: "local_taxi", svgHtml: '' }, { name: "location_city", svgHtml: '' }, { name: "location_disabled", svgHtml: '' }, { name: "location_off", svgHtml: '' }, { name: "location_on", svgHtml: '' }, { name: "location_searching", svgHtml: '' }, { name: "lock", svgHtml: '' }, { name: "lock_clock", svgHtml: '' }, { name: "lock_open", svgHtml: '' }, { name: "lock_person", svgHtml: '' }, { name: "lock_reset", svgHtml: '' }, { name: "login", svgHtml: '' }, { name: "logo_dev", svgHtml: '' }, { name: "logout", svgHtml: '' }, { name: "looks", svgHtml: '' }, { name: "looks_3", svgHtml: '' }, { name: "looks_4", svgHtml: '' }, { name: "looks_5", svgHtml: '' }, { name: "looks_6", svgHtml: '' }, { name: "looks_one", svgHtml: '' }, { name: "looks_two", svgHtml: '' }, { name: "loop", svgHtml: '' }, { name: "loupe", svgHtml: '' }, { name: "low_priority", svgHtml: '' }, { name: "loyalty", svgHtml: '' }, { name: "lte_mobiledata", svgHtml: '' }, { name: "lte_plus_mobiledata", svgHtml: '' }, { name: "luggage", svgHtml: '' }, { name: "lunch_dining", svgHtml: '' }, { name: "lyrics", svgHtml: '' }, { name: "macro_off", svgHtml: '' }, { name: "mail", svgHtml: '' }, { name: "mail_lock", svgHtml: '' }, { name: "mail_outline", svgHtml: '' }, { name: "male", svgHtml: '' }, { name: "man", svgHtml: '' }, { name: "man_2", svgHtml: '' }, { name: "man_3", svgHtml: '' }, { name: "man_4", svgHtml: '' }, { name: "manage_accounts", svgHtml: '' }, { name: "manage_history", svgHtml: '' }, { name: "manage_search", svgHtml: '' }, { name: "map", svgHtml: '' }, { name: "maps_home_work", svgHtml: '' }, { name: "maps_ugc", svgHtml: '' }, { name: "margin", svgHtml: '' }, { name: "mark_as_unread", svgHtml: '' }, { name: "mark_chat_read", svgHtml: '' }, { name: "mark_chat_unread", svgHtml: '' }, { name: "mark_email_read", svgHtml: '' }, { name: "mark_email_unread", svgHtml: '' }, { name: "mark_unread_chat_alt", svgHtml: '' }, { name: "markunread", svgHtml: '' }, { name: "markunread_mailbox", svgHtml: '' }, { name: "masks", svgHtml: '' }, { name: "maximize", svgHtml: '' }, { name: "media_bluetooth_off", svgHtml: '' }, { name: "media_bluetooth_on", svgHtml: '' }, { name: "mediation", svgHtml: '' }, { name: "medical_information", svgHtml: '' }, { name: "medical_services", svgHtml: '' }, { name: "medication", svgHtml: '' }, { name: "medication_liquid", svgHtml: '' }, { name: "meeting_room", svgHtml: '' }, { name: "memory", svgHtml: '' }, { name: "menu", svgHtml: '' }, { name: "menu_book", svgHtml: '' }, { name: "menu_open", svgHtml: '' }, { name: "merge", svgHtml: '' }, { name: "merge_type", svgHtml: '' }, { name: "message", svgHtml: '' }, { name: "mic", svgHtml: '' }, { name: "mic_external_off", svgHtml: '' }, { name: "mic_external_on", svgHtml: '' }, { name: "mic_none", svgHtml: '' }, { name: "mic_off", svgHtml: '' }, { name: "microwave", svgHtml: '' }, { name: "military_tech", svgHtml: '' }, { name: "minimize", svgHtml: '' }, { name: "minor_crash", svgHtml: '' }, { name: "miscellaneous_services", svgHtml: '' }, { name: "missed_video_call", svgHtml: '' }, { name: "mms", svgHtml: '' }, { name: "mobile_friendly", svgHtml: '' }, { name: "mobile_off", svgHtml: '' }, { name: "mobile_screen_share", svgHtml: '' }, { name: "mobiledata_off", svgHtml: '' }, { name: "mode", svgHtml: '' }, { name: "mode_comment", svgHtml: '' }, { name: "mode_edit", svgHtml: '' }, { name: "mode_edit_outline", svgHtml: '' }, { name: "mode_fan_off", svgHtml: '' }, { name: "mode_night", svgHtml: '' }, { name: "mode_of_travel", svgHtml: '' }, { name: "mode_standby", svgHtml: '' }, { name: "model_training", svgHtml: '' }, { name: "monetization_on", svgHtml: '' }, { name: "money", svgHtml: '' }, { name: "money_off", svgHtml: '' }, { name: "money_off_csred", svgHtml: '' }, { name: "monitor", svgHtml: '' }, { name: "monitor_heart", svgHtml: '' }, { name: "monitor_weight", svgHtml: '' }, { name: "monochrome_photos", svgHtml: '' }, { name: "mood", svgHtml: '' }, { name: "mood_bad", svgHtml: '' }, { name: "moped", svgHtml: '' }, { name: "more", svgHtml: '' }, { name: "more_horiz", svgHtml: '' }, { name: "more_time", svgHtml: '' }, { name: "more_vert", svgHtml: '' }, { name: "mosque", svgHtml: '' }, { name: "motion_photos_auto", svgHtml: '' }, { name: "motion_photos_off", svgHtml: '' }, { name: "motion_photos_on", svgHtml: '' }, { name: "motion_photos_pause", svgHtml: '' }, { name: "motion_photos_paused", svgHtml: '' }, { name: "mouse", svgHtml: '' }, { name: "move_down", svgHtml: '' }, { name: "move_to_inbox", svgHtml: '' }, { name: "move_up", svgHtml: '' }, { name: "movie", svgHtml: '' }, { name: "movie_creation", svgHtml: '' }, { name: "movie_filter", svgHtml: '' }, { name: "moving", svgHtml: '' }, { name: "mp", svgHtml: '' }, { name: "multiline_chart", svgHtml: '' }, { name: "multiple_stop", svgHtml: '' }, { name: "museum", svgHtml: '' }, { name: "music_note", svgHtml: '' }, { name: "music_off", svgHtml: '' }, { name: "music_video", svgHtml: '' }, { name: "my_location", svgHtml: '' }, { name: "nat", svgHtml: '' }, { name: "nature", svgHtml: '' }, { name: "nature_people", svgHtml: '' }, { name: "navigate_before", svgHtml: '' }, { name: "navigate_next", svgHtml: '' }, { name: "navigation", svgHtml: '' }, { name: "near_me", svgHtml: '' }, { name: "near_me_disabled", svgHtml: '' }, { name: "nearby_error", svgHtml: '' }, { name: "nearby_off", svgHtml: '' }, { name: "nest_cam_wired_stand", svgHtml: '' }, { name: "network_cell", svgHtml: '' }, { name: "network_check", svgHtml: '' }, { name: "network_locked", svgHtml: '' }, { name: "network_ping", svgHtml: '' }, { name: "network_wifi", svgHtml: '' }, { name: "network_wifi_1_bar", svgHtml: '' }, { name: "network_wifi_2_bar", svgHtml: '' }, { name: "network_wifi_3_bar", svgHtml: '' }, { name: "new_label", svgHtml: '' }, { name: "new_releases", svgHtml: '' }, { name: "newspaper", svgHtml: '' }, { name: "next_plan", svgHtml: '' }, { name: "next_week", svgHtml: '' }, { name: "nfc", svgHtml: '' }, { name: "night_shelter", svgHtml: '' }, { name: "nightlife", svgHtml: '' }, { name: "nightlight", svgHtml: '' }, { name: "nightlight_round", svgHtml: '' }, { name: "nights_stay", svgHtml: '' }, { name: "no_accounts", svgHtml: '' }, { name: "no_adult_content", svgHtml: '' }, { name: "no_backpack", svgHtml: '' }, { name: "no_cell", svgHtml: '' }, { name: "no_crash", svgHtml: '' }, { name: "no_drinks", svgHtml: '' }, { name: "no_encryption", svgHtml: '' }, { name: "no_encryption_gmailerrorred", svgHtml: '' }, { name: "no_flash", svgHtml: '' }, { name: "no_food", svgHtml: '' }, { name: "no_luggage", svgHtml: '' }, { name: "no_meals", svgHtml: '' }, { name: "no_meeting_room", svgHtml: '' }, { name: "no_photography", svgHtml: '' }, { name: "no_sim", svgHtml: '' }, { name: "no_stroller", svgHtml: '' }, { name: "no_transfer", svgHtml: '' }, { name: "noise_aware", svgHtml: '' }, { name: "noise_control_off", svgHtml: '' }, { name: "nordic_walking", svgHtml: '' }, { name: "north", svgHtml: '' }, { name: "north_east", svgHtml: '' }, { name: "north_west", svgHtml: '' }, { name: "not_accessible", svgHtml: '' }, { name: "not_interested", svgHtml: '' }, { name: "not_listed_location", svgHtml: '' }, { name: "not_started", svgHtml: '' }, { name: "note", svgHtml: '' }, { name: "note_add", svgHtml: '' }, { name: "note_alt", svgHtml: '' }, { name: "notes", svgHtml: '' }, { name: "notification_add", svgHtml: '' }, { name: "notification_important", svgHtml: '' }, { name: "notifications", svgHtml: '' }, { name: "notifications_active", svgHtml: '' }, { name: "notifications_none", svgHtml: '' }, { name: "notifications_off", svgHtml: '' }, { name: "notifications_paused", svgHtml: '' }, { name: "numbers", svgHtml: '' }, { name: "offline_bolt", svgHtml: '' }, { name: "offline_pin", svgHtml: '' }, { name: "offline_share", svgHtml: '' }, { name: "oil_barrel", svgHtml: '' }, { name: "on_device_training", svgHtml: '' }, { name: "ondemand_video", svgHtml: '' }, { name: "online_prediction", svgHtml: '' }, { name: "opacity", svgHtml: '' }, { name: "open_in_browser", svgHtml: '' }, { name: "open_in_full", svgHtml: '' }, { name: "open_in_new", svgHtml: '' }, { name: "open_in_new_off", svgHtml: '' }, { name: "open_with", svgHtml: '' }, { name: "other_houses", svgHtml: '' }, { name: "outbound", svgHtml: '' }, { name: "outbox", svgHtml: '' }, { name: "outdoor_grill", svgHtml: '' }, { name: "outlet", svgHtml: '' }, { name: "outlined_flag", svgHtml: '' }, { name: "output", svgHtml: '' }, { name: "padding", svgHtml: '' }, { name: "pages", svgHtml: '' }, { name: "pageview", svgHtml: '' }, { name: "paid", svgHtml: '' }, { name: "palette", svgHtml: '' }, { name: "pan_tool", svgHtml: '' }, { name: "pan_tool_alt", svgHtml: '' }, { name: "panorama", svgHtml: '' }, { name: "panorama_fish_eye", svgHtml: '' }, { name: "panorama_horizontal", svgHtml: '' }, { name: "panorama_horizontal_select", svgHtml: '' }, { name: "panorama_photosphere", svgHtml: '' }, { name: "panorama_photosphere_select", svgHtml: '' }, { name: "panorama_vertical", svgHtml: '' }, { name: "panorama_vertical_select", svgHtml: '' }, { name: "panorama_wide_angle", svgHtml: '' }, { name: "panorama_wide_angle_select", svgHtml: '' }, { name: "paragliding", svgHtml: '' }, { name: "park", svgHtml: '' }, { name: "party_mode", svgHtml: '' }, { name: "password", svgHtml: '' }, { name: "pattern", svgHtml: '' }, { name: "pause", svgHtml: '' }, { name: "pause_circle", svgHtml: '' }, { name: "pause_circle_filled", svgHtml: '' }, { name: "pause_circle_outline", svgHtml: '' }, { name: "pause_presentation", svgHtml: '' }, { name: "payment", svgHtml: '' }, { name: "payments", svgHtml: '' }, { name: "pedal_bike", svgHtml: '' }, { name: "pending", svgHtml: '' }, { name: "pending_actions", svgHtml: '' }, { name: "pentagon", svgHtml: '' }, { name: "people", svgHtml: '' }, { name: "people_alt", svgHtml: '' }, { name: "people_outline", svgHtml: '' }, { name: "percent", svgHtml: '' }, { name: "perm_camera_mic", svgHtml: '' }, { name: "perm_contact_calendar", svgHtml: '' }, { name: "perm_data_setting", svgHtml: '' }, { name: "perm_device_information", svgHtml: '' }, { name: "perm_identity", svgHtml: '' }, { name: "perm_media", svgHtml: '' }, { name: "perm_phone_msg", svgHtml: '' }, { name: "perm_scan_wifi", svgHtml: '' }, { name: "person", svgHtml: '' }, { name: "person_2", svgHtml: '' }, { name: "person_3", svgHtml: '' }, { name: "person_4", svgHtml: '' }, { name: "person_add", svgHtml: '' }, { name: "person_add_alt", svgHtml: '' }, { name: "person_add_alt_1", svgHtml: '' }, { name: "person_add_disabled", svgHtml: '' }, { name: "person_off", svgHtml: '' }, { name: "person_outline", svgHtml: '' }, { name: "person_pin", svgHtml: '' }, { name: "person_pin_circle", svgHtml: '' }, { name: "person_remove", svgHtml: '' }, { name: "person_remove_alt_1", svgHtml: '' }, { name: "person_search", svgHtml: '' }, { name: "personal_injury", svgHtml: '' }, { name: "personal_video", svgHtml: '' }, { name: "pest_control", svgHtml: '' }, { name: "pest_control_rodent", svgHtml: '' }, { name: "pets", svgHtml: '' }, { name: "phishing", svgHtml: '' }, { name: "phone", svgHtml: '' }, { name: "phone_android", svgHtml: '' }, { name: "phone_bluetooth_speaker", svgHtml: '' }, { name: "phone_callback", svgHtml: '' }, { name: "phone_disabled", svgHtml: '' }, { name: "phone_enabled", svgHtml: '' }, { name: "phone_forwarded", svgHtml: '' }, { name: "phone_iphone", svgHtml: '' }, { name: "phone_locked", svgHtml: '' }, { name: "phone_missed", svgHtml: '' }, { name: "phone_paused", svgHtml: '' }, { name: "phonelink", svgHtml: '' }, { name: "phonelink_erase", svgHtml: '' }, { name: "phonelink_lock", svgHtml: '' }, { name: "phonelink_off", svgHtml: '' }, { name: "phonelink_ring", svgHtml: '' }, { name: "phonelink_setup", svgHtml: '' }, { name: "photo", svgHtml: '' }, { name: "photo_album", svgHtml: '' }, { name: "photo_camera", svgHtml: '' }, { name: "photo_camera_back", svgHtml: '' }, { name: "photo_camera_front", svgHtml: '' }, { name: "photo_filter", svgHtml: '' }, { name: "photo_library", svgHtml: '' }, { name: "photo_size_select_actual", svgHtml: '' }, { name: "photo_size_select_large", svgHtml: '' }, { name: "photo_size_select_small", svgHtml: '' }, { name: "php", svgHtml: '' }, { name: "piano", svgHtml: '' }, { name: "piano_off", svgHtml: '' }, { name: "picture_as_pdf", svgHtml: '' }, { name: "picture_in_picture", svgHtml: '' }, { name: "picture_in_picture_alt", svgHtml: '' }, { name: "pie_chart", svgHtml: '' }, { name: "pie_chart_outline", svgHtml: '' }, { name: "pin", svgHtml: '' }, { name: "pin_drop", svgHtml: '' }, { name: "pin_end", svgHtml: '' }, { name: "pin_invoke", svgHtml: '' }, { name: "pinch", svgHtml: '' }, { name: "pivot_table_chart", svgHtml: '' }, { name: "pix", svgHtml: '' }, { name: "place", svgHtml: '' }, { name: "plagiarism", svgHtml: '' }, { name: "play_arrow", svgHtml: '' }, { name: "play_circle", svgHtml: '' }, { name: "play_circle_filled", svgHtml: '' }, { name: "play_circle_outline", svgHtml: '' }, { name: "play_disabled", svgHtml: '' }, { name: "play_for_work", svgHtml: '' }, { name: "play_lesson", svgHtml: '' }, { name: "playlist_add", svgHtml: '' }, { name: "playlist_add_check", svgHtml: '' }, { name: "playlist_add_check_circle", svgHtml: '' }, { name: "playlist_add_circle", svgHtml: '' }, { name: "playlist_play", svgHtml: '' }, { name: "playlist_remove", svgHtml: '' }, { name: "plumbing", svgHtml: '' }, { name: "plus_one", svgHtml: '' }, { name: "podcasts", svgHtml: '' }, { name: "point_of_sale", svgHtml: '' }, { name: "policy", svgHtml: '' }, { name: "poll", svgHtml: '' }, { name: "polyline", svgHtml: '' }, { name: "polymer", svgHtml: '' }, { name: "pool", svgHtml: '' }, { name: "portable_wifi_off", svgHtml: '' }, { name: "portrait", svgHtml: '' }, { name: "post_add", svgHtml: '' }, { name: "power", svgHtml: '' }, { name: "power_input", svgHtml: '' }, { name: "power_off", svgHtml: '' }, { name: "power_settings_new", svgHtml: '' }, { name: "precision_manufacturing", svgHtml: '' }, { name: "pregnant_woman", svgHtml: '' }, { name: "present_to_all", svgHtml: '' }, { name: "preview", svgHtml: '' }, { name: "price_change", svgHtml: '' }, { name: "price_check", svgHtml: '' }, { name: "print", svgHtml: '' }, { name: "print_disabled", svgHtml: '' }, { name: "priority_high", svgHtml: '' }, { name: "privacy_tip", svgHtml: '' }, { name: "private_connectivity", svgHtml: '' }, { name: "production_quantity_limits", svgHtml: '' }, { name: "propane", svgHtml: '' }, { name: "propane_tank", svgHtml: '' }, { name: "psychology", svgHtml: '' }, { name: "psychology_alt", svgHtml: '' }, { name: "public", svgHtml: '' }, { name: "public_off", svgHtml: '' }, { name: "publish", svgHtml: '' }, { name: "published_with_changes", svgHtml: '' }, { name: "punch_clock", svgHtml: '' }, { name: "push_pin", svgHtml: '' }, { name: "qr_code", svgHtml: '' }, { name: "qr_code_2", svgHtml: '' }, { name: "qr_code_scanner", svgHtml: '' }, { name: "query_builder", svgHtml: '' }, { name: "query_stats", svgHtml: '' }, { name: "question_answer", svgHtml: '' }, { name: "question_mark", svgHtml: '' }, { name: "queue", svgHtml: '' }, { name: "queue_music", svgHtml: '' }, { name: "queue_play_next", svgHtml: '' }, { name: "quickreply", svgHtml: '' }, { name: "quiz", svgHtml: '' }, { name: "r_mobiledata", svgHtml: '' }, { name: "radar", svgHtml: '' }, { name: "radio", svgHtml: '' }, { name: "radio_button_checked", svgHtml: '' }, { name: "radio_button_unchecked", svgHtml: '' }, { name: "railway_alert", svgHtml: '' }, { name: "ramen_dining", svgHtml: '' }, { name: "ramp_left", svgHtml: '' }, { name: "ramp_right", svgHtml: '' }, { name: "rate_review", svgHtml: '' }, { name: "raw_off", svgHtml: '' }, { name: "raw_on", svgHtml: '' }, { name: "read_more", svgHtml: '' }, { name: "real_estate_agent", svgHtml: '' }, { name: "receipt", svgHtml: '' }, { name: "receipt_long", svgHtml: '' }, { name: "recent_actors", svgHtml: '' }, { name: "recommend", svgHtml: '' }, { name: "record_voice_over", svgHtml: '' }, { name: "rectangle", svgHtml: '' }, { name: "recycling", svgHtml: '' }, { name: "redeem", svgHtml: '' }, { name: "redo", svgHtml: '' }, { name: "reduce_capacity", svgHtml: '' }, { name: "refresh", svgHtml: '' }, { name: "remember_me", svgHtml: '' }, { name: "remove", svgHtml: '' }, { name: "remove_circle", svgHtml: '' }, { name: "remove_circle_outline", svgHtml: '' }, { name: "remove_done", svgHtml: '' }, { name: "remove_from_queue", svgHtml: '' }, { name: "remove_moderator", svgHtml: '' }, { name: "remove_red_eye", svgHtml: '' }, { name: "remove_road", svgHtml: '' }, { name: "remove_shopping_cart", svgHtml: '' }, { name: "reorder", svgHtml: '' }, { name: "repartition", svgHtml: '' }, { name: "repeat", svgHtml: '' }, { name: "repeat_on", svgHtml: '' }, { name: "repeat_one", svgHtml: '' }, { name: "repeat_one_on", svgHtml: '' }, { name: "replay", svgHtml: '' }, { name: "replay_10", svgHtml: '' }, { name: "replay_30", svgHtml: '' }, { name: "replay_5", svgHtml: '' }, { name: "replay_circle_filled", svgHtml: '' }, { name: "reply", svgHtml: '' }, { name: "reply_all", svgHtml: '' }, { name: "report", svgHtml: '' }, { name: "report_gmailerrorred", svgHtml: '' }, { name: "report_off", svgHtml: '' }, { name: "report_problem", svgHtml: '' }, { name: "request_page", svgHtml: '' }, { name: "request_quote", svgHtml: '' }, { name: "reset_tv", svgHtml: '' }, { name: "restart_alt", svgHtml: '' }, { name: "restaurant", svgHtml: '' }, { name: "restaurant_menu", svgHtml: '' }, { name: "restore", svgHtml: '' }, { name: "restore_from_trash", svgHtml: '' }, { name: "restore_page", svgHtml: '' }, { name: "reviews", svgHtml: '' }, { name: "rice_bowl", svgHtml: '' }, { name: "ring_volume", svgHtml: '' }, { name: "rocket", svgHtml: '' }, { name: "rocket_launch", svgHtml: '' }, { name: "roller_shades", svgHtml: '' }, { name: "roller_shades_closed", svgHtml: '' }, { name: "roller_skating", svgHtml: '' }, { name: "roofing", svgHtml: '' }, { name: "room", svgHtml: '' }, { name: "room_preferences", svgHtml: '' }, { name: "room_service", svgHtml: '' }, { name: "rotate_90_degrees_ccw", svgHtml: '' }, { name: "rotate_90_degrees_cw", svgHtml: '' }, { name: "rotate_left", svgHtml: '' }, { name: "rotate_right", svgHtml: '' }, { name: "roundabout_left", svgHtml: '' }, { name: "roundabout_right", svgHtml: '' }, { name: "rounded_corner", svgHtml: '' }, { name: "route", svgHtml: '' }, { name: "router", svgHtml: '' }, { name: "rowing", svgHtml: '' }, { name: "rss_feed", svgHtml: '' }, { name: "rsvp", svgHtml: '' }, { name: "rtt", svgHtml: '' }, { name: "rule", svgHtml: '' }, { name: "rule_folder", svgHtml: '' }, { name: "run_circle", svgHtml: '' }, { name: "running_with_errors", svgHtml: '' }, { name: "rv_hookup", svgHtml: '' }, { name: "safety_check", svgHtml: '' }, { name: "safety_divider", svgHtml: '' }, { name: "sailing", svgHtml: '' }, { name: "sanitizer", svgHtml: '' }, { name: "satellite", svgHtml: '' }, { name: "satellite_alt", svgHtml: '' }, { name: "save", svgHtml: '' }, { name: "save_alt", svgHtml: '' }, { name: "save_as", svgHtml: '' }, { name: "saved_search", svgHtml: '' }, { name: "savings", svgHtml: '' }, { name: "scale", svgHtml: '' }, { name: "scanner", svgHtml: '' }, { name: "scatter_plot", svgHtml: '' }, { name: "schedule", svgHtml: '' }, { name: "schedule_send", svgHtml: '' }, { name: "schema", svgHtml: '' }, { name: "school", svgHtml: '' }, { name: "science", svgHtml: '' }, { name: "score", svgHtml: '' }, { name: "scoreboard", svgHtml: '' }, { name: "screen_lock_landscape", svgHtml: '' }, { name: "screen_lock_portrait", svgHtml: '' }, { name: "screen_lock_rotation", svgHtml: '' }, { name: "screen_rotation", svgHtml: '' }, { name: "screen_rotation_alt", svgHtml: '' }, { name: "screen_search_desktop", svgHtml: '' }, { name: "screen_share", svgHtml: '' }, { name: "screenshot", svgHtml: '' }, { name: "screenshot_monitor", svgHtml: '' }, { name: "scuba_diving", svgHtml: '' }, { name: "sd", svgHtml: '' }, { name: "sd_card", svgHtml: '' }, { name: "sd_card_alert", svgHtml: '' }, { name: "sd_storage", svgHtml: '' }, { name: "search", svgHtml: '' }, { name: "search_off", svgHtml: '' }, { name: "security", svgHtml: '' }, { name: "security_update", svgHtml: '' }, { name: "security_update_good", svgHtml: '' }, { name: "security_update_warning", svgHtml: '' }, { name: "segment", svgHtml: '' }, { name: "select_all", svgHtml: '' }, { name: "self_improvement", svgHtml: '' }, { name: "sell", svgHtml: '' }, { name: "send", svgHtml: '' }, { name: "send_and_archive", svgHtml: '' }, { name: "send_time_extension", svgHtml: '' }, { name: "send_to_mobile", svgHtml: '' }, { name: "sensor_door", svgHtml: '' }, { name: "sensor_occupied", svgHtml: '' }, { name: "sensor_window", svgHtml: '' }, { name: "sensors", svgHtml: '' }, { name: "sensors_off", svgHtml: '' }, { name: "sentiment_dissatisfied", svgHtml: '' }, { name: "sentiment_neutral", svgHtml: '' }, { name: "sentiment_satisfied", svgHtml: '' }, { name: "sentiment_satisfied_alt", svgHtml: '' }, { name: "sentiment_very_dissatisfied", svgHtml: '' }, { name: "sentiment_very_satisfied", svgHtml: '' }, { name: "set_meal", svgHtml: '' }, { name: "settings", svgHtml: '' }, { name: "settings_accessibility", svgHtml: '' }, { name: "settings_applications", svgHtml: '' }, { name: "settings_backup_restore", svgHtml: '' }, { name: "settings_bluetooth", svgHtml: '' }, { name: "settings_brightness", svgHtml: '' }, { name: "settings_cell", svgHtml: '' }, { name: "settings_ethernet", svgHtml: '' }, { name: "settings_input_antenna", svgHtml: '' }, { name: "settings_input_component", svgHtml: '' }, { name: "settings_input_composite", svgHtml: '' }, { name: "settings_input_hdmi", svgHtml: '' }, { name: "settings_input_svideo", svgHtml: '' }, { name: "settings_overscan", svgHtml: '' }, { name: "settings_phone", svgHtml: '' }, { name: "settings_power", svgHtml: '' }, { name: "settings_remote", svgHtml: '' }, { name: "settings_suggest", svgHtml: '' }, { name: "settings_system_daydream", svgHtml: '' }, { name: "settings_voice", svgHtml: '' }, { name: "severe_cold", svgHtml: '' }, { name: "shape_line", svgHtml: '' }, { name: "share", svgHtml: '' }, { name: "share_location", svgHtml: '' }, { name: "shield", svgHtml: '' }, { name: "shield_moon", svgHtml: '' }, { name: "shop", svgHtml: '' }, { name: "shop_2", svgHtml: '' }, { name: "shop_two", svgHtml: '' }, { name: "shopping_bag", svgHtml: '' }, { name: "shopping_basket", svgHtml: '' }, { name: "shopping_cart", svgHtml: '' }, { name: "shopping_cart_checkout", svgHtml: '' }, { name: "short_text", svgHtml: '' }, { name: "shortcut", svgHtml: '' }, { name: "show_chart", svgHtml: '' }, { name: "shower", svgHtml: '' }, { name: "shuffle", svgHtml: '' }, { name: "shuffle_on", svgHtml: '' }, { name: "shutter_speed", svgHtml: '' }, { name: "sick", svgHtml: '' }, { name: "sign_language", svgHtml: '' }, { name: "signal_cellular_0_bar", svgHtml: '' }, { name: "signal_cellular_4_bar", svgHtml: '' }, { name: "signal_cellular_alt", svgHtml: '' }, { name: "signal_cellular_alt_1_bar", svgHtml: '' }, { name: "signal_cellular_alt_2_bar", svgHtml: '' }, { name: "signal_cellular_connected_no_internet_0_bar", svgHtml: '' }, { name: "signal_cellular_connected_no_internet_4_bar", svgHtml: '' }, { name: "signal_cellular_no_sim", svgHtml: '' }, { name: "signal_cellular_nodata", svgHtml: '' }, { name: "signal_cellular_null", svgHtml: '' }, { name: "signal_cellular_off", svgHtml: '' }, { name: "signal_wifi_0_bar", svgHtml: '' }, { name: "signal_wifi_4_bar", svgHtml: '' }, { name: "signal_wifi_4_bar_lock", svgHtml: '' }, { name: "signal_wifi_bad", svgHtml: '' }, { name: "signal_wifi_connected_no_internet_4", svgHtml: '' }, { name: "signal_wifi_off", svgHtml: '' }, { name: "signal_wifi_statusbar_4_bar", svgHtml: '' }, { name: "signal_wifi_statusbar_connected_no_internet_4", svgHtml: '' }, { name: "signal_wifi_statusbar_null", svgHtml: '' }, { name: "signpost", svgHtml: '' }, { name: "sim_card", svgHtml: '' }, { name: "sim_card_alert", svgHtml: '' }, { name: "sim_card_download", svgHtml: '' }, { name: "single_bed", svgHtml: '' }, { name: "sip", svgHtml: '' }, { name: "skateboarding", svgHtml: '' }, { name: "skip_next", svgHtml: '' }, { name: "skip_previous", svgHtml: '' }, { name: "sledding", svgHtml: '' }, { name: "slideshow", svgHtml: '' }, { name: "slow_motion_video", svgHtml: '' }, { name: "smart_button", svgHtml: '' }, { name: "smart_display", svgHtml: '' }, { name: "smart_screen", svgHtml: '' }, { name: "smart_toy", svgHtml: '' }, { name: "smartphone", svgHtml: '' }, { name: "smoke_free", svgHtml: '' }, { name: "smoking_rooms", svgHtml: '' }, { name: "sms", svgHtml: '' }, { name: "sms_failed", svgHtml: '' }, { name: "snippet_folder", svgHtml: '' }, { name: "snooze", svgHtml: '' }, { name: "snowboarding", svgHtml: '' }, { name: "snowmobile", svgHtml: '' }, { name: "snowshoeing", svgHtml: '' }, { name: "soap", svgHtml: '' }, { name: "social_distance", svgHtml: '' }, { name: "solar_power", svgHtml: '' }, { name: "sort", svgHtml: '' }, { name: "sort_by_alpha", svgHtml: '' }, { name: "sos", svgHtml: '' }, { name: "soup_kitchen", svgHtml: '' }, { name: "source", svgHtml: '' }, { name: "south", svgHtml: '' }, { name: "south_america", svgHtml: '' }, { name: "south_east", svgHtml: '' }, { name: "south_west", svgHtml: '' }, { name: "spa", svgHtml: '' }, { name: "space_bar", svgHtml: '' }, { name: "space_dashboard", svgHtml: '' }, { name: "spatial_audio", svgHtml: '' }, { name: "spatial_audio_off", svgHtml: '' }, { name: "spatial_tracking", svgHtml: '' }, { name: "speaker", svgHtml: '' }, { name: "speaker_group", svgHtml: '' }, { name: "speaker_notes", svgHtml: '' }, { name: "speaker_notes_off", svgHtml: '' }, { name: "speaker_phone", svgHtml: '' }, { name: "speed", svgHtml: '' }, { name: "spellcheck", svgHtml: '' }, { name: "splitscreen", svgHtml: '' }, { name: "spoke", svgHtml: '' }, { name: "sports", svgHtml: '' }, { name: "sports_bar", svgHtml: '' }, { name: "sports_baseball", svgHtml: '' }, { name: "sports_basketball", svgHtml: '' }, { name: "sports_cricket", svgHtml: '' }, { name: "sports_esports", svgHtml: '' }, { name: "sports_football", svgHtml: '' }, { name: "sports_golf", svgHtml: '' }, { name: "sports_gymnastics", svgHtml: '' }, { name: "sports_handball", svgHtml: '' }, { name: "sports_hockey", svgHtml: '' }, { name: "sports_kabaddi", svgHtml: '' }, { name: "sports_martial_arts", svgHtml: '' }, { name: "sports_mma", svgHtml: '' }, { name: "sports_motorsports", svgHtml: '' }, { name: "sports_rugby", svgHtml: '' }, { name: "sports_score", svgHtml: '' }, { name: "sports_soccer", svgHtml: '' }, { name: "sports_tennis", svgHtml: '' }, { name: "sports_volleyball", svgHtml: '' }, { name: "square", svgHtml: '' }, { name: "square_foot", svgHtml: '' }, { name: "ssid_chart", svgHtml: '' }, { name: "stacked_bar_chart", svgHtml: '' }, { name: "stacked_line_chart", svgHtml: '' }, { name: "stadium", svgHtml: '' }, { name: "stairs", svgHtml: '' }, { name: "star", svgHtml: '' }, { name: "star_border", svgHtml: '' }, { name: "star_border_purple500", svgHtml: '' }, { name: "star_half", svgHtml: '' }, { name: "star_outline", svgHtml: '' }, { name: "star_purple500", svgHtml: '' }, { name: "star_rate", svgHtml: '' }, { name: "stars", svgHtml: '' }, { name: "start", svgHtml: '' }, { name: "stay_current_landscape", svgHtml: '' }, { name: "stay_current_portrait", svgHtml: '' }, { name: "stay_primary_landscape", svgHtml: '' }, { name: "stay_primary_portrait", svgHtml: '' }, { name: "sticky_note_2", svgHtml: '' }, { name: "stop", svgHtml: '' }, { name: "stop_circle", svgHtml: '' }, { name: "stop_screen_share", svgHtml: '' }, { name: "storage", svgHtml: '' }, { name: "store", svgHtml: '' }, { name: "store_mall_directory", svgHtml: '' }, { name: "storefront", svgHtml: '' }, { name: "storm", svgHtml: '' }, { name: "straight", svgHtml: '' }, { name: "straighten", svgHtml: '' }, { name: "stream", svgHtml: '' }, { name: "streetview", svgHtml: '' }, { name: "strikethrough_s", svgHtml: '' }, { name: "stroller", svgHtml: '' }, { name: "style", svgHtml: '' }, { name: "subdirectory_arrow_left", svgHtml: '' }, { name: "subdirectory_arrow_right", svgHtml: '' }, { name: "subject", svgHtml: '' }, { name: "subscript", svgHtml: '' }, { name: "subscriptions", svgHtml: '' }, { name: "subtitles", svgHtml: '' }, { name: "subtitles_off", svgHtml: '' }, { name: "subway", svgHtml: '' }, { name: "summarize", svgHtml: '' }, { name: "superscript", svgHtml: '' }, { name: "supervised_user_circle", svgHtml: '' }, { name: "supervisor_account", svgHtml: '' }, { name: "support", svgHtml: '' }, { name: "support_agent", svgHtml: '' }, { name: "surfing", svgHtml: '' }, { name: "surround_sound", svgHtml: '' }, { name: "swap_calls", svgHtml: '' }, { name: "swap_horiz", svgHtml: '' }, { name: "swap_horizontal_circle", svgHtml: '' }, { name: "swap_vert", svgHtml: '' }, { name: "swap_vertical_circle", svgHtml: '' }, { name: "swipe", svgHtml: '' }, { name: "swipe_down", svgHtml: '' }, { name: "swipe_down_alt", svgHtml: '' }, { name: "swipe_left", svgHtml: '' }, { name: "swipe_left_alt", svgHtml: '' }, { name: "swipe_right", svgHtml: '' }, { name: "swipe_right_alt", svgHtml: '' }, { name: "swipe_up", svgHtml: '' }, { name: "swipe_up_alt", svgHtml: '' }, { name: "swipe_vertical", svgHtml: '' }, { name: "switch_access_shortcut", svgHtml: '' }, { name: "switch_access_shortcut_add", svgHtml: '' }, { name: "switch_account", svgHtml: '' }, { name: "switch_camera", svgHtml: '' }, { name: "switch_left", svgHtml: '' }, { name: "switch_right", svgHtml: '' }, { name: "switch_video", svgHtml: '' }, { name: "synagogue", svgHtml: '' }, { name: "sync", svgHtml: '' }, { name: "sync_alt", svgHtml: '' }, { name: "sync_disabled", svgHtml: '' }, { name: "sync_lock", svgHtml: '' }, { name: "sync_problem", svgHtml: '' }, { name: "system_security_update", svgHtml: '' }, { name: "system_security_update_good", svgHtml: '' }, { name: "system_security_update_warning", svgHtml: '' }, { name: "system_update", svgHtml: '' }, { name: "system_update_alt", svgHtml: '' }, { name: "tab", svgHtml: '' }, { name: "tab_unselected", svgHtml: '' }, { name: "table_bar", svgHtml: '' }, { name: "table_chart", svgHtml: '' }, { name: "table_restaurant", svgHtml: '' }, { name: "table_rows", svgHtml: '' }, { name: "table_view", svgHtml: '' }, { name: "tablet", svgHtml: '' }, { name: "tablet_android", svgHtml: '' }, { name: "tablet_mac", svgHtml: '' }, { name: "tag", svgHtml: '' }, { name: "tag_faces", svgHtml: '' }, { name: "takeout_dining", svgHtml: '' }, { name: "tap_and_play", svgHtml: '' }, { name: "tapas", svgHtml: '' }, { name: "task", svgHtml: '' }, { name: "task_alt", svgHtml: '' }, { name: "taxi_alert", svgHtml: '' }, { name: "temple_buddhist", svgHtml: '' }, { name: "temple_hindu", svgHtml: '' }, { name: "terminal", svgHtml: '' }, { name: "terrain", svgHtml: '' }, { name: "text_decrease", svgHtml: '' }, { name: "text_fields", svgHtml: '' }, { name: "text_format", svgHtml: '' }, { name: "text_increase", svgHtml: '' }, { name: "text_rotate_up", svgHtml: '' }, { name: "text_rotate_vertical", svgHtml: '' }, { name: "text_rotation_angledown", svgHtml: '' }, { name: "text_rotation_angleup", svgHtml: '' }, { name: "text_rotation_down", svgHtml: '' }, { name: "text_rotation_none", svgHtml: '' }, { name: "text_snippet", svgHtml: '' }, { name: "textsms", svgHtml: '' }, { name: "texture", svgHtml: '' }, { name: "theater_comedy", svgHtml: '' }, { name: "theaters", svgHtml: '' }, { name: "thermostat", svgHtml: '' }, { name: "thermostat_auto", svgHtml: '' }, { name: "thumb_down", svgHtml: '' }, { name: "thumb_down_alt", svgHtml: '' }, { name: "thumb_down_off_alt", svgHtml: '' }, { name: "thumb_up", svgHtml: '' }, { name: "thumb_up_alt", svgHtml: '' }, { name: "thumb_up_off_alt", svgHtml: '' }, { name: "thumbs_up_down", svgHtml: '' }, { name: "thunderstorm", svgHtml: '' }, { name: "time_to_leave", svgHtml: '' }, { name: "timelapse", svgHtml: '' }, { name: "timeline", svgHtml: '' }, { name: "timer", svgHtml: '' }, { name: "timer_10", svgHtml: '' }, { name: "timer_10_select", svgHtml: '' }, { name: "timer_3", svgHtml: '' }, { name: "timer_3_select", svgHtml: '' }, { name: "timer_off", svgHtml: '' }, { name: "tips_and_updates", svgHtml: '' }, { name: "tire_repair", svgHtml: '' }, { name: "title", svgHtml: '' }, { name: "toc", svgHtml: '' }, { name: "today", svgHtml: '' }, { name: "toggle_off", svgHtml: '' }, { name: "toggle_on", svgHtml: '' }, { name: "token", svgHtml: '' }, { name: "toll", svgHtml: '' }, { name: "tonality", svgHtml: '' }, { name: "topic", svgHtml: '' }, { name: "tornado", svgHtml: '' }, { name: "touch_app", svgHtml: '' }, { name: "tour", svgHtml: '' }, { name: "toys", svgHtml: '' }, { name: "track_changes", svgHtml: '' }, { name: "traffic", svgHtml: '' }, { name: "train", svgHtml: '' }, { name: "tram", svgHtml: '' }, { name: "transcribe", svgHtml: '' }, { name: "transfer_within_a_station", svgHtml: '' }, { name: "transform", svgHtml: '' }, { name: "transgender", svgHtml: '' }, { name: "transit_enterexit", svgHtml: '' }, { name: "translate", svgHtml: '' }, { name: "travel_explore", svgHtml: '' }, { name: "trending_down", svgHtml: '' }, { name: "trending_flat", svgHtml: '' }, { name: "trending_up", svgHtml: '' }, { name: "trip_origin", svgHtml: '' }, { name: "troubleshoot", svgHtml: '' }, { name: "try", svgHtml: '' }, { name: "tsunami", svgHtml: '' }, { name: "tty", svgHtml: '' }, { name: "tune", svgHtml: '' }, { name: "tungsten", svgHtml: '' }, { name: "turn_left", svgHtml: '' }, { name: "turn_right", svgHtml: '' }, { name: "turn_sharp_left", svgHtml: '' }, { name: "turn_sharp_right", svgHtml: '' }, { name: "turn_slight_left", svgHtml: '' }, { name: "turn_slight_right", svgHtml: '' }, { name: "turned_in", svgHtml: '' }, { name: "turned_in_not", svgHtml: '' }, { name: "tv", svgHtml: '' }, { name: "tv_off", svgHtml: '' }, { name: "two_wheeler", svgHtml: '' }, { name: "type_specimen", svgHtml: '' }, { name: "u_turn_left", svgHtml: '' }, { name: "u_turn_right", svgHtml: '' }, { name: "umbrella", svgHtml: '' }, { name: "unarchive", svgHtml: '' }, { name: "undo", svgHtml: '' }, { name: "unfold_less", svgHtml: '' }, { name: "unfold_less_double", svgHtml: '' }, { name: "unfold_more", svgHtml: '' }, { name: "unfold_more_double", svgHtml: '' }, { name: "unpublished", svgHtml: '' }, { name: "unsubscribe", svgHtml: '' }, { name: "upcoming", svgHtml: '' }, { name: "update", svgHtml: '' }, { name: "update_disabled", svgHtml: '' }, { name: "upgrade", svgHtml: '' }, { name: "upload", svgHtml: '' }, { name: "upload_file", svgHtml: '' }, { name: "usb", svgHtml: '' }, { name: "usb_off", svgHtml: '' }, { name: "vaccines", svgHtml: '' }, { name: "vape_free", svgHtml: '' }, { name: "vaping_rooms", svgHtml: '' }, { name: "verified", svgHtml: '' }, { name: "verified_user", svgHtml: '' }, { name: "vertical_align_bottom", svgHtml: '' }, { name: "vertical_align_center", svgHtml: '' }, { name: "vertical_align_top", svgHtml: '' }, { name: "vertical_distribute", svgHtml: '' }, { name: "vertical_shades", svgHtml: '' }, { name: "vertical_shades_closed", svgHtml: '' }, { name: "vertical_split", svgHtml: '' }, { name: "vibration", svgHtml: '' }, { name: "video_call", svgHtml: '' }, { name: "video_camera_back", svgHtml: '' }, { name: "video_camera_front", svgHtml: '' }, { name: "video_chat", svgHtml: '' }, { name: "video_file", svgHtml: '' }, { name: "video_label", svgHtml: '' }, { name: "video_library", svgHtml: '' }, { name: "video_settings", svgHtml: '' }, { name: "video_stable", svgHtml: '' }, { name: "videocam", svgHtml: '' }, { name: "videocam_off", svgHtml: '' }, { name: "videogame_asset", svgHtml: '' }, { name: "videogame_asset_off", svgHtml: '' }, { name: "view_agenda", svgHtml: '' }, { name: "view_array", svgHtml: '' }, { name: "view_carousel", svgHtml: '' }, { name: "view_column", svgHtml: '' }, { name: "view_comfy", svgHtml: '' }, { name: "view_comfy_alt", svgHtml: '' }, { name: "view_compact", svgHtml: '' }, { name: "view_compact_alt", svgHtml: '' }, { name: "view_cozy", svgHtml: '' }, { name: "view_day", svgHtml: '' }, { name: "view_headline", svgHtml: '' }, { name: "view_in_ar", svgHtml: '' }, { name: "view_kanban", svgHtml: '' }, { name: "view_list", svgHtml: '' }, { name: "view_module", svgHtml: '' }, { name: "view_quilt", svgHtml: '' }, { name: "view_sidebar", svgHtml: '' }, { name: "view_stream", svgHtml: '' }, { name: "view_timeline", svgHtml: '' }, { name: "view_week", svgHtml: '' }, { name: "vignette", svgHtml: '' }, { name: "villa", svgHtml: '' }, { name: "visibility", svgHtml: '' }, { name: "visibility_off", svgHtml: '' }, { name: "voice_chat", svgHtml: '' }, { name: "voice_over_off", svgHtml: '' }, { name: "voicemail", svgHtml: '' }, { name: "volcano", svgHtml: '' }, { name: "volume_down", svgHtml: '' }, { name: "volume_mute", svgHtml: '' }, { name: "volume_off", svgHtml: '' }, { name: "volume_up", svgHtml: '' }, { name: "volunteer_activism", svgHtml: '' }, { name: "vpn_key", svgHtml: '' }, { name: "vpn_key_off", svgHtml: '' }, { name: "vpn_lock", svgHtml: '' }, { name: "vrpano", svgHtml: '' }, { name: "wallet", svgHtml: '' }, { name: "wallpaper", svgHtml: '' }, { name: "warehouse", svgHtml: '' }, { name: "warning", svgHtml: '' }, { name: "warning_amber", svgHtml: '' }, { name: "wash", svgHtml: '' }, { name: "watch", svgHtml: '' }, { name: "watch_later", svgHtml: '' }, { name: "watch_off", svgHtml: '' }, { name: "water", svgHtml: '' }, { name: "water_damage", svgHtml: '' }, { name: "water_drop", svgHtml: '' }, { name: "waterfall_chart", svgHtml: '' }, { name: "waves", svgHtml: '' }, { name: "waving_hand", svgHtml: '' }, { name: "wb_auto", svgHtml: '' }, { name: "wb_cloudy", svgHtml: '' }, { name: "wb_incandescent", svgHtml: '' }, { name: "wb_iridescent", svgHtml: '' }, { name: "wb_shade", svgHtml: '' }, { name: "wb_sunny", svgHtml: '' }, { name: "wb_twilight", svgHtml: '' }, { name: "wc", svgHtml: '' }, { name: "web", svgHtml: '' }, { name: "web_asset", svgHtml: '' }, { name: "web_asset_off", svgHtml: '' }, { name: "web_stories", svgHtml: '' }, { name: "webhook", svgHtml: '' }, { name: "weekend", svgHtml: '' }, { name: "west", svgHtml: '' }, { name: "whatshot", svgHtml: '' }, { name: "wheelchair_pickup", svgHtml: '' }, { name: "where_to_vote", svgHtml: '' }, { name: "widgets", svgHtml: '' }, { name: "width_full", svgHtml: '' }, { name: "width_normal", svgHtml: '' }, { name: "width_wide", svgHtml: '' }, { name: "wifi", svgHtml: '' }, { name: "wifi_1_bar", svgHtml: '' }, { name: "wifi_2_bar", svgHtml: '' }, { name: "wifi_calling", svgHtml: '' }, { name: "wifi_calling_3", svgHtml: '' }, { name: "wifi_channel", svgHtml: '' }, { name: "wifi_find", svgHtml: '' }, { name: "wifi_lock", svgHtml: '' }, { name: "wifi_off", svgHtml: '' }, { name: "wifi_password", svgHtml: '' }, { name: "wifi_protected_setup", svgHtml: '' }, { name: "wifi_tethering", svgHtml: '' }, { name: "wifi_tethering_error", svgHtml: '' }, { name: "wifi_tethering_off", svgHtml: '' }, { name: "wind_power", svgHtml: '' }, { name: "window", svgHtml: '' }, { name: "wine_bar", svgHtml: '' }, { name: "woman", svgHtml: '' }, { name: "woman_2", svgHtml: '' }, { name: "work", svgHtml: '' }, { name: "work_history", svgHtml: '' }, { name: "work_off", svgHtml: '' }, { name: "work_outline", svgHtml: '' }, { name: "workspace_premium", svgHtml: '' }, { name: "workspaces", svgHtml: '' }, { name: "wrap_text", svgHtml: '' }, { name: "wrong_location", svgHtml: '' }, { name: "wysiwyg", svgHtml: '' }, { name: "yard", svgHtml: '' }, { name: "youtube_searched_for", svgHtml: '' }, { name: "zoom_in", svgHtml: '' }, { name: "zoom_in_map", svgHtml: '' }, { name: "zoom_out", svgHtml: '' }, { name: "zoom_out_map", svgHtml: '' }]; const [searchQuery, setSearchQuery] = useState(""); const [filteredIcons, setFilteredIcons] = useState([]); const [toast, setToast] = useState({ visible: false, message: "", path: "" }); const [visibleRange, setVisibleRange] = useState({ start: 0, end: 50 }); const scrollContainerRef = useRef(null); const ITEMS_PER_ROW = 5; const ITEM_HEIGHT = 110; const PRELOAD_BUFFER = 10; const generateImportName = name => { const pascal = name.replace(/^(.)/, match => match.toUpperCase()).replace(/([-_]\w)/g, g => g[1].toUpperCase()); return `Icon${pascal}`; }; const allIcons = useMemo(() => { const configMaterialIcons = materialIcons.map(icon => { const importName = generateImportName(icon.name); return { name: icon.name, svgHtml: icon.svgHtml, importPath: `import ${importName} from "@servicetitan/anvil2/assets/icons/material/round/${icon.name}.svg";`, isInline: true }; }); const configStIcons = stIcons.map(icon => { const importName = generateImportName(icon.name); return { name: `st_${icon.name}`, svgHtml: icon.svgHtml, importPath: `import ${importName} from "@servicetitan/anvil2/assets/icons/st/${icon.name}.svg";`, isInline: true }; }); return [...configMaterialIcons, ...configStIcons]; }, []); useEffect(() => { const lowerCaseQuery = searchQuery.toLowerCase().replace(/[-_]/g, ""); if (!lowerCaseQuery) { setFilteredIcons(allIcons); setVisibleRange({ start: 0, end: 50 }); } else { const filtered = allIcons.filter(icon => icon.name.toLowerCase().replace(/[-_]/g, "").includes(lowerCaseQuery)); setFilteredIcons(filtered); setVisibleRange({ start: 0, end: Math.min(50, filtered.length) }); } }, [searchQuery, allIcons]); const handleScroll = useCallback(() => { if (!scrollContainerRef.current) return; const {scrollTop, clientHeight} = scrollContainerRef.current; const startIndex = Math.max(0, Math.floor(scrollTop / ITEM_HEIGHT) * ITEMS_PER_ROW - PRELOAD_BUFFER * ITEMS_PER_ROW); const endIndex = Math.ceil((scrollTop + clientHeight) / ITEM_HEIGHT) * ITEMS_PER_ROW + PRELOAD_BUFFER * ITEMS_PER_ROW; setVisibleRange({ start: Math.max(0, startIndex), end: Math.min(filteredIcons.length, endIndex) }); }, [filteredIcons.length]); useEffect(() => { const container = scrollContainerRef.current; if (!container) return; let ticking = false; const onScroll = () => { if (!ticking) { window.requestAnimationFrame(() => { handleScroll(); ticking = false; }); ticking = true; } }; container.addEventListener("scroll", onScroll); return () => container.removeEventListener("scroll", onScroll); }, [handleScroll]); const handleIconClick = icon => { navigator.clipboard.writeText(icon.importPath).then(() => { setToast({ visible: true, message: "Import Path Copied!", path: icon.importPath }); setTimeout(() => { setToast({ visible: false, message: "", path: "" }); }, 3000); }).catch(err => { console.error("Failed to copy text: ", err); setToast({ visible: true, message: "Error: Could not copy path.", path: "" }); setTimeout(() => { setToast({ visible: false, message: "", path: "" }); }, 3000); }); }; const renderSVG = iconName => { const iconData = allIcons.find(icon => icon.name === iconName); if (iconData?.svgHtml) { return

; } return

; }; const {start, end} = visibleRange; const visibleIcons = filteredIcons.slice(start, end + PRELOAD_BUFFER); const totalHeight = Math.ceil(filteredIcons.length / ITEMS_PER_ROW) * ITEM_HEIGHT; const offsetY = Math.floor(start / ITEMS_PER_ROW) * ITEM_HEIGHT; return

{}

setSearchQuery(e.target.value)} className="w-full px-4 py-3 border border-gray-300 dark:border-neutral-700 rounded-lg bg-white/50 dark:bg-neutral-800/50 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors" />

{} {} {}

{visibleIcons.map(icon =>

handleIconClick(icon)} onKeyDown={e => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); handleIconClick(icon); } }} role="button" tabIndex={0} className="flex flex-col items-center justify-center py-4 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors text-center" title={`Click to copy: ${icon.importPath}`}> {renderSVG(icon.name)}

{icon.name.replace("st_", "")}

)}

{filteredIcons.length === 0 &&

No icons found for "{searchQuery}"

}

{} {toast.visible &&

{toast.message}

{toast.path &&


              {toast.path}

}

; };