Google Material icons + 文字列で縦を揃える 2018年03月16日 Google Material Iconsという、WEB制作の現場でアイコンを使いたいときに重宝するサービスが有ります。例えばお問合わせボタンの横にメールアイコンを表示したい場合等にとても便利です。 サンプル 使い方は至って簡単で、GoogleのCSSを読み込ませ、ここからアイコン表示用のHTMLを取得するだけです。 <head> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> </head> <i class="material-icons">email</i> と、ここまではたくさんのサイトさんが解説しているのですが、実際の現場でリンク文字列の横にアイコンを配置してみると