材料-警告アイコン

この章では、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>タグを表に記載されているコードに置き換えて、それぞれの出力を取得します-

Usage	Result
<i class="material-icons custom">add_alert</i>	add_alert
<i class="material-icons custom">error</i>	error
<i class="material-icons custom">error_outline</i>	error_outline
<i class="material-icons custom">warning</i>	warning

Web-icons-material-alert-icons

材料-警告アイコン