Mythica

Package

Use Mythica from React components, direct SVG imports, or manifest-driven asset paths.

Install

npm install @fontgoblin/mythica

React

import { SwordIcon, MythicaIcon } from "@fontgoblin/mythica";

export function ActionBar() {
  return (
    <div>
      <SwordIcon title="Sword" size={32} />
      <MythicaIcon icon="potion" title="Potion" />
    </div>
  );
}

Asset path

import { getMythicaIconAssetPath } from "@fontgoblin/mythica";

const sword = getMythicaIconAssetPath("sword");
const filled = getMythicaIconAssetPath("heart", { variant: "filled" });

Typed icon ids

Variant fallback

Manifest export

Direct SVG imports