web Icons Archives - Page 3 of 4 - Donotsad where can learn any thing work project and make money

Aug 10

Material – Toggle Icons

Material – Toggle Icons ”; Previous Next This chapter explains the usage of Google”s (Material) Toggle icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <!DOCTYPE html> <html> <head> <link href = “https://fonts.googleapis.com/icon?family=Material+Icons” rel = “stylesheet”> <style> i.custom {font-size: 2em; color: green;} </style> </head> <body> accessibility </body> </html> The following table contains the usage and results of Google”s (Material) Toggle icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Result check_box check_box check_box_outline_blank check_box_outline_blank indeterminate_check_box indeterminate_check_box radio_button_checked radio_button_checked radio_button_unchecked radio_button_unchecked star star star_border star_border star_half star_half Print Page Previous Next Advertisements ”;

Aug 10

Material – Navigation Icons

Material – Navigation Icons ”; Previous Next This chapter explains the usage of Google”s (Material) Navigation icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <!DOCTYPE html> <html> <head> <link href = “https://fonts.googleapis.com/icon?family=Material+Icons” rel = “stylesheet”> <style> i.custom {font-size: 2em; color: green;} </style> </head> <body> accessibility </body> </html> The following table contains the usage and results of Google”s (Material) Navigation icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Result apps apps arrow_back arrow_back arrow_drop_down arrow_drop_down arrow_drop_down_circle arrow_drop_down_circle arrow_drop_up arrow_drop_up arrow_forward arrow_forward cancel cancel check check chevron_left chevron_left chevron_right chevron_right close close expand_less expand_less expand_more expand_more fullscreen fullscreen fullscreen_exit fullscreen_exit menu menu more_horiz more_horiz more_vert more_vert refresh refresh Print Page Previous Next Advertisements ”;

Aug 10

Web Icons – Useful Resources

Web Icons – Useful Resources ”; Previous Next The following resources contain additional information on Web Icons. Please use them to get more in-depth knowledge on this. Useful Video Courses TKinter Course – Build Python GUI Apps 49 Lectures 4 hours John Elder More Detail Adobe Xd Course – UI / UX Design, Prototype And Getting A Job 128 Lectures 11.5 hours Aleksandar Cucukovic More Detail Adobe Xd Animation – Complete Guide From Icons To UI 104 Lectures 11.5 hours Aleksandar Cucukovic More Detail How To Use Android: Beginners Guide for Smartphones, Tablets 98 Lectures 8 hours Kopias Csaba More Detail Learn Web Design From Scratch 68 Lectures 9.5 hours Marwa Radwan More Detail Create Twitter Clone Using Laravel 82 Lectures 5 hours Mustafa Alawi More Detail Print Page Previous Next Advertisements ”;

Aug 10

Font Awesome – Medical Icons

Font Awesome – Medical Icons ”; Previous Next This chapter explains the usage of Font Awesome Medical icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <html> <head> <link rel = “stylesheet” href = “http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css”> <style> i.custom {font-size: 2em; color: gray;} </style> </head> <body> </body> </html> The following table shows the usage and the results of Font Awesome Medical icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Icon Print Page Previous Next Advertisements ”;

Aug 10

Material – Action Icons

Material – Action Icons ”; Previous Next This chapter explains the usage of Google”s (Material) Action Icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <!DOCTYPE html> <html> <head> <link href = “https://fonts.googleapis.com/icon?family=Material+Icons” rel = “stylesheet”> <style> i.custom {font-size: 2em; color: green;} </style> </head> <body> accessibility </body> </html> The following table contains the usage and results of Google”s (Material) Action Icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Result 3d_rotation 3d_rotation accessibility accessibility account_balance account_balance account_balance_wallet account_balance_wallet account_box account_box account_circle account_circle add_shopping_cart add_shopping_cart alarm alarm alarm_add alarm_add alarm_off alarm_off alarm_on alarm_on android android announcement announcement aspect_ratio aspect_ratio assessment assessment assignment assignment assignment_ind assignment_ind assignment_late assignment_late assignment_return assignment_return assignment_returned assignment_returned assignment_turned_in assignment_turned_in autorenew autorenew backup backup book book bookmark bookmark bookmark_border bookmark_border bug_report bug_report build build cached cached camera_enhance camera_enhance card_giftcard card_giftcard card_membership card_membership card_travel card_travel change_history change_history check_circle check_circle chrome_reader_mode chrome_reader_mode class class code code credit_card credit_card dashboard dashboard delete delete description description dns dns done done done_all done_all eject eject event event event_seat event_seat exit_to_app exit_to_app explore explore extension extension face face favorite favorite favorite_border favorite_border feedback feedback find_in_page find_in_page find_replace find_replace flight_land flight_land flight_takeoff flight_takeoff flip_to_back flip_to_back flip_to_front flip_to_front get_app get_app gif gif grade grade group_work group_work help help help_outline help_outline highlight_off highlight_off history history home home hourglass_empty hourglass_empty hourglass_full hourglass_full http http https https info info info_outline info_outline input input invert_colors invert_colors label label label_outline label_outline language language launch launch list list lock lock lock_open lock_open lock_outline lock_outline loyalty loyalty markunread_mailbox markunread_mailbox note_add note_add offline_pin offline_pin open_in_browser open_in_browser open_in_new open_in_new open_with open_with pageview pageview payment payment perm_camera_mic perm_camera_mic perm_contact_cale perm_contact_cale perm_data_settings perm_data_settings perm_device_information perm_device_information perm_identity perm_identity perm_media perm_media perm_phone_msg perm_phone_msg perm_scan_wifi perm_scan_wifi picture_in_picture picture_in_picture play_for_work play_for_work polymer polymer power_settings_new power_settings_new print print query_builder query_builder question_answer question_answer receipt receipt redeem redeem reorder reorder report_problem report_problem restore restore room room schedule schedule search search settings settings settings_applications settings_applications settings_bluetooth settings_bluetooth settings_brightness settings_brightness settings_cell settings_cell settings_ethernet settings_ethernet settings_input_antenna settings_input_antenna settings_input_component settings_input_component settings_input_hdmi settings_input_hdmi settings_input_svideo settings_input_svideo settings_overscan settings_overscan settings_phone settings_phone settings_power settings_power settings_remote settings_remote settings_voice settings_voice shop shop shop_two shop_two shopping_basket shopping_basket shopping_cart shopping_cart speaker_notes speaker_notes spellcheck spellcheck star_rate star_rate stars stars store store subject subject supervisor_account supervisor_account swap_horiz swap_horiz swap_vert swap_vert swap_vertical_circle swap_vertical_circle system_update_alt system_update_alt tab tab tab_unselected tab_unselected theaters theaters thumb_down thumb_down thumb_up thumb_up thumbs_up_down thumbs_up_down toc toc today today toll toll track_changes track_changes translate translate trending_down trending_down trending_flat trending_flat trending_up trending_up turned_in turned_in verified_user verified_user view_agenda view_agenda view_array view_array view_carousel view_carousel view_column view_column view_day view_day view_headline view_headline view_list view_list view_module view_module view_quilt view_quilt view_stream view_stream view_week view_week visibility visibility visibility_off visibility_off work work youtube_searched_for youtube_searched_for zoom_in zoom_in zoom_out zoom_out Print Page Previous Next Advertisements ”;

Aug 10

Font Awesome – Text Editor Icons

Font Awesome – Text Editor Icons ”; Previous Next This chapter explains the usage of Font Awesome Text Editor icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <html> <head> <link rel = “stylesheet” href = “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css”> <style> i.custom {font-size: 2em; color: gray;} </style> </head> <body> </body> </html> The following table shows the usage and the results of Font Awesome Text Editor icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Result Print Page Previous Next Advertisements ”;

Aug 10

Material – Hardware Icons

Material – Hardware Icons ”; Previous Next This chapter explains the usage of Google”s (Material) Hardware icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <!DOCTYPE html> <html> <head> <link href = “https://fonts.googleapis.com/icon?family=Material+Icons” rel = “stylesheet”> <style> i.custom {font-size: 2em; color: green;} </style> </head> <body> accessibility </body> </html> The following table contains the usage and results of Google”s (Material) Hardware icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Result cast cast cast_connected cast_connected computer computer desktop_mac desktop_mac desktop_windows desktop_windows developer_board developer_board device_hub device_hub dock dock gamepad gamepad headset headset headset_mic headset_mic keyboard keyboard keyboard_arrow_down keyboard_arrow_down keyboard_arrow_left keyboard_arrow_left keyboard_arrow_right keyboard_arrow_right keyboard_arrow_up keyboard_arrow_up keyboard_backspace keyboard_backspace keyboard_capslock keyboard_capslock keyboard_hide keyboard_hide keyboard_return keyboard_return keyboard_tab keyboard_tab keyboard_voice keyboard_voice laptop laptop laptop_chromebook laptop_chromebook laptop_mac laptop_mac laptop_windows laptop_windows memory memory mouse mouse phone_android phone_android phone_iphone phone_iphone phonelink phonelink phonelink_off phonelink_off power_input power_input router router scanner scanner security security sim_card sim_card smartphone smartphone speaker speaker speaker_group speaker_group tablet tablet tablet_android tablet_android tablet_mac tablet_mac toys toys tv tv watch watch Print Page Previous Next Advertisements ”;

Aug 10

Font Awesome – Video Player Icons

Font Awesome – Video Player Icons ”; Previous Next This chapter explains the usage of Font Awesome Video Player icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <html> <head> <link rel = “stylesheet” href = “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css”> <style> i.custom {font-size: 2em; color: gray;} </style> </head> <body> </body> </html> The following table shows the usage and the results of Font Awesome Video Player icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Icons Print Page Previous Next Advertisements ”;

Aug 10

Font Awesome – Payment Icons

Font Awesome – Payment Icons ”; Previous Next This chapter explains the usage of Font Awesome Payment icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below. <html> <head> <link rel = “stylesheet” href = “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css”> <style> i.custom {font-size: 2em; color: gray;} </style> </head> <body> </body> </html> The following table shows the usage and the results of Font Awesome Payment icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs − Usage Result Print Page Previous Next Advertisements ”;

Aug 10

Material – Device Icons

Material – Device Icons ”; Previous Next This chapter provides you the usage of Google”s (Material) Device Icons. Assume that custom is the CSS class name in which we defined the size and colour as shown below. <!DOCTYPE html> <html> <head> <link href = “https://fonts.googleapis.com/icon?family=Material+Icons” rel = “stylesheet”> <style> i.custom {font-size: 2em; color: green;} </style> </head> <body> accessibility </body> </html> The following table contains the usage and results of Google”s (Material) Device Icons. Usage Result access_alarm access_alarm access_alarms access_alarms access_time access_time add_alarm add_alarm airplanemode_active airplanemode_active airplanemode_inactive airplanemode_inactive battery_alert battery_alert battery_charging_full battery_charging_full battery_full battery_full battery_std battery_std battery_unknown battery_unknown bluetooth bluetooth bluetooth_connected bluetooth_connected bluetooth_disabled bluetooth_disabled bluetooth_searching bluetooth_searching brightness_auto brightness_auto brightness_high brightness_high brightness_low brightness_low brightness_medium brightness_medium data_usage data_usage developer_mode developer_mode devices devices dvr dvr gps_fixed gps_fixed gps_not_fixed gps_not_fixed gps_off gps_off graphic_eq graphic_eq location_disabled location_disabled location_searching location_searching network_cell network_cell network_wifi network_wifi screen_lock_landscape screen_lock_landscape screen_lock_portrait screen_lock_portrait screen_lock_rotation screen_lock_rotation screen_rotation screen_rotation sd_storage sd_storage settings_system_daydream settings_system_daydream signal_cellular_4_bar signal_cellular_4_bar wifi_tethering wifi_tethering signal_cellular_no_sim signal_cellular_no_sim signal_cellular_null signal_cellular_null signal_cellular_off signal_cellular_off signal_wifi_4_bar signal_wifi_4_bar signal_wifi_4_bar_lock signal_wifi_4_bar_lock signal_wifi_off signal_wifi_off storage storage usb usb wallpaper wallpaper widgets widgets wifi_lock wifi_lock signal_cellular_connected_no_internet_4_bar signal_cellular_connected_no_internet_4_bar Print Page Previous Next Advertisements ”;