# 尋找icons > 前往 https://fontawesome.com/icons ## 步驟 1. 搜尋想要的icon名稱 2. 左側選擇free免費的icon ![](https://i.imgur.com/IenY5f1.png) 3. 選擇想要的icon 4. 複製 `<i class="fa-solid fa-tree"></i>` > 請確定是solid版本的 ![](https://i.imgur.com/l6l3WRV.png) 5. 貼到任何想要使用icons的地方 --- # 如果要新增到左側side bar 打開templates/base.html， 照之前的方式進行添加 ```html= <a href="version_tool" class="list-group-item list-group-item-action"><i class="fa-solid fa-code-commit"></i>Version Tool</a> ``` ![](https://i.imgur.com/URn8NTj.png) --- # 如果要新增到自己的頁面 確保head擁有以下兩行 ```html= <link rel="stylesheet" href="static/css/fontawesome/fontawesome.css"> <link rel="stylesheet" href="static/css/fontawesome/solid.css"> ```