react-moodycons

React svg component for Moodycons

Usage no npm install needed!

<script type="module">
  import reactMoodycons from 'https://cdn.skypack.dev/react-moodycons';
</script>

README

React Moodycons

React SVG component for emoji mood icons

See them in action

Getting Started

npm i react-moodycons -D

import React from 'react';
import Icon from 'react-moodycons';

module.exports = React.createClass({
  render: function() {
    return (
      <Icon name='grinning' />
    );
  }
});

Available props

name - single word icon name (required)
fill - string, inherits from parent by default
width - number, defaults to 50
height - number, defaults to 50

Accessibility

This module is fully accessible! Output looks like this:

<svg role="img" aria-labelledby="grinning" "...">
  <title id="grinning">grinning icon</title>
  <path d="..."></path>
</svg>

<3

MIT License