今天分享微软相关的图标开源项目

Fluent UI System Icons

Fluent System Icons是从微软收集的一系列熟悉、友好和现代的图标项目。

每一个图标可以说都是独一无二的存在，具备以下特点：

• 可定制：默认情况下，组件风格流畅，但易于集成自己的品牌和主题
• 性能：针对渲染性能进行了优化
• 捆绑包大小：重构和精简的组件，允许您包含所需的包和依赖关系
• 可访问性：符合WCAG 2.1标准，并由值得信赖的测试人员进行测试

组件在JS中使用CSS进行样式设置。需要一个样式渲染器，在需要时将CSS插入DOM

import React from 'react';
import { createRoot } from 'react-dom/client';
import { FluentProvider, webLightTheme } from '@fluentui/react-components';

import App from './App';

const root = createRoot(document.getElementById('root'));

root.render(
  <FluentProvider theme={webLightTheme}>
    <App />
  </FluentProvider>,
);

项目地址：