재료-통신 아이콘

이 장에서는 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