rmdi

反应材料设计图标

由Pixo，样式组件和样式系统构建

https://jxnblk.com/rmdi

npm i rmdi

 // import icons individually for better tree-shaking
import Accessibility from 'rmdi/lib/Accessibility'

const App = props => (
  < Accessibility
    size = { 32 }
    color = 'tomato'
  />
) 

 // import all icons as a single component
import { Icon } from 'rmdi'

const App = props => (
  < Icon
    name = 'accessibility'
    size = { 32 }
    color = 'tomato'
  />
) 

图标列表

有关所有图标的完整列表，请参见图标列表

道具

支柱	类型	描述
size	数字	像素的宽度和高度
color	字符串	填充颜色，使用样式系统的color功能

间距道具

可以使用以下道具应用边距，该道具使用样式系统的space功能。保证金道具接受像素值，带有CSS单元的字符串或响应余量的数组

支柱	描述
m	利润
mt	边缘顶
mr	边缘权利
mb	底部
ml	边缘左
mx	左边和边缘权利
my	保证金顶和边缘底

贡献

npm install

构建过程将：

1. 解析SVG源代码的material-design-icons包装包
2. 将图标复制到svg/文件夹
3. Create an examples/ folder for tests and development
4. Run Pixo on the svg/ folder and output to src/
5. 在src/文件夹上运行Babel，然后输出到lib/

测试：

npm test

运行开发服务器：

npm start

有关的

• Google材料设计图标
• Pixo
• 样式的组件
• 样式系统
• React Icons

麻省理工学院许可证