Moe Icons

A modern icon library for React and Vue.

Installation

# npm
npm install moe-icons

# yarn
yarn add moe-icons

# pnpm
pnpm add moe-icons

Usage

// React (ESM)
import { IconName } from 'moe-icons/react';

// React (CommonJS)
const { IconName } = require('moe-icons/react');

// Vue (ESM)
import { IconName } from 'moe-icons/vue';

// Vue (CommonJS)
const { IconName } = require('moe-icons/vue');

React

import { ChevronRight } from 'moe-icons/react';

function MyComponent() {
  return (
    <ChevronRight
      className="w-6 h-6"
      strokeWidth={2}
    />
  );
}

Vue

<template>
  <ChevronRight
    class="w-6 h-6"
    :stroke-width="2"
  />
</template>

<script>
import { ChevronRight } from 'moe-icons/vue';

export default {
  components: {
    ChevronRight
  }
}
</script>

Available Icons

Visit our Moeicons to see all available icons.