재질-장치 아이콘

이 장에서는 Google의 (Material) 장치 아이콘 사용법을 제공합니다. 그것을 가정custom 아래와 같이 크기와 색상을 정의한 CSS 클래스 이름입니다.

<!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>

다음 표에는 Google의 (재료) 장치 아이콘의 사용 및 결과가 포함되어 있습니다.

용법	결과
<i class = "material-icons custom"> access_alarm </ i>	access_alarm
<i class = "material-icons custom"> access_alarms </ i>	access_alarms
<i class = "material-icons custom"> access_time </ i>	액세스 _ 시간
<i class = "material-icons custom"> add_alarm </ i>	add_alarm
<i class = "material-icons custom"> 비행기 모드 _ 활성 </ i>	planemode_active
<i class = "material-icons custom"> 비행기 모드 _ 비활성 </ i>	planemode_inactive
<i class = "material-icons custom"> battery_alert </ i>	battery_alert
<i class = "material-icons custom"> battery_charging_full </ i>	battery_charging_full
<i class = "material-icons custom"> battery_full </ i>	battery_full
<i class = "material-icons custom"> battery_std </ i>	battery_std
<i class = "material-icons custom"> battery_unknown </ i>	battery_unknown
<i class = "material-icons custom"> 블루투스 </ i>	블루투스
<i class = "material-icons custom"> bluetooth_connected </ i>	bluetooth_connected
<i class = "material-icons custom"> bluetooth_disabled </ i>	bluetooth_disabled
<i class = "material-icons custom"> bluetooth_searching </ i>	bluetooth_searching
<i class = "material-icons custom"> 밝기 _ 자동 </ i>	밝기 _ 자동
<i class = "material-icons custom"> 밝기 _ 높음 </ i>	밝기 _ 높음
<i class = "material-icons custom"> 밝기 _ 낮음 </ i>	밝기 _ 낮음
<i class = "material-icons custom"> 밝기 _ 중간 </ i>	밝기 _ 중간
<i class = "material-icons custom"> 데이터 사용 </ i>	data_usage
<i class = "material-icons custom"> developer_mode </ i>	개발자 모드
<i class = "material-icons custom"> 기기 </ i>	장치
<i class = "material-icons custom"> dvr </ i>	dvr
<i class = "material-icons custom"> gps_fixed </ i>	gps_fixed
<i class = "material-icons custom"> gps_not_fixed </ i>	gps_not_fixed
<i class = "material-icons custom"> gps_off </ i>	gps_off
<i class = "material-icons custom"> graphic_eq </ i>	graphic_eq
<i class = "material-icons custom"> location_disabled </ i>	location_disabled
<i class = "material-icons custom"> 위치 _ 검색 </ i>	location_searching
<i class = "material-icons custom"> network_cell </ i>	network_cell
<i class = "material-icons custom"> network_wifi </ i>	network_wifi
<i class = "material-icons custom"> screen_lock_landscape </ i>	screen_lock_landscape
<i class = "material-icons custom"> screen_lock_portrait </ i>	screen_lock_portrait
<i class = "material-icons custom"> 화면 _ 잠금 _ 회전 </ i>	screen_lock_rotation
<i class = "material-icons custom"> 화면 _ 회전 </ i>	화면 _ 회전
<i class = "material-icons custom"> sd_storage </ i>	sd_storage
<i class = "material-icons custom"> settings_system_daydream </ i>	settings_system_daydream
<i class = "material-icons custom"> signal_cellular_4_bar </ i>	signal_cellular_4_bar
<i class = "material-icons custom"> wifi_tethering </ i>	wifi_tethering
<i class = "material-icons custom"> signal_cellular_no_sim </ i>	signal_cellular_no_sim
<i class = "material-icons custom"> signal_cellular_null </ i>	signal_cellular_null
<i class = "material-icons custom"> signal_cellular_off </ i>	signal_cellular_off
<i class = "material-icons custom"> signal_wifi_4_bar </ i>	signal_wifi_4_bar
<i class = "material-icons custom"> signal_wifi_4_bar_lock </ i>	signal_wifi_4_bar_lock
<i class = "material-icons custom"> signal_wifi_off </ i>	signal_wifi_off
<i class = "material-icons custom"> 저장 </ i>	저장
<i class = "material-icons custom"> usb </ i>	USB
<i class = "material-icons custom"> 배경 무늬 </ i>	벽지
<i class = "material-icons custom"> 위젯 </ i>	위젯
<i class = "material-icons custom"> wifi_lock </ i>	wifi_lock
<i class = "material-icons custom"> signal_cellular_connected_no_internet_4_bar </ i>	signal_cellular_connected_no_internet_4_bar