Morpheme Icons

Morpheme Icons.

Installation

# with NPM
npm i @morpheme/icons

# with PNPM
pnpm add @morpheme/icons

# with Yarn
yarn add @morpheme/icons

Usage

HTML

<link ref="stylesheet" href="@morpheme/icons/morpheme.css" />

<i class="morpheme">activity-heart</i>

Vue

<script setup lang="ts">
import '@morpheme/icons/morpheme.css'
</script>

<template>
  <i class="morpheme">activity-heart</i>
</template>

React

import { ActivityHeart } from '@morpheme/icons';

<ActivityHeart />

Output

Output files are located in the dist directory.

File Name	Description
react/	React components
index.html	Demo icons
morpheme.css	CSS
morpheme.eot	EOT Font
morpheme.json	JSON
morpheme.less	Less
morpheme.module.less	Less Module
morpheme.scss	SCSS
morpheme.styl	Styl
morpheme.svg	SVG
morpheme.symbol.svg	Symbol SVG
morpheme.tff	Tff
morpheme.woff	Woff
morpheme.woff2	Woff2
symbol.html	Demo icons in symbol
unicode.html	Demo icons in unicode

Setup

Install dependencies:

pnpm i

Build:

pnpm build

Preview output:

pnpm preview

# OR
npx serve dist

Release

Release changelog is generated by changelogen.

Library

• svgtofont