Malzeme - Eylem Simgeleri
Bu bölüm, Google'ın (Malzeme) Eylem Simgelerinin kullanımını açıklamaktadır. Varsayalım kicustom aşağıda verilen örnekte gösterildiği gibi boyut ve rengi tanımladığımız CSS sınıf adıdır.
<!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>
<i class = "material-icons custom">accessibility</i>
</body>
</html>Aşağıdaki tablo, Google'ın (Malzeme) İşlem Simgelerinin kullanımını ve sonuçlarını içerir. İlgili çıktıları elde etmek için yukarıdaki programın <body> etiketini tabloda verilen kodla değiştirin -
| Kullanım | Sonuç |
|---|---|
| <i class = "material-icons custom"> 3d_rotation </i> | 3d_rotation |
| <i class = "material-icons custom"> erişilebilirlik </i> | ulaşılabilirlik |
| <i class = "material-icons custom"> account_balance </i> | hesap bakiyesi |
| <i class = "material-icons custom"> account_balance_wallet </i> | account_balance_wallet |
| <i class = "material-icons custom"> account_box </i> | account_box |
| <i class = "material-icons custom"> account_circle </i> | account_circle |
| <i class = "material-icons custom"> add_shopping_cart </i> | add_shopping_cart |
| <i class = "material-icons custom"> alarm </i> | alarm |
| <i class = "material-icons custom"> alarm_add </i> | alarm_add |
| <i class = "material-icons custom"> alarm_off </i> | alarm_off |
| <i class = "material-icons custom"> alarm_on </i> | alarm_on |
| <i class = "material-icons custom"> android </i> | android |
| <i class = "material-icons custom"> duyuru </i> | duyuru |
| <i class = "material-icons custom"> direction_ratio </i> | açı_ oranı |
| <i class = "material-icons custom"> değerlendirme </i> | değerlendirme |
| <i class = "material-icons custom"> atama </i> | Görev |
| <i class = "material-icons custom"> assignment_ind </i> | atama_ind |
| <i class = "material-icons custom"> assignment_late </i> | assignment_late |
| <i class = "material-icons custom"> assignment_return </i> | atama_başvurusu |
| <i class = "material-icons custom"> assignment_returned </i> | assignment_returned |
| <i class = "material-icons custom"> assignment_turned_in </i> | assignment_turned_in |
| <i class = "material-icons custom"> otomatik olarak yeni </i> | Otomatik Yenile |
| <i class = "material-icons custom"> yedekleme </i> | destek olmak |
| <i class = "material-icons custom"> kitap </i> | kitap |
| <i class = "material-icons custom"> yer işareti </i> | yer imi |
| <i class = "material-icons custom"> bookmark_border </i> | bookmark_border |
| <i class = "material-icons custom"> bug_report </i> | hata raporu |
| <i class = "material-icons custom"> inşa </i> | inşa etmek |
| <i class = "material-icons custom"> önbelleğe alındı </i> | önbelleğe alınmış |
| <i class = "material-icons custom"> camera_enhance </i> | camera_enhance |
| <i class = "material-icons custom"> card_giftcard </i> | card_giftcard |
| <i class = "material-icons custom"> card_membership </i> | card_membership |
| <i class = "material-icons custom"> card_travel </i> | card_travel |
| <i class = "material-icons custom"> change_history </i> | Tarihi değiştir |
| <i class = "material-icons custom"> check_circle </i> | check_circle |
| <i class = "material-icons custom"> chrome_reader_mode </i> | chrome_reader_mode |
| <i class = "material-icons custom"> sınıf </i> | sınıf |
| <i class = "material-icons custom"> kod </i> | kodu |
| <i class = "material-icons custom"> kredi kartı </i> | kredi kartı |
| <i class = "material-icons custom"> gösterge tablosu </i> | Gösterge Paneli |
| <i class = "material-icons custom"> sil </i> | sil |
| <i class = "material-icons custom"> açıklama </i> | açıklama |
| <i class = "material-icons custom"> dns </i> | dns |
| <i class = "material-icons custom"> bitti </i> | bitti |
| <i class = "material-icons custom"> done_all </i> | done_all |
| <i class = "material-icons custom"> çıkar </i> | çıkarmak |
| <i class = "material-icons custom"> etkinlik </i> | Etkinlik |
| <i class = "material-icons custom"> event_seat </i> | event_seat |
| <i class = "material-icons custom"> exit_to_app </i> | exit_to_app |
| <i class = "material-icons custom"> keşfedin </i> | keşfetmek |
| <i class = "material-icons custom"> uzantı </i> | uzantı |
| <i class = "material-icons custom"> yüz </i> | yüz |
| <i class = "material-icons custom"> favori </i> | favori |
| <i class = "material-icons custom"> Favorite_border </i> | Favorite_border |
| <i class = "material-icons custom"> geri bildirim </i> | geri bildirim |
| <i class = "material-icons custom"> find_in_page </i> | sayfada bul |
| <i class = "material-icons custom"> find_replace </i> | bul_değiştir |
| <i class = "material-icons custom"> flight_land </i> | flight_land |
| <i class = "material-icons custom"> flight_takeoff </i> | flight_takeoff |
| <i class = "material-icons custom"> flip_to_back </i> | flip_to_back |
| <i class = "material-icons custom"> flip_to_front </i> | flip_to_front |
| <i class = "material-icons custom"> get_app </i> | uygulamayı al |
| <i class = "material-icons custom"> gif </i> | gif |
| <i class = "material-icons custom"> derece </i> | derece |
| <i class = "material-icons custom"> group_work </i> | grup çalışması |
| <i class = "material-icons custom"> yardım </i> | Yardım |
| <i class = "material-icons custom"> help_outline </i> | help_outline |
| <i class = "material-icons custom"> vurgu_kapalı </i> | vurgulamak_kapalı |
| <i class = "material-icons custom"> geçmiş </i> | Tarih |
| <i class = "material-icons custom"> ana sayfa </i> | ev |
| <i class = "material-icons custom"> kum saati_ boş </i> | kumsaati_ boş |
| <i class = "material-icons custom"> kum saati_full </i> | kumsaati_full |
| <i class = "material-icons custom"> http </i> | http |
| <i class = "material-icons custom"> https </i> | https |
| <i class = "material-icons custom"> bilgi </i> | bilgi |
| <i class = "material-icons custom"> info_outline </i> | info_outline |
| <i class = "material-icons custom"> giriş </i> | giriş |
| <i class = "material-icons custom"> invert_colors </i> | invert_colors |
| <i class = "material-icons custom"> etiket </i> | etiket |
| <i class = "material-icons custom"> label_outline </i> | label_outline |
| <i class = "material-icons custom"> dil </i> | dil |
| <i class = "material-icons custom"> başlat </i> | başlatmak |
| <i class = "material-icons custom"> liste </i> | liste |
| <i class = "material-icons custom"> kilit </i> | kilit |
| <i class = "material-icons custom"> lock_open </i> | lock_open |
| <i class = "material-icons custom"> lock_outline </i> | lock_outline |
| <i class = "material-icons custom"> bağlılık </i> | sadakat |
| <i class = "material-icons custom"> markunread_mailbox </i> | markunread_mailbox |
| <i class = "material-icons custom"> note_add </i> | note_add |
| <i class = "material-icons custom"> offline_pin </i> | offline_pin |
| <i class = "material-icons custom"> open_in_browser </i> | tarayıcıda aç |
| <i class = "material-icons custom"> open_in_new </i> | open_in_new |
| <i class = "material-icons custom"> open_with </i> | Bununla aç |
| <i class = "material-icons custom"> sayfa görüntüleme </i> | sayfa görünümü |
| <i class = "material-icons custom"> ödeme </i> | ödeme |
| <i class = "material-icons custom"> perm_camera_mic </i> | perm_camera_mic |
| <i class = "material-icons custom"> perm_contact_cale </i> | perm_contact_cale |
| <i class = "material-icons custom"> perm_data_settings </i> | perm_data_settings |
| <i class = "material-icons custom"> perm_device_information </i> | perm_device_information |
| <i class = "material-icons custom"> kalıcı kimlik </i> | perm_identity |
| <i class = "material-icons custom"> perm_media </i> | perm_media |
| <i class = "material-icons custom"> perm_phone_msg </i> | perm_phone_msg |
| <i class = "material-icons custom"> perm_scan_wifi </i> | perm_scan_wifi |
| <i class = "material-icons custom"> picture_in_picture </i> | fotoğraf içinde fotoğraf |
| <i class = "material-icons custom"> play_for_work </i> | play_for_work |
| <i class = "material-icons custom"> polimer </i> | polimer |
| <i class = "material-icons custom"> power_settings_new </i> | power_settings_new |
| <i class = "material-icons custom"> yazdır </i> | Yazdır |
| <i class = "material-icons custom"> query_builder </i> | Sorgu oluşturucu |
| <i class = "material-icons custom"> question_answer </i> | soru cevap |
| <i class = "material-icons custom"> makbuz </i> | fiş |
| <i class = "material-icons custom"> kullan </i> | tazmin etmek |
| <i class = "material-icons custom"> yeniden sırala </i> | yeniden sıralama |
| <i class = "material-icons custom"> report_problem </i> | report_problem |
| <i class = "material-icons custom"> geri yükle </i> | onarmak |
| <i class = "material-icons custom"> oda </i> | oda |
| <i class = "material-icons custom"> program </i> | program |
| <i class = "material-icons custom"> arama </i> | arama |
| <i class = "material-icons custom"> ayarlar </i> | ayarlar |
| <i class = "material-icons custom"> settings_applications </i> | settings_applications |
| <i class = "material-icons custom"> settings_bluetooth </i> | settings_bluetooth |
| <i class = "material-icons custom"> settings_brightness </i> | settings_brightness |
| <i class = "material-icons custom"> settings_cell </i> | settings_cell |
| <i class = "material-icons custom"> settings_ethernet </i> | settings_ethernet |
| <i class = "material-icons custom"> settings_input_antenna </i> | settings_input_antenna |
| <i class = "material-icons custom"> settings_input_component </i> | settings_input_component |
| <i class = "material-icons custom"> settings_input_hdmi </i> | settings_input_hdmi |
| <i class = "material-icons custom"> settings_input_svideo </i> | settings_input_svideo |
| <i class = "material-icons custom"> settings_overscan </i> | settings_overscan |
| <i class = "material-icons custom"> settings_phone </i> | settings_phone |
| <i class = "material-icons custom"> settings_power </i> | settings_power |
| <i class = "material-icons custom"> settings_remote </i> | settings_remote |
| <i class = "material-icons custom"> settings_voice </i> | settings_voice |
| <i class = "material-icons custom"> alışveriş </i> | Dükkan |
| <i class = "material-icons custom"> shop_two </i> | shop_two |
| <i class = "material-icons custom"> shopping_basket </i> | Alışveriş sepeti |
| <i class = "material-icons custom"> shopping_cart </i> | alışveriş kartı |
| <i class = "material-icons custom"> hoparlör_notları </i> | speaker_notes |
| <i class = "material-icons custom"> yazım denetimi </i> | yazım denetimi |
| <i class = "material-icons custom"> star_rate </i> | star_rate |
| <i class = "material-icons custom"> yıldızlar </i> | yıldızlar |
| <i class = "material-icons custom"> mağaza </i> | mağaza |
| <i class = "material-icons custom"> konu </i> | konu |
| <i class = "material-icons custom"> supervisor_account </i> | supervisor_account |
| <i class = "material-icons custom"> swap_horiz </i> | swap_horiz |
| <i class = "material-icons custom"> swap_vert </i> | swap_vert |
| <i class = "material-icons custom"> swap_vertical_circle </i> | swap_vertical_circle |
| <i class = "material-icons custom"> system_update_alt </i> | system_update_alt |
| <i class = "material-icons custom"> sekme </i> | sekme |
| <i class = "material-icons custom"> tab_unselected </i> | tab_unselected |
| <i class = "material-icons custom"> sinemalar </i> | tiyatrolar |
| <i class = "material-icons custom"> thumb_down </i> | thumb_down |
| <i class = "material-icons custom"> thumb_up </i> | başparmak yukarı |
| <i class = "material-icons custom"> thumbs_up_down </i> | thumbs_up_down |
| <i class = "material-icons custom"> toc </i> | toc |
| <i class = "material-icons custom"> bugün </i> | bugün |
| <i class = "material-icons custom"> geçiş ücreti </i> | Geçiş ücreti |
| <i class = "material-icons custom"> track_changes </i> | parça değişiklikleri |
| <i class = "material-icons custom"> çevir </i> | Çevirmek |
| <i class = "material-icons custom"> trending_down </i> | trending_down |
| <i class = "material-icons custom"> trending_flat </i> | trending_flat |
| <i class = "material-icons custom"> trending_up </i> | trending_up |
| <i class = "material-icons custom"> turn_in </i> | döndü |
| <i class = "material-icons custom"> doğrulanmış_kullanıcı </i> | doğrulanmış_kullanıcı |
| <i class = "material-icons custom"> view_agenda </i> | view_agenda |
| <i class = "material-icons custom"> view_array </i> | görünüm_dizisi |
| <i class = "material-icons custom"> view_carousel </i> | view_carousel |
| <i class = "material-icons custom"> view_column </i> | view_column |
| <i class = "material-icons custom"> view_day </i> | view_day |
| <i class = "material-icons custom"> view_headline </i> | view_headline |
| <i class = "material-icons custom"> view_list </i> | view_list |
| <i class = "material-icons custom"> view_module </i> | view_module |
| <i class = "material-icons custom"> view_quilt </i> | view_quilt |
| <i class = "material-icons custom"> view_stream </i> | view_stream |
| <i class = "material-icons custom"> view_week </i> | view_week |
| <i class = "material-icons custom"> görünürlük </i> | görünürlük |
| <i class = "material-icons custom"> visibility_off </i> | visibility_off |
| <i class = "material-icons custom"> çalışma </i> | iş |
| <i class = "material-icons custom"> youtube_searched_for </i> | youtube_searched_for |
| <i class = "material-icons custom"> zoom_in </i> | Yakınlaştır |
| <i class = "material-icons custom"> zoom_out </i> | uzaklaştırmak |