Phosphor 圖示
Phosphor 是一個靈活的圖示家族,適用於介面、圖表、簡報——真的,任何場合都行。
1,248 個圖示且持續增加中
6 種粗細:極細、輕盈、標準、粗體、填充和雙色調
以 16 x 16 像素設計,在小尺寸時清晰可讀,放大後也表現良好
保留原始筆畫資訊,以便微調樣式
更多使用方式請見 phosphoricons.com。
給開發者
Phosphor 可用於 Web、React、Vue、Flutter、Elm以及其他框架與平台。
React
強大——Phosphor 直覺又強大的 API 能以寥寥數個按鍵設定圖示的
color、size與weight,透過 Context API 為所有圖示提供預設樣式,或透過 render props 在執行時直接操作 SVG,實現許多驚人之舉!請至 @phosphor-icons/react 的儲存庫頁面查看完整文件。textimport React from "react"; import ReactDOM from "react-dom"; import { Smiley, Heart, Horse } from "@phosphor-icons/react"; const App = () => { return ( <div> <Smiley /> <Heart size={32} color="hotpink" weight="fill" /> <Horse weight="duotone" /> </div> ); }; ReactDOM.render(<App />, document.getElementById("root"));