Malzeme - Görüntü Simgeleri

Bu bölüm, Google'ın (Malzeme) Görüntü 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 (Materyal) Görsel simgelerinin kullanımını ve sonuçlarını içermektedir. İ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"> add_to_photos </i> fotoğraflara_ ekle
<i class = "material-icons custom"> ayarla </i> ayarlamak
<i class = "material-icons custom"> asistan </i> asistan
<i class = "material-icons custom"> asistan </i> asistan
<i class = "material-icons custom"> ses kaydı </i> müzik parçası
<i class = "material-icons custom"> blur_circular </i> blur_circular
<i class = "material-icons custom"> blur_linear </i> blur_linear
<i class = "material-icons custom"> blur_off </i> blur_off
<i class = "material-icons custom"> blur_on </i> blur_on
<i class = "material-icons custom"> parlaklık_1 </i> parlaklık_1
<i class = "material-icons custom"> parlaklık_2 </i> parlaklık_2
<i class = "material-icons custom"> bright_3 </i> parlaklık_3
<i class = "material-icons custom"> bright_4 </i> parlaklık_4
<i class = "material-icons custom"> bright_5 </i> parlaklık_5
<i class = "material-icons custom"> bright_6 </i> parlaklık_6
<i class = "material-icons custom"> bright_7 </i> parlaklık_7
<i class = "material-icons custom"> broken_image </i> Broken_image
<i class = "material-icons custom"> fırça </i> fırça
<i class = "material-icons custom"> kamera </i> kamera
<i class = "material-icons custom"> camera_alt </i> camera_alt
<i class = "material-icons custom"> camera_front </i> camera_front
<i class = "material-icons custom"> camera_rear </i> camera_rear
<i class = "material-icons custom"> camera_roll </i> camera_roll
<i class = "material-icons custom"> center_focus_strong </i> center_focus_strong
<i class = "material-icons custom"> center_focus_weak </i> center_focus_weak
<i class = "material-icons custom"> koleksiyonlar </i> koleksiyonlar
<i class = "material-icons custom"> collections_bookmark </i> collections_bookmark
<i class = "material-icons custom"> color_lens </i> color_lens
<i class = "material-icons custom"> renklendirme </i> renklendirmek
<i class = "material-icons custom"> karşılaştır </i> karşılaştırmak
<i class = "material-icons custom"> kontrol_ noktası </i> kontrol noktası
<i class = "material-icons custom"> control_point_duplicate </i> control_point_duplicate
<i class = "material-icons custom"> kırp </i> mahsul
<i class = "material-icons custom"> crop_16_9 </i> crop_16_9
<i class = "material-icons custom"> crop_3_2 </i> crop_3_2
<i class = "material-icons custom"> crop_5_4 </i> crop_5_4
<i class = "material-icons custom"> crop_7_5 </i> crop_7_5
<i class = "material-icons custom"> crop_din </i> crop_din
<i class = "material-icons custom"> crop_free </i> crop_free
<i class = "material-icons custom"> crop_landscape </i> crop_landscape
<i class = "material-icons custom"> crop_original </i> crop_original
<i class = "material-icons custom"> crop_portrait </i> crop_portrait
<i class = "material-icons custom"> crop_square </i> crop_square
<i class = "material-icons custom"> puseti kaldırın </i> perdesini kaldırmak
<i class = "material-icons custom"> ayrıntılar </i> detaylar
<i class = "material-icons custom"> düzenle </i> Düzenle
<i class = "material-icons custom"> pozlama </i> maruziyet
<i class = "material-icons custom"> maruziyet_neg_1 </i> maruziyet_neg_1
<i class = "material-icons custom"> maruziyet_plus_1 </i> maruziyet_plus_1
<i class = "material-icons custom"> exposed_plus_2 </i> maruziyet_plus_2
<i class = "material-icons custom"> maruziyet_ sıfır </i> maruziyet_ sıfır
<i class = "material-icons custom"> filtre </i> filtre
<i class = "material-icons custom"> filter_1 </i> filter_1
<i class = "material-icons custom"> filter_2 </i> filter_2
<i class = "material-icons custom"> filter_3 </i> filter_3
<i class = "material-icons custom"> filter_4 </i> filter_4
<i class = "material-icons custom"> filter_5 </i> filter_5
<i class = "material-icons custom"> filter_6 </i> filtre_6
<i class = "material-icons custom"> filter_7 </i> filter_7
<i class = "material-icons custom"> filter_8 </i> filter_8
<i class = "material-icons custom"> filter_9 </i> filter_9
<i class = "material-icons custom"> filter_9_plus </i> filter_9_plus
<i class = "material-icons custom"> filter_b_and_w </i> filter_b_and_w
<i class = "material-icons custom"> filter_center_focus </i> filter_center_focus
<i class = "material-icons custom"> filter_drama </i> filter_drama
<i class = "material-icons custom"> filter_frame'ler </i> filter_frames
<i class = "material-icons custom"> filter_hdr </i> filter_hdr
<i class = "material-icons custom"> filter_none </i> filter_none
<i class = "material-icons custom"> filter_tilt_shift </i> filter_tilt_shift
<i class = "material-icons custom"> filter_vintage </i> filter_vintage
<i class = "material-icons custom"> parlama </i> parlama
<i class = "material-icons custom"> flash_auto </i> flash_auto
<i class = "material-icons custom"> flash_off </i> flash_off
<i class = "material-icons custom"> flash_on </i> flash_on
<i class = "material-icons custom"> çevir </i> çevirmek
<i class = "material-icons custom"> gradyan </i> gradyan
<i class = "material-icons custom"> tahıl </i> tane
<i class = "material-icons custom"> grid_off </i> grid_off
<i class = "material-icons custom"> grid_on </i> grid_on
<i class = "material-icons custom"> hdr_off </i> hdr_off
<i class = "material-icons custom"> hdr_on </i> hdr_on
<i class = "material-icons custom"> hdr_strong </i> hdr_strong
<i class = "material-icons custom"> hdr_weak </i> hdr_weak
<i class = "material-icons custom"> iyileştirme </i> iyileştirme
<i class = "material-icons custom"> resim </i> görüntü
<i class = "material-icons custom"> image_aspect_ratio </i> image_aspect_ratio
<i class = "material-icons custom"> iso </i> iso
<i class = "material-icons custom"> manzara </i> manzara
<i class = "material-icons custom"> leak_add </i> leak_add
<i class = "material-icons custom"> leak_remove </i> leak_remove
<i class = "material-icons custom"> lens </i> lens
<i class = "material-icons custom"> görünümler </i> görünüyor
<i class = "material-icons custom"> görünüm_3 </i> görünüyor_3
<i class = "material-icons custom"> görünüm_4 </i> görünüyor_4
<i class = "material-icons custom"> görünüm_5 </i> görünüyor_5
<i class = "material-icons custom"> look_6 </i> görünüyor_6
<i class = "material-icons custom"> look_one </i> look_one
<i class = "material-icons custom"> look_two </i> look_two
<i class = "material-icons custom"> büyüteç </i> büyüteç
<i class = "material-icons custom"> monokrom_fotoğraflar </i> monokrom_fotoğraflar
<i class = "material-icons custom"> movie_creation </i> movie_creation
<i class = "material-icons custom"> music_note </i> müzik notası
<i class = "material-icons custom"> doğa </i> doğa
<i class = "material-icons custom"> nature_people </i> Nature_people
<i class = "material-icons custom"> wb_sunny </i> wb_sunny
<i class = "material-icons custom"> navigate_next </i> navigate_next
<i class = "material-icons custom"> navigate_before </i> önce navigate
<i class = "material-icons custom"> palet </i> palet
<i class = "material-icons custom"> panorama </i> panorama
<i class = "material-icons custom"> panorama_fish_eye </i> panorama_fish_eye
<i class = "material-icons custom"> panorama_horizontal </i> panorama_horizontal
<i class = "material-icons custom"> panorama_vertical </i> panorama_vertical
<i class = "material-icons custom"> panorama_wide_angle </i> panorama_wide_angle
<i class = "material-icons custom"> fotoğraf </i> Fotoğraf
<i class = "material-icons custom"> fotoğraf_albümü </i> fotoğraf albümü
<i class = "material-icons custom"> fotoğraf_kamera </i> fotoğraf makinesi
<i class = "material-icons custom"> photo_library </i> fotoğraf kütüphanesi
<i class = "material-icons custom"> photo_size_select_actual </i> photo_size_select_actual
<i class = "material-icons custom"> photo_size_select_large </i> photo_size_select_large
<i class = "material-icons custom"> photo_size_select_small </i> photo_size_select_small
<i class = "material-icons custom"> picture_as_pdf </i> resim_as_pdf
<i class = "material-icons custom"> portre </i> Vesika
<i class = "material-icons custom"> remove_red_eye </i> remove_red_eye
<i class = "material-icons custom"> rotate_90_degrees_ccw </i> rotate_90_degrees_ccw
<i class = "material-icons custom"> rotate_left </i> sola dön
<i class = "material-icons custom"> rotate_right </i> rotate_right
<i class = "material-icons custom"> slayt gösterisi </i> slayt gösterisi
<i class = "material-icons custom"> düzelt </i> düzeltmek
<i class = "material-icons custom"> stil </i> stil
<i class = "material-icons custom"> switch_camera </i> switch_camera
<i class = "material-icons custom"> switch_video </i> switch_video
<i class = "material-icons custom"> tag_faces </i> tag_faces
<i class = "material-icons custom"> doku </i> doku
<i class = "material-icons custom"> zaman atlama </i> zaman atlaması
<i class = "material-icons custom"> zamanlayıcı </i> zamanlayıcı
<i class = "material-icons custom"> timer_10 </i> timer_10
<i class = "material-icons custom"> timer_3 </i> timer_3
<i class = "material-icons custom"> timer_off </i> kapalı zamanlayıcı
<i class = "material-icons custom"> tonalite </i> renk uyumu
<i class = "material-icons custom"> dönüştürme </i> dönüştürmek
<i class = "material-icons custom"> ince ayar </i> akort etmek
<i class = "material-icons custom"> view_comfy </i> view_comfy
<i class = "material-icons custom"> view_compact </i> view_compact
<i class = "material-icons custom"> vinyet </i> vinyet
<i class = "material-icons custom"> wb_auto </i> wb_auto
<i class = "material-icons custom"> wb_cloudy </i> wb_cloudy
<i class = "material-icons custom"> wb_incandescent </i> wb_incandescent
<i class = "material-icons custom"> wb_iridescent </i> wb_iridescent
ja/tutorial
es/tutorial
de/tutorial
fr/tutorial
th/tutorial
pt/tutorial
ru/tutorial
vi/tutorial
it/tutorial
ko/tutorial
tr/tutorial
id/tutorial
pl/tutorial
hi/tutorial
japost
espost
depost
frpost
thpost
ptpost
rupost
vipost
itpost
kopost
trpost
idpost
plpost
hipost

© Copyright 2021 - 2025 | All Rights Reserved