Created
November 29, 2014 15:13
-
-
Save LukyVj/9565b9a98f6943bbbc4d to your computer and use it in GitHub Desktop.
Material Design Icons
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="icons"> | |
| <header> | |
| <h2>Material Design Icons</h2> | |
| </header> | |
| <span class="m-icon ic_3d_rotation"></span> | |
| <span class="m-icon ic_accessibility"></span> | |
| <span class="m-icon ic_account_balance"></span> | |
| <span class="m-icon ic_account_balance_wallet"></span> | |
| <span class="m-icon ic_account_box"></span> | |
| <span class="m-icon ic_account_child"></span> | |
| <span class="m-icon ic_account_circle"></span> | |
| <span class="m-icon ic_add_shopping_cart"></span> | |
| <span class="m-icon ic_alarm"></span> | |
| <span class="m-icon ic_alarm_add"></span> | |
| <span class="m-icon ic_alarm_off"></span> | |
| <span class="m-icon ic_alarm_on"></span> | |
| <span class="m-icon ic_android"></span> | |
| <span class="m-icon ic_announcement"></span> | |
| <span class="m-icon ic_aspect_ratio"></span> | |
| <span class="m-icon ic_assessment"></span> | |
| <span class="m-icon ic_assignment"></span> | |
| <span class="m-icon ic_assignment_ind"></span> | |
| <span class="m-icon ic_assignment_late"></span> | |
| <span class="m-icon ic_assignment_return"></span> | |
| <span class="m-icon ic_assignment_returned"></span> | |
| <span class="m-icon ic_assignment_turned_in"></span> | |
| <span class="m-icon ic_autorenew"></span> | |
| <span class="m-icon ic_backup"></span> | |
| <span class="m-icon ic_book"></span> | |
| <span class="m-icon ic_bookmark"></span> | |
| <span class="m-icon ic_bookmark_outline"></span> | |
| <span class="m-icon ic_bug_report"></span> | |
| <span class="m-icon ic_cached"></span> | |
| <span class="m-icon ic_class"></span> | |
| <span class="m-icon ic_credit_card"></span> | |
| <span class="m-icon ic_dashboard"></span> | |
| <span class="m-icon ic_delete"></span> | |
| <span class="m-icon ic_description"></span> | |
| <span class="m-icon ic_dns"></span> | |
| <span class="m-icon ic_done"></span> | |
| <span class="m-icon ic_done_all"></span> | |
| <span class="m-icon ic_event"></span> | |
| <span class="m-icon ic_exit_to_app"></span> | |
| <span class="m-icon ic_explore"></span> | |
| <span class="m-icon ic_extension"></span> | |
| <span class="m-icon ic_face_unlock"></span> | |
| <span class="m-icon ic_favorite"></span> | |
| <span class="m-icon ic_favorite_outline"></span> | |
| <span class="m-icon ic_find_in_page"></span> | |
| <span class="m-icon ic_find_replace"></span> | |
| <span class="m-icon ic_flip_to_back"></span> | |
| <span class="m-icon ic_flip_to_front"></span> | |
| <span class="m-icon ic_get_app"></span> | |
| <span class="m-icon ic_grade"></span> | |
| <span class="m-icon ic_group_work"></span> | |
| <span class="m-icon ic_help"></span> | |
| <span class="m-icon ic_highlight_remove"></span> | |
| <span class="m-icon ic_history"></span> | |
| <span class="m-icon ic_home"></span> | |
| <span class="m-icon ic_https"></span> | |
| <span class="m-icon ic_info"></span> | |
| <span class="m-icon ic_info_outline"></span> | |
| <span class="m-icon ic_input"></span> | |
| <span class="m-icon ic_invert_colors"></span> | |
| <span class="m-icon ic_label"></span> | |
| <span class="m-icon ic_label_outline"></span> | |
| <span class="m-icon ic_language"></span> | |
| <span class="m-icon ic_launch"></span> | |
| <span class="m-icon ic_list"></span> | |
| <span class="m-icon ic_lock"></span> | |
| <span class="m-icon ic_lock_open"></span> | |
| <span class="m-icon ic_lock_outline"></span> | |
| <span class="m-icon ic_loyalty"></span> | |
| <span class="m-icon ic_markunread_mailbox"></span> | |
| <span class="m-icon ic_note_add"></span> | |
| <span class="m-icon ic_open_in_browser"></span> | |
| <span class="m-icon ic_open_in_new"></span> | |
| <span class="m-icon ic_open_with"></span> | |
| <span class="m-icon ic_pageview"></span> | |
| <span class="m-icon ic_payment"></span> | |
| <span class="m-icon ic_perm_camera_mic"></span> | |
| <span class="m-icon ic_perm_contact_cal"></span> | |
| <span class="m-icon ic_perm_data_setting"></span> | |
| <span class="m-icon ic_perm_device_info"></span> | |
| <span class="m-icon ic_perm_identity"></span> | |
| <span class="m-icon ic_perm_media"></span> | |
| <span class="m-icon ic_perm_phone_msg"></span> | |
| <span class="m-icon ic_perm_scan_wifi"></span> | |
| <span class="m-icon ic_picture_in_picture"></span> | |
| <span class="m-icon ic_polymer"></span> | |
| <span class="m-icon ic_print"></span> | |
| <span class="m-icon ic_query_builder"></span> | |
| <span class="m-icon ic_question_answer"></span> | |
| <span class="m-icon ic_receipt"></span> | |
| <span class="m-icon ic_redeem"></span> | |
| <span class="m-icon ic_reorder"></span> | |
| <span class="m-icon ic_report_problem"></span> | |
| <span class="m-icon ic_restore"></span> | |
| <span class="m-icon ic_room"></span> | |
| <span class="m-icon ic_schedule"></span> | |
| <span class="m-icon ic_search"></span> | |
| <span class="m-icon ic_settings"></span> | |
| <span class="m-icon ic_settings_applications"></span> | |
| <span class="m-icon ic_settings_backup_restore"></span> | |
| <span class="m-icon ic_settings_bluetooth"></span> | |
| <span class="m-icon ic_settings_cell"></span> | |
| <span class="m-icon ic_settings_display"></span> | |
| <span class="m-icon ic_settings_ethernet"></span> | |
| <span class="m-icon ic_settings_input_antenna"></span> | |
| <span class="m-icon ic_settings_input_component"></span> | |
| <span class="m-icon ic_settings_input_composite"></span> | |
| <span class="m-icon ic_settings_input_hdmi"></span> | |
| <span class="m-icon ic_settings_input_svideo"></span> | |
| <span class="m-icon ic_settings_overscan"></span> | |
| <span class="m-icon ic_settings_phone"></span> | |
| <span class="m-icon ic_settings_power"></span> | |
| <span class="m-icon ic_settings_remote"></span> | |
| <span class="m-icon ic_settings_voice"></span> | |
| <span class="m-icon ic_shop"></span> | |
| <span class="m-icon ic_shop_two"></span> | |
| <span class="m-icon ic_shopping_basket"></span> | |
| <span class="m-icon ic_shopping_cart"></span> | |
| <span class="m-icon ic_speaker_notes"></span> | |
| <span class="m-icon ic_spellcheck"></span> | |
| <span class="m-icon ic_star_rate"></span> | |
| <span class="m-icon ic_stars"></span> | |
| <span class="m-icon ic_store"></span> | |
| <span class="m-icon ic_subject"></span> | |
| <span class="m-icon ic_supervisor_account"></span> | |
| <span class="m-icon ic_swap_horiz"></span> | |
| <span class="m-icon ic_swap_vert"></span> | |
| <span class="m-icon ic_swap_vert_circle"></span> | |
| <span class="m-icon ic_system_update_tv"></span> | |
| <span class="m-icon ic_tab"></span> | |
| <span class="m-icon ic_tab_unselected"></span> | |
| <span class="m-icon ic_theaters"></span> | |
| <span class="m-icon ic_thumb_down"></span> | |
| <span class="m-icon ic_thumb_up"></span> | |
| <span class="m-icon ic_thumbs_up_down"></span> | |
| <span class="m-icon ic_toc"></span> | |
| <span class="m-icon ic_today"></span> | |
| <span class="m-icon ic_track_changes"></span> | |
| <span class="m-icon ic_translate"></span> | |
| <span class="m-icon ic_trending_down"></span> | |
| <span class="m-icon ic_trending_neutral"></span> | |
| <span class="m-icon ic_trending_up"></span> | |
| <span class="m-icon ic_turned_in"></span> | |
| <span class="m-icon ic_turned_in_not"></span> | |
| <span class="m-icon ic_verified_user"></span> | |
| <span class="m-icon ic_view_agenda"></span> | |
| <span class="m-icon ic_view_array"></span> | |
| <span class="m-icon ic_view_carousel"></span> | |
| <span class="m-icon ic_view_column"></span> | |
| <span class="m-icon ic_view_day"></span> | |
| <span class="m-icon ic_view_headline"></span> | |
| <span class="m-icon ic_view_list"></span> | |
| <span class="m-icon ic_view_module"></span> | |
| <span class="m-icon ic_view_quilt"></span> | |
| <span class="m-icon ic_view_stream"></span> | |
| <span class="m-icon ic_view_week"></span> | |
| <span class="m-icon ic_visibility"></span> | |
| <span class="m-icon ic_visibility_off"></span> | |
| <span class="m-icon ic_wallet_giftcard"></span> | |
| <span class="m-icon ic_wallet_membership"></span> | |
| <span class="m-icon ic_wallet_travel"></span> | |
| <span class="m-icon ic_work"></span> | |
| <span class="m-icon ic_error"></span> | |
| <span class="m-icon ic_warning"></span> | |
| <span class="m-icon ic_album"></span> | |
| <span class="m-icon ic_av_timer"></span> | |
| <span class="m-icon ic_closed_caption"></span> | |
| <span class="m-icon ic_equalizer"></span> | |
| <span class="m-icon ic_explicit"></span> | |
| <span class="m-icon ic_fast_forward"></span> | |
| <span class="m-icon ic_fast_rewind"></span> | |
| <span class="m-icon ic_games"></span> | |
| <span class="m-icon ic_hearing"></span> | |
| <span class="m-icon ic_high_quality"></span> | |
| <span class="m-icon ic_loop"></span> | |
| <span class="m-icon ic_mic"></span> | |
| <span class="m-icon ic_mic_none"></span> | |
| <span class="m-icon ic_mic_off"></span> | |
| <span class="m-icon ic_movie"></span> | |
| <span class="m-icon ic_my_library_add"></span> | |
| <span class="m-icon ic_my_library_books"></span> | |
| <span class="m-icon ic_my_library_music"></span> | |
| <span class="m-icon ic_new_releases"></span> | |
| <span class="m-icon ic_not_interested"></span> | |
| <span class="m-icon ic_pause"></span> | |
| <span class="m-icon ic_pause_circle_fill"></span> | |
| <span class="m-icon ic_pause_circle_outline"></span> | |
| <span class="m-icon ic_play_arrow"></span> | |
| <span class="m-icon ic_play_circle_fill"></span> | |
| <span class="m-icon ic_play_circle_outline"></span> | |
| <span class="m-icon ic_play_shopping_bag"></span> | |
| <span class="m-icon ic_playlist_add"></span> | |
| <span class="m-icon ic_queue"></span> | |
| <span class="m-icon ic_queue_music"></span> | |
| <span class="m-icon ic_radio"></span> | |
| <span class="m-icon ic_recent_actors"></span> | |
| <span class="m-icon ic_repeat"></span> | |
| <span class="m-icon ic_repeat_one"></span> | |
| <span class="m-icon ic_replay"></span> | |
| <span class="m-icon ic_shuffle"></span> | |
| <span class="m-icon ic_skip_next"></span> | |
| <span class="m-icon ic_skip_previous"></span> | |
| <span class="m-icon ic_snooze"></span> | |
| <span class="m-icon ic_stop"></span> | |
| <span class="m-icon ic_subtitles"></span> | |
| <span class="m-icon ic_surround_sound"></span> | |
| <span class="m-icon ic_video_collection"></span> | |
| <span class="m-icon ic_videocam"></span> | |
| <span class="m-icon ic_videocam_off"></span> | |
| <span class="m-icon ic_volume_down"></span> | |
| <span class="m-icon ic_volume_mute"></span> | |
| <span class="m-icon ic_volume_off"></span> | |
| <span class="m-icon ic_volume_up"></span> | |
| <span class="m-icon ic_web"></span> | |
| <span class="m-icon ic_business"></span> | |
| <span class="m-icon ic_call"></span> | |
| <span class="m-icon ic_call_end"></span> | |
| <span class="m-icon ic_call_made"></span> | |
| <span class="m-icon ic_call_merge"></span> | |
| <span class="m-icon ic_call_missed"></span> | |
| <span class="m-icon ic_call_received"></span> | |
| <span class="m-icon ic_call_split"></span> | |
| <span class="m-icon ic_chat"></span> | |
| <span class="m-icon ic_clear_all"></span> | |
| <span class="m-icon ic_comment"></span> | |
| <span class="m-icon ic_contacts"></span> | |
| <span class="m-icon ic_dialer_sip"></span> | |
| <span class="m-icon ic_dialpad"></span> | |
| <span class="m-icon ic_dnd_on"></span> | |
| <span class="m-icon ic_email"></span> | |
| <span class="m-icon ic_forum"></span> | |
| <span class="m-icon ic_import_export"></span> | |
| <span class="m-icon ic_invert_colors_off"></span> | |
| <span class="m-icon ic_invert_colors_on"></span> | |
| <span class="m-icon ic_live_help"></span> | |
| <span class="m-icon ic_location_off"></span> | |
| <span class="m-icon ic_location_on"></span> | |
| <span class="m-icon ic_message"></span> | |
| <span class="m-icon ic_messenger"></span> | |
| <span class="m-icon ic_no_sim"></span> | |
| <span class="m-icon ic_phone"></span> | |
| <span class="m-icon ic_portable_wifi_off"></span> | |
| <span class="m-icon ic_quick_contacts_dialer"></span> | |
| <span class="m-icon ic_quick_contacts_mail"></span> | |
| <span class="m-icon ic_ring_volume"></span> | |
| <span class="m-icon ic_stay_current_landscape"></span> | |
| <span class="m-icon ic_stay_current_portrait"></span> | |
| <span class="m-icon ic_stay_primary_landscape"></span> | |
| <span class="m-icon ic_stay_primary_portrait"></span> | |
| <span class="m-icon ic_swap_calls"></span> | |
| <span class="m-icon ic_textsms"></span> | |
| <span class="m-icon ic_voicemail"></span> | |
| <span class="m-icon ic_vpn_key"></span> | |
| <span class="m-icon ic_add"></span> | |
| <span class="m-icon ic_add_box"></span> | |
| <span class="m-icon ic_add_circle"></span> | |
| <span class="m-icon ic_add_circle_outline"></span> | |
| <span class="m-icon ic_archive"></span> | |
| <span class="m-icon ic_backspace"></span> | |
| <span class="m-icon ic_block"></span> | |
| <span class="m-icon ic_clear"></span> | |
| <span class="m-icon ic_content_copy"></span> | |
| <span class="m-icon ic_content_cut"></span> | |
| <span class="m-icon ic_content_paste"></span> | |
| <span class="m-icon ic_create"></span> | |
| <span class="m-icon ic_drafts"></span> | |
| <span class="m-icon ic_filter_list"></span> | |
| <span class="m-icon ic_flag"></span> | |
| <span class="m-icon ic_forward"></span> | |
| <span class="m-icon ic_gesture"></span> | |
| <span class="m-icon ic_inbox"></span> | |
| <span class="m-icon ic_link"></span> | |
| <span class="m-icon ic_mail"></span> | |
| <span class="m-icon ic_markunread"></span> | |
| <span class="m-icon ic_redo"></span> | |
| <span class="m-icon ic_remove"></span> | |
| <span class="m-icon ic_remove_circle"></span> | |
| <span class="m-icon ic_remove_circle_outline"></span> | |
| <span class="m-icon ic_reply"></span> | |
| <span class="m-icon ic_reply_all"></span> | |
| <span class="m-icon ic_report"></span> | |
| <span class="m-icon ic_save"></span> | |
| <span class="m-icon ic_select_all"></span> | |
| <span class="m-icon ic_send"></span> | |
| <span class="m-icon ic_sort"></span> | |
| <span class="m-icon ic_text_format"></span> | |
| <span class="m-icon ic_undo"></span> | |
| <span class="m-icon ic_access_alarm"></span> | |
| <span class="m-icon ic_access_alarms"></span> | |
| <span class="m-icon ic_access_time"></span> | |
| <span class="m-icon ic_add_alarm"></span> | |
| <span class="m-icon ic_airplanemode_off"></span> | |
| <span class="m-icon ic_airplanemode_on"></span> | |
| <span class="m-icon ic_battery_20"></span> | |
| <span class="m-icon ic_battery_30"></span> | |
| <span class="m-icon ic_battery_50"></span> | |
| <span class="m-icon ic_battery_60"></span> | |
| <span class="m-icon ic_battery_80"></span> | |
| <span class="m-icon ic_battery_90"></span> | |
| <span class="m-icon ic_battery_alert"></span> | |
| <span class="m-icon ic_battery_charging_20"></span> | |
| <span class="m-icon ic_battery_charging_30"></span> | |
| <span class="m-icon ic_battery_charging_50"></span> | |
| <span class="m-icon ic_battery_charging_60"></span> | |
| <span class="m-icon ic_battery_charging_80"></span> | |
| <span class="m-icon ic_battery_charging_90"></span> | |
| <span class="m-icon ic_battery_charging_full"></span> | |
| <span class="m-icon ic_battery_full"></span> | |
| <span class="m-icon ic_battery_std"></span> | |
| <span class="m-icon ic_battery_unknown"></span> | |
| <span class="m-icon ic_bluetooth"></span> | |
| <span class="m-icon ic_bluetooth_connected"></span> | |
| <span class="m-icon ic_bluetooth_disabled"></span> | |
| <span class="m-icon ic_bluetooth_searching"></span> | |
| <span class="m-icon ic_brightness_auto"></span> | |
| <span class="m-icon ic_brightness_high"></span> | |
| <span class="m-icon ic_brightness_low"></span> | |
| <span class="m-icon ic_brightness_medium"></span> | |
| <span class="m-icon ic_data_usage"></span> | |
| <span class="m-icon ic_developer_mode"></span> | |
| <span class="m-icon ic_devices"></span> | |
| <span class="m-icon ic_dvr"></span> | |
| <span class="m-icon ic_gps_fixed"></span> | |
| <span class="m-icon ic_gps_not_fixed"></span> | |
| <span class="m-icon ic_gps_off"></span> | |
| <span class="m-icon ic_location_disabled"></span> | |
| <span class="m-icon ic_location_searching"></span> | |
| <span class="m-icon ic_multitrack_audio"></span> | |
| <span class="m-icon ic_network_cell"></span> | |
| <span class="m-icon ic_network_wifi"></span> | |
| <span class="m-icon ic_nfc"></span> | |
| <span class="m-icon ic_now_wallpaper"></span> | |
| <span class="m-icon ic_now_widgets"></span> | |
| <span class="m-icon ic_screen_lock_landscape"></span> | |
| <span class="m-icon ic_screen_lock_portrait"></span> | |
| <span class="m-icon ic_screen_lock_rotation"></span> | |
| <span class="m-icon ic_screen_rotation"></span> | |
| <span class="m-icon ic_sd_storage"></span> | |
| <span class="m-icon ic_settings_system_daydream"></span> | |
| <span class="m-icon ic_signal_cellular_0_bar"></span> | |
| <span class="m-icon ic_signal_cellular_1_bar"></span> | |
| <span class="m-icon ic_signal_cellular_2_bar"></span> | |
| <span class="m-icon ic_signal_cellular_3_bar"></span> | |
| <span class="m-icon ic_signal_cellular_4_bar"></span> | |
| <span class="m-icon ic_signal_cellular_connected_no_internet_0_bar"></span> | |
| <span class="m-icon ic_signal_cellular_connected_no_internet_1_bar"></span> | |
| <span class="m-icon ic_signal_cellular_connected_no_internet_2_bar"></span> | |
| <span class="m-icon ic_signal_cellular_connected_no_internet_3_bar"></span> | |
| <span class="m-icon ic_signal_cellular_connected_no_internet_4_bar"></span> | |
| <span class="m-icon ic_signal_cellular_no_sim"></span> | |
| <span class="m-icon ic_signal_cellular_null"></span> | |
| <span class="m-icon ic_signal_cellular_off"></span> | |
| <span class="m-icon ic_signal_wifi_0_bar"></span> | |
| <span class="m-icon ic_signal_wifi_1_bar"></span> | |
| <span class="m-icon ic_signal_wifi_2_bar"></span> | |
| <span class="m-icon ic_signal_wifi_3_bar"></span> | |
| <span class="m-icon ic_signal_wifi_4_bar"></span> | |
| <span class="m-icon ic_signal_wifi_off"></span> | |
| <span class="m-icon ic_storage"></span> | |
| <span class="m-icon ic_usb"></span> | |
| <span class="m-icon ic_wifi_lock"></span> | |
| <span class="m-icon ic_wifi_tethering"></span> | |
| <span class="m-icon ic_attach_file"></span> | |
| <span class="m-icon ic_attach_money"></span> | |
| <span class="m-icon ic_border_all"></span> | |
| <span class="m-icon ic_border_bottom"></span> | |
| <span class="m-icon ic_border_clear"></span> | |
| <span class="m-icon ic_border_color"></span> | |
| <span class="m-icon ic_border_horizontal"></span> | |
| <span class="m-icon ic_border_inner"></span> | |
| <span class="m-icon ic_border_left"></span> | |
| <span class="m-icon ic_border_outer"></span> | |
| <span class="m-icon ic_border_right"></span> | |
| <span class="m-icon ic_border_style"></span> | |
| <span class="m-icon ic_border_top"></span> | |
| <span class="m-icon ic_border_vertical"></span> | |
| <span class="m-icon ic_format_align_center"></span> | |
| <span class="m-icon ic_format_align_justify"></span> | |
| <span class="m-icon ic_format_align_left"></span> | |
| <span class="m-icon ic_format_align_right"></span> | |
| <span class="m-icon ic_format_bold"></span> | |
| <span class="m-icon ic_format_clear"></span> | |
| <span class="m-icon ic_format_color_fill"></span> | |
| <span class="m-icon ic_format_color_reset"></span> | |
| <span class="m-icon ic_format_color_text"></span> | |
| <span class="m-icon ic_format_indent_decrease"></span> | |
| <span class="m-icon ic_format_indent_increase"></span> | |
| <span class="m-icon ic_format_italic"></span> | |
| <span class="m-icon ic_format_line_spacing"></span> | |
| <span class="m-icon ic_format_list_bulleted"></span> | |
| <span class="m-icon ic_format_list_numbered"></span> | |
| <span class="m-icon ic_format_paint"></span> | |
| <span class="m-icon ic_format_quote"></span> | |
| <span class="m-icon ic_format_size"></span> | |
| <span class="m-icon ic_format_strikethrough"></span> | |
| <span class="m-icon ic_format_textdirection_l_to_r"></span> | |
| <span class="m-icon ic_format_textdirection_r_to_l"></span> | |
| <span class="m-icon ic_format_underline"></span> | |
| <span class="m-icon ic_functions"></span> | |
| <span class="m-icon ic_insert_chart"></span> | |
| <span class="m-icon ic_insert_comment"></span> | |
| <span class="m-icon ic_insert_drive_file"></span> | |
| <span class="m-icon ic_insert_emoticon"></span> | |
| <span class="m-icon ic_insert_invitation"></span> | |
| <span class="m-icon ic_insert_link"></span> | |
| <span class="m-icon ic_insert_photo"></span> | |
| <span class="m-icon ic_merge_type"></span> | |
| <span class="m-icon ic_mode_comment"></span> | |
| <span class="m-icon ic_mode_edit"></span> | |
| <span class="m-icon ic_publish"></span> | |
| <span class="m-icon ic_vertical_align_bottom"></span> | |
| <span class="m-icon ic_vertical_align_center"></span> | |
| <span class="m-icon ic_vertical_align_top"></span> | |
| <span class="m-icon ic_wrap_text"></span> | |
| <span class="m-icon ic_attachment"></span> | |
| <span class="m-icon ic_cloud"></span> | |
| <span class="m-icon ic_cloud_circle"></span> | |
| <span class="m-icon ic_cloud_done"></span> | |
| <span class="m-icon ic_cloud_download"></span> | |
| <span class="m-icon ic_cloud_off"></span> | |
| <span class="m-icon ic_cloud_queue"></span> | |
| <span class="m-icon ic_cloud_upload"></span> | |
| <span class="m-icon ic_file_download"></span> | |
| <span class="m-icon ic_file_upload"></span> | |
| <span class="m-icon ic_folder"></span> | |
| <span class="m-icon ic_folder_open"></span> | |
| <span class="m-icon ic_folder_shared"></span> | |
| <span class="m-icon ic_cast"></span> | |
| <span class="m-icon ic_cast_connected"></span> | |
| <span class="m-icon ic_computer"></span> | |
| <span class="m-icon ic_desktop_mac"></span> | |
| <span class="m-icon ic_desktop_windows"></span> | |
| <span class="m-icon ic_dock"></span> | |
| <span class="m-icon ic_gamepad"></span> | |
| <span class="m-icon ic_headset"></span> | |
| <span class="m-icon ic_headset_mic"></span> | |
| <span class="m-icon ic_keyboard"></span> | |
| <span class="m-icon ic_keyboard_alt"></span> | |
| <span class="m-icon ic_keyboard_arrow_down"></span> | |
| <span class="m-icon ic_keyboard_arrow_left"></span> | |
| <span class="m-icon ic_keyboard_arrow_right"></span> | |
| <span class="m-icon ic_keyboard_arrow_up"></span> | |
| <span class="m-icon ic_keyboard_backspace"></span> | |
| <span class="m-icon ic_keyboard_capslock"></span> | |
| <span class="m-icon ic_keyboard_control"></span> | |
| <span class="m-icon ic_keyboard_hide"></span> | |
| <span class="m-icon ic_keyboard_return"></span> | |
| <span class="m-icon ic_keyboard_tab"></span> | |
| <span class="m-icon ic_keyboard_voice"></span> | |
| <span class="m-icon ic_laptop"></span> | |
| <span class="m-icon ic_laptop_chromebook"></span> | |
| <span class="m-icon ic_laptop_mac"></span> | |
| <span class="m-icon ic_laptop_windows"></span> | |
| <span class="m-icon ic_memory"></span> | |
| <span class="m-icon ic_mouse"></span> | |
| <span class="m-icon ic_phone_android"></span> | |
| <span class="m-icon ic_phone_iphone"></span> | |
| <span class="m-icon ic_phonelink"></span> | |
| <span class="m-icon ic_phonelink_off"></span> | |
| <span class="m-icon ic_security"></span> | |
| <span class="m-icon ic_sim_card"></span> | |
| <span class="m-icon ic_smartphone"></span> | |
| <span class="m-icon ic_speaker"></span> | |
| <span class="m-icon ic_tablet"></span> | |
| <span class="m-icon ic_tablet_android"></span> | |
| <span class="m-icon ic_tablet_mac"></span> | |
| <span class="m-icon ic_tv"></span> | |
| <span class="m-icon ic_watch"></span> | |
| <span class="m-icon ic_add_to_photos"></span> | |
| <span class="m-icon ic_adjust"></span> | |
| <span class="m-icon ic_assistant_photo"></span> | |
| <span class="m-icon ic_audiotrack"></span> | |
| <span class="m-icon ic_blur_circular"></span> | |
| <span class="m-icon ic_blur_linear"></span> | |
| <span class="m-icon ic_blur_off"></span> | |
| <span class="m-icon ic_blur_on"></span> | |
| <span class="m-icon ic_brightness_1"></span> | |
| <span class="m-icon ic_brightness_2"></span> | |
| <span class="m-icon ic_brightness_3"></span> | |
| <span class="m-icon ic_brightness_4"></span> | |
| <span class="m-icon ic_brightness_5"></span> | |
| <span class="m-icon ic_brightness_6"></span> | |
| <span class="m-icon ic_brightness_7"></span> | |
| <span class="m-icon ic_brush"></span> | |
| <span class="m-icon ic_camera"></span> | |
| <span class="m-icon ic_camera_alt"></span> | |
| <span class="m-icon ic_camera_front"></span> | |
| <span class="m-icon ic_camera_rear"></span> | |
| <span class="m-icon ic_camera_roll"></span> | |
| <span class="m-icon ic_center_focus_strong"></span> | |
| <span class="m-icon ic_center_focus_weak"></span> | |
| <span class="m-icon ic_collections"></span> | |
| <span class="m-icon ic_color_lens"></span> | |
| <span class="m-icon ic_colorize"></span> | |
| <span class="m-icon ic_compare"></span> | |
| <span class="m-icon ic_control_point"></span> | |
| <span class="m-icon ic_control_point_duplicate"></span> | |
| <span class="m-icon ic_crop_16_9"></span> | |
| <span class="m-icon ic_crop"></span> | |
| <span class="m-icon ic_crop_3_2"></span> | |
| <span class="m-icon ic_crop_5_4"></span> | |
| <span class="m-icon ic_crop_7_5"></span> | |
| <span class="m-icon ic_crop_din"></span> | |
| <span class="m-icon ic_crop_free"></span> | |
| <span class="m-icon ic_crop_landscape"></span> | |
| <span class="m-icon ic_crop_original"></span> | |
| <span class="m-icon ic_crop_portrait"></span> | |
| <span class="m-icon ic_crop_square"></span> | |
| <span class="m-icon ic_dehaze"></span> | |
| <span class="m-icon ic_details"></span> | |
| <span class="m-icon ic_edit"></span> | |
| <span class="m-icon ic_exposure"></span> | |
| <span class="m-icon ic_exposure_minus_1"></span> | |
| <span class="m-icon ic_exposure_minus_2"></span> | |
| <span class="m-icon ic_exposure_plus_1"></span> | |
| <span class="m-icon ic_exposure_plus_2"></span> | |
| <span class="m-icon ic_exposure_zero"></span> | |
| <span class="m-icon ic_filter_1"></span> | |
| <span class="m-icon ic_filter"></span> | |
| <span class="m-icon ic_filter_2"></span> | |
| <span class="m-icon ic_filter_3"></span> | |
| <span class="m-icon ic_filter_4"></span> | |
| <span class="m-icon ic_filter_5"></span> | |
| <span class="m-icon ic_filter_6"></span> | |
| <span class="m-icon ic_filter_7"></span> | |
| <span class="m-icon ic_filter_8"></span> | |
| <span class="m-icon ic_filter_9"></span> | |
| <span class="m-icon ic_filter_9_plus"></span> | |
| <span class="m-icon ic_filter_b_and_w"></span> | |
| <span class="m-icon ic_filter_center_focus"></span> | |
| <span class="m-icon ic_filter_drama"></span> | |
| <span class="m-icon ic_filter_frames"></span> | |
| <span class="m-icon ic_filter_hdr"></span> | |
| <span class="m-icon ic_filter_none"></span> | |
| <span class="m-icon ic_filter_tilt_shift"></span> | |
| <span class="m-icon ic_filter_vintage"></span> | |
| <span class="m-icon ic_flare"></span> | |
| <span class="m-icon ic_flash_auto"></span> | |
| <span class="m-icon ic_flash_off"></span> | |
| <span class="m-icon ic_flash_on"></span> | |
| <span class="m-icon ic_flip"></span> | |
| <span class="m-icon ic_gradient"></span> | |
| <span class="m-icon ic_grain"></span> | |
| <span class="m-icon ic_grid_off"></span> | |
| <span class="m-icon ic_grid_on"></span> | |
| <span class="m-icon ic_hdr_off"></span> | |
| <span class="m-icon ic_hdr_on"></span> | |
| <span class="m-icon ic_hdr_strong"></span> | |
| <span class="m-icon ic_hdr_weak"></span> | |
| <span class="m-icon ic_healing"></span> | |
| <span class="m-icon ic_image"></span> | |
| <span class="m-icon ic_image_aspect_ratio"></span> | |
| <span class="m-icon ic_iso"></span> | |
| <span class="m-icon ic_landscape"></span> | |
| <span class="m-icon ic_leak_add"></span> | |
| <span class="m-icon ic_leak_remove"></span> | |
| <span class="m-icon ic_lens"></span> | |
| <span class="m-icon ic_looks"></span> | |
| <span class="m-icon ic_looks_3"></span> | |
| <span class="m-icon ic_looks_4"></span> | |
| <span class="m-icon ic_looks_5"></span> | |
| <span class="m-icon ic_looks_6"></span> | |
| <span class="m-icon ic_looks_one"></span> | |
| <span class="m-icon ic_looks_two"></span> | |
| <span class="m-icon ic_loupe"></span> | |
| <span class="m-icon ic_movie_creation"></span> | |
| <span class="m-icon ic_nature"></span> | |
| <span class="m-icon ic_nature_people"></span> | |
| <span class="m-icon ic_navigate_before"></span> | |
| <span class="m-icon ic_navigate_next"></span> | |
| <span class="m-icon ic_palette"></span> | |
| <span class="m-icon ic_panorama"></span> | |
| <span class="m-icon ic_panorama_fisheye"></span> | |
| <span class="m-icon ic_panorama_horizontal"></span> | |
| <span class="m-icon ic_panorama_vertical"></span> | |
| <span class="m-icon ic_panorama_wide_angle"></span> | |
| <span class="m-icon ic_photo"></span> | |
| <span class="m-icon ic_photo_album"></span> | |
| <span class="m-icon ic_photo_camera"></span> | |
| <span class="m-icon ic_photo_library"></span> | |
| <span class="m-icon ic_portrait"></span> | |
| <span class="m-icon ic_remove_red_eye"></span> | |
| <span class="m-icon ic_rotate_left"></span> | |
| <span class="m-icon ic_rotate_right"></span> | |
| <span class="m-icon ic_slideshow"></span> | |
| <span class="m-icon ic_straighten"></span> | |
| <span class="m-icon ic_style"></span> | |
| <span class="m-icon ic_switch_camera"></span> | |
| <span class="m-icon ic_switch_video"></span> | |
| <span class="m-icon ic_tag_faces"></span> | |
| <span class="m-icon ic_texture"></span> | |
| <span class="m-icon ic_timelapse"></span> | |
| <span class="m-icon ic_timer_10"></span> | |
| <span class="m-icon ic_timer"></span> | |
| <span class="m-icon ic_timer_3"></span> | |
| <span class="m-icon ic_timer_auto"></span> | |
| <span class="m-icon ic_timer_off"></span> | |
| <span class="m-icon ic_tonality"></span> | |
| <span class="m-icon ic_transform"></span> | |
| <span class="m-icon ic_tune"></span> | |
| <span class="m-icon ic_wb_auto"></span> | |
| <span class="m-icon ic_wb_cloudy"></span> | |
| <span class="m-icon ic_wb_incandescent"></span> | |
| <span class="m-icon ic_wb_irradescent"></span> | |
| <span class="m-icon ic_wb_sunny"></span> | |
| <span class="m-icon ic_beenhere"></span> | |
| <span class="m-icon ic_directions"></span> | |
| <span class="m-icon ic_directions_bike"></span> | |
| <span class="m-icon ic_directions_bus"></span> | |
| <span class="m-icon ic_directions_car"></span> | |
| <span class="m-icon ic_directions_ferry"></span> | |
| <span class="m-icon ic_directions_subway"></span> | |
| <span class="m-icon ic_directions_train"></span> | |
| <span class="m-icon ic_directions_transit"></span> | |
| <span class="m-icon ic_directions_walk"></span> | |
| <span class="m-icon ic_flight"></span> | |
| <span class="m-icon ic_hotel"></span> | |
| <span class="m-icon ic_layers"></span> | |
| <span class="m-icon ic_layers_clear"></span> | |
| <span class="m-icon ic_local_airport"></span> | |
| <span class="m-icon ic_local_atm"></span> | |
| <span class="m-icon ic_local_attraction"></span> | |
| <span class="m-icon ic_local_bar"></span> | |
| <span class="m-icon ic_local_cafe"></span> | |
| <span class="m-icon ic_local_car_wash"></span> | |
| <span class="m-icon ic_local_convenience_store"></span> | |
| <span class="m-icon ic_local_drink"></span> | |
| <span class="m-icon ic_local_florist"></span> | |
| <span class="m-icon ic_local_gas_station"></span> | |
| <span class="m-icon ic_local_grocery_store"></span> | |
| <span class="m-icon ic_local_hospital"></span> | |
| <span class="m-icon ic_local_hotel"></span> | |
| <span class="m-icon ic_local_laundry_service"></span> | |
| <span class="m-icon ic_local_library"></span> | |
| <span class="m-icon ic_local_mall"></span> | |
| <span class="m-icon ic_local_movies"></span> | |
| <span class="m-icon ic_local_offer"></span> | |
| <span class="m-icon ic_local_parking"></span> | |
| <span class="m-icon ic_local_pharmacy"></span> | |
| <span class="m-icon ic_local_phone"></span> | |
| <span class="m-icon ic_local_pizza"></span> | |
| <span class="m-icon ic_local_play"></span> | |
| <span class="m-icon ic_local_post_office"></span> | |
| <span class="m-icon ic_local_print_shop"></span> | |
| <span class="m-icon ic_local_restaurant"></span> | |
| <span class="m-icon ic_local_see"></span> | |
| <span class="m-icon ic_local_shipping"></span> | |
| <span class="m-icon ic_local_taxi"></span> | |
| <span class="m-icon ic_location_history"></span> | |
| <span class="m-icon ic_map"></span> | |
| <span class="m-icon ic_my_location"></span> | |
| <span class="m-icon ic_navigation"></span> | |
| <span class="m-icon ic_pin_drop"></span> | |
| <span class="m-icon ic_place"></span> | |
| <span class="m-icon ic_rate_review"></span> | |
| <span class="m-icon ic_restaurant_menu"></span> | |
| <span class="m-icon ic_satellite"></span> | |
| <span class="m-icon ic_store_mall_directory"></span> | |
| <span class="m-icon ic_terrain"></span> | |
| <span class="m-icon ic_traffic"></span> | |
| <span class="m-icon ic_apps"></span> | |
| <span class="m-icon ic_arrow_back"></span> | |
| <span class="m-icon ic_arrow_drop_down"></span> | |
| <span class="m-icon ic_arrow_drop_down_circle"></span> | |
| <span class="m-icon ic_arrow_drop_up"></span> | |
| <span class="m-icon ic_arrow_forward"></span> | |
| <span class="m-icon ic_cancel"></span> | |
| <span class="m-icon ic_check"></span> | |
| <span class="m-icon ic_chevron_left"></span> | |
| <span class="m-icon ic_chevron_right"></span> | |
| <span class="m-icon ic_close"></span> | |
| <span class="m-icon ic_expand_less"></span> | |
| <span class="m-icon ic_expand_more"></span> | |
| <span class="m-icon ic_fullscreen"></span> | |
| <span class="m-icon ic_fullscreen_exit"></span> | |
| <span class="m-icon ic_menu"></span> | |
| <span class="m-icon ic_more_horiz"></span> | |
| <span class="m-icon ic_more_vert"></span> | |
| <span class="m-icon ic_refresh"></span> | |
| <span class="m-icon ic_unfold_less"></span> | |
| <span class="m-icon ic_unfold_more"></span> | |
| <span class="m-icon ic_adb"></span> | |
| <span class="m-icon ic_bluetooth_audio"></span> | |
| <span class="m-icon ic_disc_full"></span> | |
| <span class="m-icon ic_dnd_forwardslash"></span> | |
| <span class="m-icon ic_do_not_disturb"></span> | |
| <span class="m-icon ic_drive_eta"></span> | |
| <span class="m-icon ic_event_available"></span> | |
| <span class="m-icon ic_event_busy"></span> | |
| <span class="m-icon ic_event_note"></span> | |
| <span class="m-icon ic_folder_special"></span> | |
| <span class="m-icon ic_mms"></span> | |
| <span class="m-icon ic_more"></span> | |
| <span class="m-icon ic_network_locked"></span> | |
| <span class="m-icon ic_phone_bluetooth_speaker"></span> | |
| <span class="m-icon ic_phone_forwarded"></span> | |
| <span class="m-icon ic_phone_in_talk"></span> | |
| <span class="m-icon ic_phone_locked"></span> | |
| <span class="m-icon ic_phone_missed"></span> | |
| <span class="m-icon ic_phone_paused"></span> | |
| <span class="m-icon ic_play_download"></span> | |
| <span class="m-icon ic_play_install"></span> | |
| <span class="m-icon ic_sd_card"></span> | |
| <span class="m-icon ic_sim_card_alert"></span> | |
| <span class="m-icon ic_sms"></span> | |
| <span class="m-icon ic_sms_failed"></span> | |
| <span class="m-icon ic_sync"></span> | |
| <span class="m-icon ic_sync_disabled"></span> | |
| <span class="m-icon ic_sync_problem"></span> | |
| <span class="m-icon ic_system_update"></span> | |
| <span class="m-icon ic_tap_and_play"></span> | |
| <span class="m-icon ic_time_to_leave"></span> | |
| <span class="m-icon ic_vibration"></span> | |
| <span class="m-icon ic_voice_chat"></span> | |
| <span class="m-icon ic_vpn_lock"></span> | |
| <span class="m-icon ic_cake"></span> | |
| <span class="m-icon ic_domain"></span> | |
| <span class="m-icon ic_group"></span> | |
| <span class="m-icon ic_group_add"></span> | |
| <span class="m-icon ic_location_city"></span> | |
| <span class="m-icon ic_mood"></span> | |
| <span class="m-icon ic_notifications"></span> | |
| <span class="m-icon ic_notifications_none"></span> | |
| <span class="m-icon ic_notifications_off"></span> | |
| <span class="m-icon ic_notifications_on"></span> | |
| <span class="m-icon ic_notifications_paused"></span> | |
| <span class="m-icon ic_pages"></span> | |
| <span class="m-icon ic_party_mode"></span> | |
| <span class="m-icon ic_people"></span> | |
| <span class="m-icon ic_people_outline"></span> | |
| <span class="m-icon ic_person"></span> | |
| <span class="m-icon ic_person_add"></span> | |
| <span class="m-icon ic_person_outline"></span> | |
| <span class="m-icon ic_plus_one"></span> | |
| <span class="m-icon ic_poll"></span> | |
| <span class="m-icon ic_public"></span> | |
| <span class="m-icon ic_school"></span> | |
| <span class="m-icon ic_share"></span> | |
| <span class="m-icon ic_whatshot"></span> | |
| <span class="m-icon ic_check_box"></span> | |
| <span class="m-icon ic_check_box_outline_blank"></span> | |
| <span class="m-icon ic_radio_button_off"></span> | |
| <span class="m-icon ic_radio_button_on"></span> | |
| <span class="m-icon ic_star"></span> | |
| <span class="m-icon ic_star_half"></span> | |
| <span class="m-icon ic_star_outline"></span> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin square($size){ | |
| width: $size; | |
| height: $size; | |
| } | |
| $actions :'ic_3d_rotation','ic_accessibility','ic_account_balance','ic_account_balance_wallet','ic_account_box','ic_account_child','ic_account_circle','ic_add_shopping_cart','ic_alarm','ic_alarm_add','ic_alarm_off','ic_alarm_on','ic_android','ic_announcement','ic_aspect_ratio','ic_assessment','ic_assignment','ic_assignment_ind','ic_assignment_late','ic_assignment_return','ic_assignment_returned','ic_assignment_turned_in','ic_autorenew','ic_backup','ic_book','ic_bookmark','ic_bookmark_outline','ic_bug_report','ic_cached','ic_class','ic_credit_card','ic_dashboard','ic_delete','ic_description','ic_dns','ic_done','ic_done_all','ic_event','ic_exit_to_app','ic_explore','ic_extension','ic_face_unlock','ic_favorite','ic_favorite_outline','ic_find_in_page','ic_find_replace','ic_flip_to_back','ic_flip_to_front','ic_get_app','ic_grade','ic_group_work','ic_help','ic_highlight_remove','ic_history','ic_home','ic_https','ic_info','ic_info_outline','ic_input','ic_invert_colors','ic_label','ic_label_outline','ic_language','ic_launch','ic_list','ic_lock','ic_lock_open','ic_lock_outline','ic_loyalty','ic_markunread_mailbox','ic_note_add','ic_open_in_browser','ic_open_in_new','ic_open_with','ic_pageview','ic_payment','ic_perm_camera_mic','ic_perm_contact_cal','ic_perm_data_setting','ic_perm_device_info','ic_perm_identity','ic_perm_media','ic_perm_phone_msg','ic_perm_scan_wifi','ic_picture_in_picture','ic_polymer','ic_print','ic_query_builder','ic_question_answer','ic_receipt','ic_redeem','ic_reorder','ic_report_problem','ic_restore','ic_room','ic_schedule','ic_search','ic_settings','ic_settings_applications','ic_settings_backup_restore','ic_settings_bluetooth','ic_settings_cell','ic_settings_display','ic_settings_ethernet','ic_settings_input_antenna','ic_settings_input_component','ic_settings_input_composite','ic_settings_input_hdmi','ic_settings_input_svideo','ic_settings_overscan','ic_settings_phone','ic_settings_power','ic_settings_remote','ic_settings_voice','ic_shop','ic_shop_two','ic_shopping_basket','ic_shopping_cart','ic_speaker_notes','ic_spellcheck','ic_star_rate','ic_stars','ic_store','ic_subject','ic_supervisor_account','ic_swap_horiz','ic_swap_vert','ic_swap_vert_circle','ic_system_update_tv','ic_tab','ic_tab_unselected','ic_theaters','ic_thumb_down','ic_thumb_up','ic_thumbs_up_down','ic_toc','ic_today','ic_track_changes','ic_translate','ic_trending_down','ic_trending_neutral','ic_trending_up','ic_turned_in','ic_turned_in_not','ic_verified_user','ic_view_agenda','ic_view_array','ic_view_carousel','ic_view_column','ic_view_day','ic_view_headline','ic_view_list','ic_view_module','ic_view_quilt','ic_view_stream','ic_view_week','ic_visibility','ic_visibility_off','ic_wallet_giftcard','ic_wallet_membership','ic_wallet_travel','ic_work'; | |
| $alerts : 'ic_error','ic_warning'; | |
| $avs : 'ic_album','ic_av_timer','ic_closed_caption','ic_equalizer','ic_explicit','ic_fast_forward','ic_fast_rewind','ic_games','ic_hearing','ic_high_quality','ic_loop','ic_mic','ic_mic_none','ic_mic_off','ic_movie','ic_my_library_add','ic_my_library_books','ic_my_library_music','ic_new_releases','ic_not_interested','ic_pause','ic_pause_circle_fill','ic_pause_circle_outline','ic_play_arrow','ic_play_circle_fill','ic_play_circle_outline','ic_play_shopping_bag','ic_playlist_add','ic_queue','ic_queue_music','ic_radio','ic_recent_actors','ic_repeat','ic_repeat_one','ic_replay','ic_shuffle','ic_skip_next','ic_skip_previous','ic_snooze','ic_stop','ic_subtitles','ic_surround_sound','ic_video_collection','ic_videocam','ic_videocam_off','ic_volume_down','ic_volume_mute','ic_volume_off','ic_volume_up','ic_web'; | |
| $communications : 'ic_business','ic_call','ic_call_end','ic_call_made','ic_call_merge','ic_call_missed','ic_call_received','ic_call_split','ic_chat','ic_clear_all','ic_comment','ic_contacts','ic_dialer_sip','ic_dialpad','ic_dnd_on','ic_email','ic_forum','ic_import_export','ic_invert_colors_off','ic_invert_colors_on','ic_live_help','ic_location_off','ic_location_on','ic_message','ic_messenger','ic_no_sim','ic_phone','ic_portable_wifi_off','ic_quick_contacts_dialer','ic_quick_contacts_mail','ic_ring_volume','ic_stay_current_landscape','ic_stay_current_portrait','ic_stay_primary_landscape','ic_stay_primary_portrait','ic_swap_calls','ic_textsms','ic_voicemail','ic_vpn_key'; | |
| $contents : 'ic_add','ic_add_box','ic_add_circle','ic_add_circle_outline','ic_archive','ic_backspace','ic_block','ic_clear','ic_content_copy','ic_content_cut','ic_content_paste','ic_create','ic_drafts','ic_filter_list','ic_flag','ic_forward','ic_gesture','ic_inbox','ic_link','ic_mail','ic_markunread','ic_redo','ic_remove','ic_remove_circle','ic_remove_circle_outline','ic_reply','ic_reply_all','ic_report','ic_save','ic_select_all','ic_send','ic_sort','ic_text_format','ic_undo'; | |
| $devices : 'ic_access_alarm','ic_access_alarms','ic_access_time','ic_add_alarm','ic_airplanemode_off','ic_airplanemode_on','ic_battery_20','ic_battery_30','ic_battery_50','ic_battery_60','ic_battery_80','ic_battery_90','ic_battery_alert','ic_battery_charging_20','ic_battery_charging_30','ic_battery_charging_50','ic_battery_charging_60','ic_battery_charging_80','ic_battery_charging_90','ic_battery_charging_full','ic_battery_full','ic_battery_std','ic_battery_unknown','ic_bluetooth','ic_bluetooth_connected','ic_bluetooth_disabled','ic_bluetooth_searching','ic_brightness_auto','ic_brightness_high','ic_brightness_low','ic_brightness_medium','ic_data_usage','ic_developer_mode','ic_devices','ic_dvr','ic_gps_fixed','ic_gps_not_fixed','ic_gps_off','ic_location_disabled','ic_location_searching','ic_multitrack_audio','ic_network_cell','ic_network_wifi','ic_nfc','ic_now_wallpaper','ic_now_widgets','ic_screen_lock_landscape','ic_screen_lock_portrait','ic_screen_lock_rotation','ic_screen_rotation','ic_sd_storage','ic_settings_system_daydream','ic_signal_cellular_0_bar','ic_signal_cellular_1_bar','ic_signal_cellular_2_bar','ic_signal_cellular_3_bar','ic_signal_cellular_4_bar','ic_signal_cellular_connected_no_internet_0_bar','ic_signal_cellular_connected_no_internet_1_bar','ic_signal_cellular_connected_no_internet_2_bar','ic_signal_cellular_connected_no_internet_3_bar','ic_signal_cellular_connected_no_internet_4_bar','ic_signal_cellular_no_sim','ic_signal_cellular_null','ic_signal_cellular_off','ic_signal_wifi_0_bar','ic_signal_wifi_1_bar','ic_signal_wifi_2_bar','ic_signal_wifi_3_bar','ic_signal_wifi_4_bar','ic_signal_wifi_off','ic_storage','ic_usb','ic_wifi_lock','ic_wifi_tethering'; | |
| $editors : 'ic_attach_file','ic_attach_money','ic_border_all','ic_border_bottom','ic_border_clear','ic_border_color','ic_border_horizontal','ic_border_inner','ic_border_left','ic_border_outer','ic_border_right','ic_border_style','ic_border_top','ic_border_vertical','ic_format_align_center','ic_format_align_justify','ic_format_align_left','ic_format_align_right','ic_format_bold','ic_format_clear','ic_format_color_fill','ic_format_color_reset','ic_format_color_text','ic_format_indent_decrease','ic_format_indent_increase','ic_format_italic','ic_format_line_spacing','ic_format_list_bulleted','ic_format_list_numbered','ic_format_paint','ic_format_quote','ic_format_size','ic_format_strikethrough','ic_format_textdirection_l_to_r','ic_format_textdirection_r_to_l','ic_format_underline','ic_functions','ic_insert_chart','ic_insert_comment','ic_insert_drive_file','ic_insert_emoticon','ic_insert_invitation','ic_insert_link','ic_insert_photo','ic_merge_type','ic_mode_comment','ic_mode_edit','ic_publish','ic_vertical_align_bottom','ic_vertical_align_center','ic_vertical_align_top','ic_wrap_text'; | |
| $files : 'ic_attachment','ic_cloud','ic_cloud_circle','ic_cloud_done','ic_cloud_download','ic_cloud_off','ic_cloud_queue','ic_cloud_upload','ic_file_download','ic_file_upload','ic_folder','ic_folder_open','ic_folder_shared'; | |
| $hardwares : 'ic_cast','ic_cast_connected','ic_computer','ic_desktop_mac','ic_desktop_windows','ic_dock','ic_gamepad','ic_headset','ic_headset_mic','ic_keyboard','ic_keyboard_alt','ic_keyboard_arrow_down','ic_keyboard_arrow_left','ic_keyboard_arrow_right','ic_keyboard_arrow_up','ic_keyboard_backspace','ic_keyboard_capslock','ic_keyboard_control','ic_keyboard_hide','ic_keyboard_return','ic_keyboard_tab','ic_keyboard_voice','ic_laptop','ic_laptop_chromebook','ic_laptop_mac','ic_laptop_windows','ic_memory','ic_mouse','ic_phone_android','ic_phone_iphone','ic_phonelink','ic_phonelink_off','ic_security','ic_sim_card','ic_smartphone','ic_speaker','ic_tablet','ic_tablet_android','ic_tablet_mac','ic_tv','ic_watch'; | |
| $images : 'ic_add_to_photos','ic_adjust','ic_assistant_photo','ic_audiotrack','ic_blur_circular','ic_blur_linear','ic_blur_off','ic_blur_on','ic_brightness_1','ic_brightness_2','ic_brightness_3','ic_brightness_4','ic_brightness_5','ic_brightness_6','ic_brightness_7','ic_brush','ic_camera','ic_camera_alt','ic_camera_front','ic_camera_rear','ic_camera_roll','ic_center_focus_strong','ic_center_focus_weak','ic_collections','ic_color_lens','ic_colorize','ic_compare','ic_control_point','ic_control_point_duplicate','ic_crop_16_9','ic_crop','ic_crop_3_2','ic_crop_5_4','ic_crop_7_5','ic_crop_din','ic_crop_free','ic_crop_landscape','ic_crop_original','ic_crop_portrait','ic_crop_square','ic_dehaze','ic_details','ic_edit','ic_exposure','ic_exposure_minus_1','ic_exposure_minus_2','ic_exposure_plus_1','ic_exposure_plus_2','ic_exposure_zero','ic_filter_1','ic_filter','ic_filter_2','ic_filter_3','ic_filter_4','ic_filter_5','ic_filter_6','ic_filter_7','ic_filter_8','ic_filter_9','ic_filter_9_plus','ic_filter_b_and_w','ic_filter_center_focus','ic_filter_drama','ic_filter_frames','ic_filter_hdr','ic_filter_none','ic_filter_tilt_shift','ic_filter_vintage','ic_flare','ic_flash_auto','ic_flash_off','ic_flash_on','ic_flip','ic_gradient','ic_grain','ic_grid_off','ic_grid_on','ic_hdr_off','ic_hdr_on','ic_hdr_strong','ic_hdr_weak','ic_healing','ic_image','ic_image_aspect_ratio','ic_iso','ic_landscape','ic_leak_add','ic_leak_remove','ic_lens','ic_looks','ic_looks_3','ic_looks_4','ic_looks_5','ic_looks_6','ic_looks_one','ic_looks_two','ic_loupe','ic_movie_creation','ic_nature','ic_nature_people','ic_navigate_before','ic_navigate_next','ic_palette','ic_panorama','ic_panorama_fisheye','ic_panorama_horizontal','ic_panorama_vertical','ic_panorama_wide_angle','ic_photo','ic_photo_album','ic_photo_camera','ic_photo_library','ic_portrait','ic_remove_red_eye','ic_rotate_left','ic_rotate_right','ic_slideshow','ic_straighten','ic_style','ic_switch_camera','ic_switch_video','ic_tag_faces','ic_texture','ic_timelapse','ic_timer_10','ic_timer','ic_timer_3','ic_timer_auto','ic_timer_off','ic_tonality','ic_transform','ic_tune','ic_wb_auto','ic_wb_cloudy','ic_wb_incandescent','ic_wb_irradescent','ic_wb_sunny'; | |
| $maps : 'ic_beenhere','ic_directions','ic_directions_bike','ic_directions_bus','ic_directions_car','ic_directions_ferry','ic_directions_subway','ic_directions_train','ic_directions_transit','ic_directions_walk','ic_flight','ic_hotel','ic_layers','ic_layers_clear','ic_local_airport','ic_local_atm','ic_local_attraction','ic_local_bar','ic_local_cafe','ic_local_car_wash','ic_local_convenience_store','ic_local_drink','ic_local_florist','ic_local_gas_station','ic_local_grocery_store','ic_local_hospital','ic_local_hotel','ic_local_laundry_service','ic_local_library','ic_local_mall','ic_local_movies','ic_local_offer','ic_local_parking','ic_local_pharmacy','ic_local_phone','ic_local_pizza','ic_local_play','ic_local_post_office','ic_local_print_shop','ic_local_restaurant','ic_local_see','ic_local_shipping','ic_local_taxi','ic_location_history','ic_map','ic_my_location','ic_navigation','ic_pin_drop','ic_place','ic_rate_review','ic_restaurant_menu','ic_satellite','ic_store_mall_directory','ic_terrain','ic_traffic'; | |
| $navigations : 'ic_apps','ic_arrow_back','ic_arrow_drop_down','ic_arrow_drop_down_circle','ic_arrow_drop_up','ic_arrow_forward','ic_cancel','ic_check','ic_chevron_left','ic_chevron_right','ic_close','ic_expand_less','ic_expand_more','ic_fullscreen','ic_fullscreen_exit','ic_menu','ic_more_horiz','ic_more_vert','ic_refresh','ic_unfold_less','ic_unfold_more'; | |
| $notifications : 'ic_adb','ic_bluetooth_audio','ic_disc_full','ic_dnd_forwardslash','ic_do_not_disturb','ic_drive_eta','ic_event_available','ic_event_busy','ic_event_note','ic_folder_special','ic_mms','ic_more','ic_network_locked','ic_phone_bluetooth_speaker','ic_phone_forwarded','ic_phone_in_talk','ic_phone_locked','ic_phone_missed','ic_phone_paused','ic_play_download','ic_play_install','ic_sd_card','ic_sim_card_alert','ic_sms','ic_sms_failed','ic_sync','ic_sync_disabled','ic_sync_problem','ic_system_update','ic_tap_and_play','ic_time_to_leave','ic_vibration','ic_voice_chat','ic_vpn_lock'; | |
| $socials: 'ic_cake','ic_domain','ic_group','ic_group_add','ic_location_city','ic_mood','ic_notifications','ic_notifications_none','ic_notifications_off','ic_notifications_on','ic_notifications_paused','ic_pages','ic_party_mode','ic_people','ic_people_outline','ic_person','ic_person_add','ic_person_outline','ic_plus_one','ic_poll','ic_public','ic_school','ic_share','ic_whatshot'; | |
| $toggles : 'ic_check_box','ic_check_box_outline_blank','ic_radio_button_off','ic_radio_button_on','ic_star','ic_star_half','ic_star_outline'; | |
| .m-icon{ | |
| &:after{ | |
| content:''; | |
| display: inline-block; | |
| @include square(3em); | |
| } | |
| @each $action in $actions { | |
| &[class*="#{($action)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/action/svg/#{($action)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $alert in $alerts { | |
| &[class*="#{($alert)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/alert/svg/#{($alert)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $av in $avs { | |
| &[class*="#{($av)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/av/svg/#{($av)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $communication in $communications { | |
| &[class*="#{($communication)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/communication/svg/#{($communication)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $content in $contents { | |
| &[class*="#{($content)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/content/svg/#{($content)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $device in $devices { | |
| &[class*="#{($device)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/device/svg/#{($device)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $editor in $editors { | |
| &[class*="#{($editor)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/editor/svg/#{($editor)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $file in $files { | |
| &[class*="#{($file)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/file/svg/#{($file)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $hardware in $hardwares { | |
| &[class*="#{($hardware)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/hardware/svg/#{($hardware)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $image in $images { | |
| &[class*="#{($image)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/image/svg/#{($image)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $map in $maps { | |
| &[class*="#{($map)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/maps/svg/#{($map)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $navigation in $navigations { | |
| &[class*="#{($navigation)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/navigation/svg/#{($navigation)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $notification in $notifications { | |
| &[class*="#{($notification)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/notification/svg/#{($notification)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $social in $socials { | |
| &[class*="#{($social)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/social/svg/#{($social)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| @each $toggle in $toggles { | |
| &[class*="#{($toggle)}"]{ | |
| &:after{ | |
| background: url('http://google.github.io/material-design-icons/toggle/svg/#{($toggle)}_24px.svg')no-repeat center center; | |
| background-size: 100%; | |
| } | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Beautiful!!