재료-통신 아이콘

이 장에서는 Google의 (자료) 커뮤니케이션 아이콘 사용에 대해 설명합니다. 그것을 가정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의 (자료) 커뮤니케이션 아이콘의 사용 및 결과를 포함합니다. 위 프로그램의 <body> 태그를 표에 제공된 코드로 대체하여 각 출력을 얻습니다.

용법	결과
<i class = "material-icons custom"> 비즈니스 </ i>	사업
<i class = "material-icons custom"> 전화 </ i>	요구
<i class = "material-icons custom"> call_made </ i>	call_made
<i class = "material-icons custom"> 통화 _ 병합 </ i>	call_merge
<i class = "material-icons custom"> call_missed </ i>	call_missed
<i class = "material-icons custom"> call_received </ i>	call_received
<i class = "material-icons custom"> call_split </ i>	call_split
<i class = "material-icons custom"> 채팅 </ i>	잡담
<i class = "material-icons custom"> chat_bubble </ i>	chat_bubble
<i class = "material-icons custom"> chat_bubble_outline </ i>	chat_bubble_outline
<i class = "material-icons custom"> clear_all </ i>	clear_all
<i class = "material-icons custom"> 댓글 </ i>	논평
<i class = "material-icons custom"> contact_phone </ i>	연락 전화 번호
<i class = "material-icons custom"> 연락처 </ i>	콘택트 렌즈
<i class = "material-icons custom"> dialer_sip </ i>	dialer_sip
<i class = "material-icons custom"> 다이얼 패드 </ i>	다이얼 패드
<i class = "material-icons custom"> 포럼 </ i>	법정
<i class = "material-icons custom"> import_export </ i>	수입 수출
<i class = "material-icons custom"> invert_colors_off </ i>	invert_colors_off
<i class = "material-icons custom"> live_help </ i>	live_help
<i class = "material-icons custom"> location_off </ i>	location_off
<i class = "material-icons custom"> location_on </ i>	location_on
<i class = "material-icons custom"> 메시지 </ i>	메시지
<i class = "material-icons custom"> no_sim </ i>	no_sim
<i class = "material-icons custom"> 휴대 전화 </ i>	전화
<i class = "material-icons custom"> phonelink_erase </ i>	phonelink_erase
<i class = "material-icons custom"> phonelink_lock </ i>	phonelink_lock
<i class = "material-icons custom"> phonelink_ring </ i>	phonelink_ring
<i class = "material-icons custom"> phonelink_setup </ i>	phonelink_setup
<i class = "material-icons custom"> portable_wifi_off </ i>	portable_wifi_off
<i class = "material-icons custom"> present_to_all </ i>	present_to_all
<i class = "material-icons custom"> ring_volume </ i>	ring_volume
<i class = "material-icons custom"> 스피커 _ 전화 </ i>	speaker_phone
<i class = "material-icons custom"> stay_current_landscape </ i>	stay_current_landscape
<i class = "material-icons custom"> stay_current_portrait </ i>	stay_current_portrait
<i class = "material-icons custom"> stay_primary_landscape </ i>	stay_primary_landscape
<i class = "material-icons custom"> stay_primary_portrait </ i>	stay_primary_portrait
<i class = "material-icons custom"> swap_calls </ i>	swap_calls
<i class = "material-icons custom"> 텍스트 </ i>	문자
<i class = "material-icons custom"> 음성 메일 </ i>	음성 사서함
<i class = "material-icons custom"> vpn_key </ i>	vpn_key
<i class = "material-icons custom"> 이메일 </ i>	이메일
<i class = "material-icons custom"> 통화 _ 종료 </ i>	call_end