素材-アラートアイコン

この章では、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"> add_alert </ i> add_alert
<iclass = "material-iconscustom">エラー</ i> エラー
<i class = "material-icons custom"> error_outline </ i> error_outline
<iclass = "material-iconscustom">警告</ i> 警告