React svg component for Moodycons

Usage no npm install needed!

<script type="module">
  import reactMoodycons from '';


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


This module is fully accessible! Output looks like this:

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


MIT License