Phosphor

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 的儲存庫頁面查看完整文件。

  textcontent_copy

  import 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"));