# Material icon Outlined 用法 by Sz
###### tags: `Sz` `2021夏季切版班`
## 懶人包
1. icon 的 CDN，外框版本

<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
      rel="stylesheet">

2. 不知道關鍵字對 XD 上的 icon 右鍵就知道囉

## Material icon 使用方法
這篇用掛 CDN 直接載入（可以看這篇 [Material icon, Google font 安裝方式](/3hVBtQrmRoGt9mxjTMDNhQ)）

但這次眼鏡網站的作業不知道為什麼沒找到
但真的硬搜還是找得出類似的圖片
後來發現其實預設搜尋會是「填滿 filled」的類型
改成 Outlined 就找得到只有外框的類型囉

## 如何使用 Outlined 版本
[Material Icons Guide](https://developers.google.com/fonts/docs/material_icons) 裡面提供的是 filled 的載入方法，沒找到介紹，只好自己推敲
### 預設的 icon 語法＆字體
### Outline 的語法＆字體
推測應該是字體的不同
### 造樣造句
那就把原本的

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

改成

<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
      rel="stylesheet">

（成功ㄌ欸）

## 不知道英文關鍵字是什麼哭阿
沒關係 XD 賜你力量
應該作者如果沒改名稱，對 icon 右鍵應該就找得到他的名稱了
~~why voicemail~~