---
# System prepended metadata

title: "\U0001F3C5 切版任務 Day5 - Material Icons + Figma Icon 名稱觀看教學"
tags: [軟體工程師體驗營 - 2023]

---

---
tags: 軟體工程師體驗營 - 2023
---

# 🏅 切版任務 Day5 - Material Icons + Figma Icon 名稱觀看教學

## Material Icons
[Material Icon 官網](https://fonts.google.com/icons?icon.set=Material+Icons&icon.style=Filled)
> [Material Icons Guide](https://developers.google.com/fonts/docs/material_icons)
> 使用 Material Icon
> 使用 Filled style

**載入 Material Icon**

在 HTML `<head>` 內加入下方 CDN

```htmlembedded=
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
```
使用 Codepen 時，也可以直接在設定中 CSS 區塊「Add External Stylesheets/Pens」加入 CDN URL（如圖）

![](https://i.imgur.com/vVB4njM.png)


**選擇想要使用的 Icon**
點選 icon，出現右側欄

![](https://i.imgur.com/MEfhxnE.png)



將 **Icon font** 中第一個區塊程式碼貼至 HTML 區塊內
> [Material Icons 載入範例](https://codepen.io/hexschool/pen/PoypBKv)

## 題目
練習使用 **Material Icons** 載入下方 icon 

![](https://i.imgur.com/mOMxWP1.png)
> share、call made、close、menu

### 補充：Figma 如何觀看 icon 名稱
![](https://i.imgur.com/Wl2Hb9Z.png)


## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 

解答：
https://codepen.io/hexschool/pen/dygvjJq

-->


回報區
---

| 報數 |     Discord 名字     |                               Codepen／其他回饋                               |
|:----:|:--------------------:|:-----------------------------------------------------------------------------:|
|  1   |     Berlin#7338      |              [Codepen](https://codepen.io/3qberlin/pen/BaqmBKy)               |
|  2   |   Kulimusoda#2785    |             [Codepen](https://codepen.io/yuch3n_chen/pen/yLRPBeM)             |
|  3   | charlottelee849#0366 |               [Codepen](https://codepen.io/char849/pen/poxdzyR)               |
|  4   |     Eden.C#9359      |               [codepen](https://codepen.io/iseden/pen/KKGyPVN)                |
|  5   |     Rochel#4754      |           [codepen](https://codepen.io/rochelwang1205/pen/MWPOgbo)            |
|  6   |      鹿娜#1799       |            [codepen](https://codepen.io/lunaluna2021/pen/ExdbYXR)             |
|  7   |      冬天#5215       |               [codepen](https://codepen.io/winter_/pen/gOBXYea)               |
|  8   |    satarkuo#5736     |              [codepen](https://codepen.io/SatarKuo/pen/ExdbYRd)               |
|  9   |      Eero#1147       |             [codepen](https://codepen.io/Eero-Chiao/pen/WNaXeEo)              |
|  10  |     judy123#2363     |             [codepen](https://codepen.io/hsuantsong/pen/MWPOgzV)              |
|  11  |     銀光菇#1692      |            [codepen](https://codepen.io/genesynthesis/pen/VwErZGo)            |
|  12  |    Bruce-Lee#0629    |  [codepen](https://codepen.io/xxhdklwi-the-decoder/pen/ExdbYMG?editors=1100)  |
|  13  |   andrew0404#4576    |               [codepen](https://codepen.io/Loonng/pen/eYPeOoj)                |
|  14  |      snow#0255       |              [codepen](https://codepen.io/snow21723/pen/poxdzdr)              |
|  15  |   RyanC893412#4835   |          [codepen](https://codepen.io/mcdbfwcb-the-sans/pen/NWOwWWa)          |
|  16  |      DeLi#8324       |            [codepen](https://codepen.io/delichaomoon/pen/wvYPwVd)             |
|  17  |     Snadra#1987      |              [codepen](https://codepen.io/mlqmhltg/pen/gOBXYVw)               |
|  18  |     ray0304#2070     |               [Codepen](https://codepen.io/Ray0304/pen/yLRPLyE)               |
|  19  |      Welly#3964      |               [Codepen](https://codepen.io/welly09/pen/rNqYNVo)               |
|  20  |    Ann Chou#0146     |            [Codepen](https://codepen.io/annchou_illu/pen/LYgOPMo)             |
|  21  |    Jacky7035#9423    |              [Codepen](https://codepen.io/adens123/pen/YzJEKgP)               |
|  22  |    Daisy_Li#4231     |  [Codepen](https://codepen.io/lidairong-gmail-com/pen/KKGyKwo?editors=1100)   |
|  23  |     grayyyy#1014     |              [Codepen](https://codepen.io/jhye0222/pen/WNaXNxM)               |
|  24  |     HsienLu#8316     |               [Codepen](https://codepen.io/Hsienlu/pen/mdzBObZ)               |
|  25  |      vvay#4113       |        [Codepen](https://codepen.io/pellmssx-the-sasster/pen/gOBXOgW)         |
|  26  |     chichi#1534      |             [Codepen](https://codepen.io/chichihuang/pen/MWPOWbP)             |
|  27  |    肉個阿倫#7172     |              [Codepen](https://codepen.io/i9574385/pen/yLRPLoQ)               |
|  28  |      SKey#9905       |             [Codepen](https://codepen.io/Dale-Chien/pen/xxyPKYQ)              |
|  29  |     ChaosTu#9311     |         [Codepen](https://codepen.io/torotu/pen/QWZOWgx?editors=1100)         |
|  30  | K（アギルダー）#0386 |             [Codepen](https://codepen.io/klay376014/pen/dygZyJX)              |
|  31  |    alexmav04#5048    |              [Codepen](https://codepen.io/alexmav04/pen/Exdbxea)              |
|  32  |       Rey#1878       |          [codepen](https://codepen.io/yfatgmpc-the-bold/pen/KKGyKdR)          |
|  33  |       莫#3486        |        [codepen](https://codepen.io/jdozfpae-the-animator/pen/MWPOWBR)        |
|  34  |     Tina02#2691      |        [codepen](https://codepen.io/riifwerr-the-selector/pen/ExdbaYP)        |
|  35  |       cbs#9007       |               [Codepen](https://codepen.io/wasdjk/pen/abRVbMd)                |
|  36  |      duck#3310       |              [Codepen](https://codepen.io/papy0715/pen/mdzBxNx)               |
|  37  |  bonnieli1414#4906   |            [Codepen](https://codepen.io/bonnieli1414/pen/RwejNWQ)             |
|  38  |    peihsuan#6315     |             [Codepen](https://codepen.io/peihsuanlai/pen/MWPOWoZ)             |
|  39  |      Yuki#9465       |             [Codepen](https://codepen.io/yukilin549/pen/VwErwRb)              |
|  40  |      魚翅#3100       |              [Codepen](https://codepen.io/Fukahire/pen/zYmPxZK)               |
|  41  |     Ting.66#0912     |         [Codepen](https://codepen.io/Ting66/pen/mdzqyPx?editors=1100)         |
|  42  |     PayRoom#8328     |             [CodePen](https://codepen.io/water38198/pen/QWZOwMe)              |
|  43  |      Tami#6742       |          [CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/BaqmyZM)          |
|  44  |      penny#6214      |       [CodePen](https://codepen.io/penny8989/pen/YzJEPra?editors=1010)        |
|  45  |     CuraLin#2648     |               [CodePen](https://codepen.io/curalin/pen/OJBOPzd)               |
|  46  |      Celia#1715      |        [CodePen](https://codepen.io/drdrvpgf-the-bashful/pen/vYVWEra)         |
|  47  |      汪汪#4486       |             [Codepen](https://codepen.io/hunwooooof/pen/jOeaEpE)              |
|  48  |   clairechen#3498    |             [Codepen](https://codepen.io/yi-wen-chen/pen/MWPOYqe)             |
|  49  |      依依#6306       |              [Codepen](https://codepen.io/Rita-Yang/pen/wvYPBYL)              |
|  50  |     長方形#9612      |                [Codepen](https://codepen.io/imjjw/pen/KKGywBp)                |
|  51  |      chi93#1548      |               [Codepen](https://codepen.io/clarahc/pen/rNqYaRm)               |
|  52  |       Hao#2485       |              [Codepen](https://codepen.io/Seanfeb16/pen/ZEqaYge)              |
|  53  |      yoyo#1003       |                   [Codepen](https://codepen.io/pen/yLRPymV)                   |
|  54  |      Mindy#7886      |               [Codepen](https://codepen.io/Mindyr/pen/WNaXvvr)                |
|  55  |      boki#3717       |              [Codepen](https://codepen.io/boki-wang/pen/MWPOYNJ)              |
|  56  |    135144365#3152    |               [Codepen](https://codepen.io/Heng902/pen/xxyPbBp)               |
|  57  |      Lychee KK       |              [Codepen](https://codepen.io/kakakala/pen/oNaoXZJ)               |
|  58  |       Uli#1946       |               [Codepen](https://codepen.io/uli1313/pen/WNaXvOG)               |
|  59  |      辣椒#1002       |            [Codepen](https://codepen.io/chilichen118/pen/QWZObgG)             |
|  60  |       Nex#2964       |             [Codepen](https://codepen.io/Samuel_D4C/pen/RwejPLX)              |
|  61  |      雲漢#5319       |               [Codepen](https://codepen.io/keon981/pen/bGmYdvw)               |
|  62  |     黑白兔#0684      |              [Codepen](https://codepen.io/johnny329/pen/rNqYVvv)              |
|  63  |     Quantum#6093     |            [Codepen](https://codepen.io/Min-Hao-Hung/pen/oNaoXdO)             |
|  64  |       DyH#0526       |              [Codepen](https://codepen.io/dorihung/pen/MWPOwwp)               |
|  65  |      蝌蚪#5874       |   [Codepen](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-radius)   |
|  66  |       Joi#4089       |              [Codepen](https://codepen.io/Joi-Chen/pen/jOeaOYv)               |
|  67  |      泊岸#3466       |             [Codepen](https://codepen.io/qoq77416416/pen/JjmOYbP)             |
|  68  |      冷曄#9378       |               [Codepen](https://codepen.io/HgHale/pen/PoyOPGm)                |
|  69  |   しあわせね#0036    |         [Codepen](https://codepen.io/Front-end-engineer/pen/zYmPvjO)          |
|  70  |   JimmyHuang#5281    |            [Codepen](https://codepen.io/JimmyHuang369/pen/RwejrRQ)            |
|  71  |     JimWang#6134     |        [Codepen](https://codepen.io/Jim-Wang-the-selector/pen/PoyOZZB)        |
|  72  |     weiting#3489     |              [Codepen](https://codepen.io/weiting14/pen/qBJVbam)              |
|  73  |      Calin#5800      |               [Codepen](https://codepen.io/Calin-c/pen/ZEqaQYE)               |
|  74  |    JhouHank#8132     |              [Codepen](https://codepen.io/JhouHank/pen/KKGydjE)               |
|  75  |    CMLB0212#8960     |            [codepen](https://codepen.io/Chungmin0212/pen/JjmOGMy)             |
|  76  |      肉魚#2149       |              [codepen](https://codepen.io/zoechen13/pen/QWZOyzw)              |
|  77  |     Maxine#9061      |             [codepen](https://codepen.io/Maxine_Liao/pen/PoyOZxL)             |
|  78  |      羽毛#5463       |             [codepen](https://codepen.io/KYuFeather/pen/Baqmjvg)              |
|  79  |    Ataraxia#9977     |            [codepen](https://codepen.io/ataraxia8888/pen/abRwXvX)             |
|  80  |     yuling#1634      |              [codepen](https://codepen.io/igzdflpu/pen/VwEraMN)               |
|  81  |       翔.#0859       |      [codepen](https://codepen.io/energy95272z/pen/RwejaMb?editors=1100)      |
|  82  |     jimhop#6510      |             [Codepen](https://codepen.io/jimsansssss/pen/abRVZbM)             |
|  83  |      東東#5015       |              [CodePen](https://codepen.io/wearymask/pen/BaqmjpG)              |
|  84  |      Akira#9996      |             [CodePen](https://codepen.io/Akira-Chen/pen/NWOwrzz)              |
|  85  |      陳庭#3529       |            [CodePen](https://codepen.io/yuting850309/pen/rNqYLpg)             |
|  85  |      姜承#8204       |              [CodePen](https://codepen.io/Troy0718/pen/PoyOzLQ)               |
|  86  |     Hanana#9025      |              [CodePen](https://codepen.io/hananalin/pen/Rwejwxp)              |
|  87  |    Jaredlee#5887     |              [CodePen](https://codepen.io/jared-lee/pen/WNaXGbL)              |
|  88  |      狸貓#5863       |              [CodePen](https://codepen.io/tanuki320/pen/YzJEGZY)              |
|  89  |    吳偉雄恩#2256     |       [CodePen](https://codepen.io/Bamboo1212/pen/eYPedKd?editors=1100)       |
|  90  |      Ming#8730       |             [CodePen](https://codepen.io/MingLin1995/pen/zYmPKQd)             |
|  91  |      Rayo#8002       |              [CodePen](https://codepen.io/loborayo/pen/jOeaMdP)               |
|  92  |      Yu.T#4252       |              [CodePen](https://codepen.io/YuT200053/pen/BaqmQvL)              |
|  93  |    henrykgb#5749     |           [CodePen](https://codepen.io/henrymorgan666/pen/abRVpBg)            |
|  94  |     wendyli#2155     |      [CodePen](https://codepen.io/rockayumitw/pen/eYPegMo?editors=1000)       |
|  95  |    HsuanTang#1349    |              [CodePen](https://codepen.io/HsuanTang/pen/MWPOJOZ)              |
|  96  |      居米#6044       |             [CodePen](https://codepen.io/AndyLiu0427/pen/xxyPErq)             |
|  97  | Jennifer Chuang#3937 |               [CodePen](https://codepen.io/yujhen/pen/YzJEZBj)                |
|  98  |    拉斯卡爾#2696     |              [CodePen](https://codepen.io/novendia/pen/RwejpJB)               |
|  99  |      Athem#9661      |              [CodePen](https://codepen.io/athemLin/pen/jOeaBQE)               |
| 100  |      兔子#6746       |           [CodePen](https://codepen.io/CarrotDetector/pen/PoyOpvg)            |
| 101  | 不要迷戀媽的奶#0295  |      [CodePen](https://codepen.io/kewdjbwp-the-typescripter/pen/PoyOpeX)      |
| 102  |     jelly77#2088     |             [CodePen](https://codepen.io/Ming-chiang/pen/PoyOmwr)             |
| 103  |       Pei#5161       |           [CodePen](https://https://codepen.io/Pei0303/pen/NWOwpmW)           |
| 104  |     Evaxof#1266      |               [CodePen](https://codepen.io/evaxof/pen/bGmYWYp)                |
| 105  |       Yuu#5361       |              [CodePen](https://codepen.io/alycehwy/pen/bGmYWop)               |
| 106  |      Janet#5784      |             [CodePen](https://codepen.io/janetlinnn/pen/OJBOmOV)              |
| 107  |   Jerry456789#9029   |              [CodePen](https://codepen.io/aria198a/pen/GRYOmBg)               |
| 108  |     wiimax#4564      |       [Codepen](https://codepen.io/willismax/pen/XWxzRLx?editors=1000)        |
| 109  |     jackwu#4437      |            [Codepen](https://codepen.io/jackwu1588003/pen/oNaowjv)            |
| 110  |   N0c7iluc3n7#4390   |           [Codepen](https://codepen.io/huang-yu-cheng/pen/gOBXRXW)            |
| 111  |    Sonia Wu#7154     |                [Codepen](https://codepen.io/YUJOU/pen/dygZRzG)                |
| 112  |     endau66#2102     |               [Codepen](https://codepen.io/endau66/pen/mdzqPKy)               |
| 113  |     jia yu#8896      |        [Codepen](https://codepen.io/fjqxaznl-the-reactor/pen/QWZOggm)         |
| 113  |     Tim123#8361      |              [Codepen](https://codepen.io/Wangtim4/pen/WNaXEwP)               |
| 114  |    David0799#4415    |       [Codepen](https://codepen.io/David0799/pen/poxdLEV?editors=1000)        |
| 115  | Ying Ying Liu #0836  |              [Codepen](https://codepen.io/yingyliu/pen/WNaXzRd)               |
| 116  |    leo.yujie#8280    |        [Codepen](https://codepen.io/peihsin-the-scripter/pen/YzJELMj)         |
| 117  |      初心#9021       |               [Codepen](https://codepen.io/Sylviax/pen/oNaoywQ)               |
| 118  |      阿榮#8277       |       [Codepen](https://codepen.io/codeitaday/pen/OJBOEOP?editors=1100)       |
| 119  |      安安#4782       |               [Codepen](https://codepen.io/ratsai/pen/OJBOEVe)                |
| 120  |     君Jyun#0147      |             [codepen](https://codepen.io/JyunCodepen/pen/VwErdQR)             |
| 121  |      一瑋#8459       |              [CodePen](https://codepen.io/zerosula/pen/rNqYKVm)               |
| 122  |      LeeRu#1771      |             [CodePen](https://codepen.io/IMGameKing/pen/wvYPxmP)              |
| 123  |     鄭舜仁#6606      |              [CodePen](https://codepen.io/randomno/pen/zYmPJqv)               |
| 124  |   LeoSong1116#9861   |             [CodePen](https://codepen.io/leosong1116/pen/ExdbeNK)             |
| 125  |      大昌#6691       |              [CodePen](https://codepen.io/jswei014/pen/oNaoPJE)               |
| 126  |     史滴芬#4310      |            [CodePen](https://codepen.io/steven870107/pen/wvYPYwV)             |
| 127  |    RubyChen#9543     |             [CodePen](https://codepen.io/rubyyjchen/pen/MWPOPZO)              |
| 128  |      呵哈#6479       |               [CodePen](https://codepen.io/CHYETI/pen/poxdQEL)                |
| 129  |    Pinkstar#4993     |            [CodePen](https://codepen.io/gabriel09772/pen/MWPOPLr)             |
| 130  |     Yui1024#8275     |             [CodePen](https://codepen.io/Yuiyuichou/pen/XWxzGNo)              |
| 131  |    liam9930#4129     |        [CodePen](https://codepen.io/jgnjfvvt-the-lessful/pen/MWPOLgj)         |
| 132  |      PoWei#8484      |          [CodePen](https://codepen.io/harrison-wei-lai/pen/ZEqaZeE)           |
| 133  |     ssshane#0673     |             [CodePen](https://codepen.io/sam6091260/pen/dygZLZV)              |
| 134  |    司機叔叔#2463     |              [CodePen](https://codepen.io/bigv5566/pen/abRVxqB)               |
| 135  |      homer#1525      |              [CodePen](https://codepen.io/Buckhorn/pen/ExdbwvL)               |
| 136  |     Evelyne#7323     |              [CodePen](https://codepen.io/Evelynep/pen/VwErOPV)               |
| 137  |     moins13#3346     |              [CodePen](https://codepen.io/kyechen13/pen/dygZEXq)              |
| 138  |     jun777#2468      |             [CodePen](https://codepen.io/js18151102/pen/xxyPoqN)              |
| 139  |      Kaya#8857       |              [CodePen](https://codepen.io/laron9486/pen/JjmOVaJ)              |
| 140  |      提姆#9581       |               [CodePen](https://codepen.io/timouo/pen/abRVeYB)                |
| 141  |    歐陽龍龍#1061     |            [CodePen](https://codepen.io/dizzydog-rgb/pen/OJBzJBx)             |
| 142  |    Frank2411#0743    |               [CodePen](https://codepen.io/wlk0411/pen/eYPygVQ)               |
| 143  |    andychiou#4830    |            [CodePen](https://codepen.io/andychiou1113/pen/dygJvKV)            |
| 144  |    Helen Lu#1391     |               [CodePen](https://codepen.io/luhelen/pen/NWOXjor)               |
| 145  |     Yiching#0738     |               [CodePen](https://codepen.io/haruko_/pen/QWZaOGM)               |
| 146  |     Yihwei#2027      |          [CodePen](https://codepen.io/auntebur-the-sans/pen/vYVpWqy)          |
| 147  |      柚子#3958       |              [CodePen](https://codepen.io/as6625998/pen/oNapqzr)              |
| 148  |    ruby0316#3380     |            [CodePen](https://codepen.io/rena6211zera/pen/PoyERvK)             |
| 148  |      鉦勝#8333       |             [CodePen](https://codepen.io/atckmax823/pen/qBJprzP)              |
| 149  |      Zhong#8917      |        [CodePen](https://codepen.io/klfjrlod-the-sasster/pen/poxpGgJ)         |
| 150  |    Jarvis莊#8679     |             [CodePen](https://codepen.io/jason-hsuan/pen/bGmaZGe)             |
| 151  |   edie599916#7112    |              [CodePen](https://codepen.io/Chen-CiCi/pen/eYPyXax)              |
| 152  |    變羊魔法#6372     |             [CodePen](https://codepen.io/cssf998811/pen/OJBzqej)              |
| 153  |       LYC#5516       |               [CodePen](https://codepen.io/chi-yen/pen/JjmMVrK)               |
| 154  |     阿鬥鬥#2906      |              [CodePen](https://codepen.io/yvonne217/pen/MWPQWoQ)              |
| 155  |      薇拉#8110       |           [Codepen](https://codepen.io/michellecc0522/pen/vYVpMmZ)            |
| 156  |      ABOOS#6276      |              [Codepen](https://codepen.io/guhungyin/pen/vYVpPwX)              |
| 157  |       +7#8492        |               [Codepen](https://codepen.io/tojibom/pen/OJBQXGm)               |
| 158  |       YHT#1696       |                [Codepen](https://codepen.io/YHT31/pen/PoyQmrY)                |
| 159  |      betty#0693      |              [Codepen](https://codepen.io/betty-hu/pen/NWOyvGy)               |
| 160  |   Jojonz_kao#7998    |        [Codepen](https://codepen.io/ewnrzxpr-the-builder/pen/RweQLaJ)         |
| 161  |      大頭#1695       |        [Codepen](https://codepen.io/conlyvrg-the-reactor/pen/oNaEqER)         |
| 162  |     阿真真#8940      |          [Codepen](https://codepen.io/fctamuvf-the-vuer/pen/bGmLKdz)          |
| 163  |      喬喬#2824       |             [Codepen](https://codepen.io/joanne-wei/pen/jOeZvLvz)             |
| 164  |     Pigsue#5981      |               [Codepen](https://codepen.io/weixiii/pen/LYgQaVJ)               |
| 165  |     alll6z#9204      |                 [Codepen](https://codepen.io/A6Z/pen/ExdQBEe)                 |
| 166  |     Yvonne#2721      |               [Codepen](https://codepen.io/Evonne/pen/bGmvYWE)                |
| 167  |     Lainie#1931      |        [Codepen](https://codepen.io/Lainie88/pen/qBJowRe?editors=1100)        |
| 168  |    townyuan#2653     |              [Codepen](https://codepen.io/townyuan/pen/WNazVxE)               |
| 169  |      又竹#7302       |                [Codepen](https://codepen.io/YO_ZU/pen/MWPGKLL)                |
| 170  |     Erikaaa#1616     |              [Codepen](https://codepen.io/ChienHua/pen/xxyjzGG)               |
| 171  |      Döng#2328       |        [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/xxyzKgw)         |
| 172  |   Elena Lin #3392    |             [Codepen](https://codepen.io/elenalin119/pen/wvYXGgm)             |
| 173  |     Mylène#2481      |             [Codepen](https://codepen.io/hamajibashi/pen/QWZrdqN)             |
| 174  |      Xing#6281       |         [Codepen](https://codepen.io/ting-ting-the-bold/pen/NWOzLVa)          |
| 175  |    貢波波夫#3056     |        [Codepen](https://codepen.io/mxgrfgcr-the-bashful/pen/jOeKeae)         |
| 176  |      嵐閻#3844       |            [Codepen](https://codepen.io/shangchu0412/pen/JjmBYYE)             |
| 177  |      江江#1947       |             [Codepen](https://codepen.io/singing228/pen/ExdpPop)              |
| 178  |     mike519#4399     |              [Codepen](https://codepen.io/mike519tw/pen/vYVaGjx)              |
| 179  |        Rowan#        |              [Codepen](https://codepen.io/Rowanlin/pen/wvYxJww)               |
| 180  |     FiReBrO#0557     |              [Codepen](https://codepen.io/firebro42/pen/JjmBZyP)              |
| 181  |     Jenny真#7532     |             [CodePen](https://codepen.io/wei-chen-wu/pen/jOepKJQ)             |
| 182  |     lishuan#3698     |               [CodePen](https://codepen.io/lishuan/pen/abRaWJM)               |
| 183  |    Joanne Hu#0010    | [CodePen](https://codepen.io/nelbabkv-the-flexboxer/pen/abRaLJX?editors=1100) |
| 183  |    imlyn_n #2078     |               [CodePen](https://codepen.io/imlyn_n/pen/YzJOEBe)               |
| 184  |      紫紫#7337       |              [CodePen](https://codepen.io/picahsin/pen/LYggPmw)               |
| 185  |    路人ADCB#9851     |            [CodePen](https://codepen.io/markyourpage/pen/xxyyGBv)             |
| 186  |      Meiru#6310      |                [CodePen](https://codepen.io/mei00/pen/PoyyBmJ)                |
| 187  |    hello77tw#5984    |               [CodePen](https://codepen.io/luyoyo/pen/JjmeKro)                |
| 188  |   shaofu_chen#9063   |        [CodePen](https://codepen.io/coeobkcu-the-lessful/pen/xxyQjrg)         |
| 189  |      Elma#4317       |                [Codepan](https://codepen.io/4317/pen/poxQZGq)                 |
| 190  |    lin_lion#7502     |              [CodePen](https://codepen.io/Lion-Lin/pen/Jjmemew)               |
| 191  |     Linndaa#7725     |              [CodePen](https://codepen.io/Lindatsou/pen/MWPzLZr)              |
| 192  | Idealisticfool#7104  |            [Codepen ](https://codepen.io/Job-Wilhelm/pen/xxyQNxP)             |
| 193  |   NathanJames#8120   |              [CodePen](https://codepen.io/ufo060204/pen/VwEqeEQ)              |
| 194  |    Charlene#7703     |               [CodePen](https://codepen.io/anny114/pen/mdzaNqq)               |
| 195  |      小魚#8614       |             [CodePen](https://codepen.io/gizelliang/pen/jOedpXY)              |
| 196  |      FanJJ#8061      |               [CodePen](https://codepen.io/yfchenn/pen/yLRZWRJ)               |
| 197  |     Syrena#3897      |            [Codepen](https://codepen.io/Syrena-Chung/pen/mdzoEeY)             |
| 198  |     Kris L.#0262     |             [Codepen](https://codepen.io/Yi-Ting-Lu/pen/poxYXKP)              |
| 199  |     林炘秀#4223      |        [Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/GRYLpgz)         |
| 200  |     杰_jie#9088      |               [Codepen](https://codepen.io/hmj8805/pen/YzJMmvy)               |
| 201  |     慢慢來#4035      |        [Codepen](https://codepen.io/kikiyang/pen/RwqbWvQ?editors=1100)        |
| 202  |      ztion#8403      |                [Codepen](https://codepen.io/ztion/pen/LYXEBLw)                |
|   203   |   pss940909#8650                   |                                  [Codepen](https://codepen.io/pss940909/pen/ZEmGyvo)                                                          |