JSPM

rmdi

1.0.1
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 472
    • Score
      100M100P100Q88869F
    • License MIT

    React Material Design Icons

    Package Exports

    • rmdi
    • rmdi/lib/Home
    • rmdi/lib/Menu
    • rmdi/lib/Person

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rmdi) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    React Material Design Icons

    Built with Pixo, Styled Components, and Styled System

    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'
      />
    )

    List of Icons

    See the icon list for a complete list of all icons available

    Props

    Prop Type Description
    size number width and height in pixels
    color string fill color, uses Styled System's color function

    Spacing Props

    Margin can be applied with the following props, which use Styled System's space function. Margin props accept numbers for pixel values, strings with CSS units, or arrays for responsive margin

    Prop Description
    m margin
    mt margin-top
    mr margin-right
    mb margin-bottom
    ml margin-left
    mx margin-left and margin-right
    my margin-top and margin-bottom

    Contributing

    npm install

    The build process will:

    1. Parse the material-design-icons package for SVG source code
    2. Copy the icons to the svg/ folder
    3. Create an examples/ folder for tests and development
    4. Run Pixo on the svg/ folder and output to src/
    5. Run Babel on the src/ folder and output to lib/

    Tests:

    npm test

    To run the development server:

    npm start

    MIT License