mue-icons-react 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 mue contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,36 @@
-# Temporary Holding Version
+# mue-icons-react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[mue-icons](https://www.npmjs.com/package/mue-icons) の React(17 以上)コンポーネント。
+
+## インストール
+
+```bash
+npm install mue-icons-react
+```
+
+## 使い方
+
+```jsx
+import { HankoIcon, TrashBurnableIcon } from 'mue-icons-react';
+
+<HankoIcon size={32} variant="duotone" title="印鑑" />
+<TrashBurnableIcon />
+```
+
+| props | 内容 | 既定値 |
+|---|---|---|
+| `size` | 幅・高さ(px) | `24` |
+| `variant` | `line` / `duotone` | `line` |
+| `title` | 名前。指定すると `role="img"` になり、省略時は装飾扱い | なし |
+
+その他の props は `<svg>` にそのまま渡されます。コンポーネント名は「アイコン名のパスカルケース + `Icon`」です。
+
+## アイコン
+
+40 個(印鑑・帳票・地図記号・医療・金融・生活)。一覧・使い方・オプションは[リポジトリの README](https://github.com/yuta-nihei/mue-icon#readme)を参照してください。
+
+色は `currentColor`、duotone の副色は CSS 変数 `--icon-secondary` で変更できます。
+
+## ライセンス
+
+MIT

package/dist/createIcon.js

@@ -0,0 +1,32 @@
+import { createElement, forwardRef } from 'react';
+
+const esc = (s) => String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+
+const pascal = (name) =>
+  name
+    .split('-')
+    .map((s) => s[0].toUpperCase() + s.slice(1))
+    .join('');
+
+export function createIcon(name, variants) {
+  const Icon = forwardRef(function Icon({ size = 24, variant = 'line', title, ...rest }, ref) {
+    const body = variants[variant] ?? variants.line;
+    return createElement('svg', {
+      ref,
+      xmlns: 'http://www.w3.org/2000/svg',
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      stroke: 'currentColor',
+      strokeWidth: 1.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      width: size,
+      height: size,
+      ...(title ? { role: 'img', 'aria-label': title } : { 'aria-hidden': true }),
+      ...rest,
+      dangerouslySetInnerHTML: { __html: (title ? `<title>${esc(title)}</title>` : '') + body },
+    });
+  });
+  Icon.displayName = `${pascal(name)}Icon`;
+  return Icon;
+}

package/dist/icons.js

@@ -0,0 +1,43 @@
+// 自動生成ファイル。直接編集しないでください(scripts/build.mjs)
+import { createIcon } from './createIcon.js';
+export const HankoIcon = createIcon("hanko", {"line":"<path d=\"M9.5 10V5a2.5 2.5 0 0 1 5 0v5\"/><rect x=\"6.5\" y=\"10\" width=\"11\" height=\"5\" rx=\"1\"/><circle cx=\"12\" cy=\"18.5\" r=\"1.5\"/><path d=\"M4 21.5h16\"/>","duotone":"<rect x=\"6.5\" y=\"10\" width=\"11\" height=\"5\" rx=\"1\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M9.5 10V5a2.5 2.5 0 0 1 5 0v5\"/><rect x=\"6.5\" y=\"10\" width=\"11\" height=\"5\" rx=\"1\"/><circle cx=\"12\" cy=\"18.5\" r=\"1.5\"/><path d=\"M4 21.5h16\"/>"});
+export const ToriiIcon = createIcon("torii", {"line":"<path d=\"M2.5 5.5C6 7.5 9 8 12 8s6-.5 9.5-2.5\"/><path d=\"M5 11.5h14\"/><path d=\"M7 8.5V21M17 8.5V21\"/><path d=\"M12 8v3.5\"/>","duotone":"<path d=\"M2.5 5.5C6 7.5 9 8 12 8s6-.5 9.5-2.5V8H2.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M2.5 5.5C6 7.5 9 8 12 8s6-.5 9.5-2.5\"/><path d=\"M5 11.5h14\"/><path d=\"M7 8.5V21M17 8.5V21\"/><path d=\"M12 8v3.5\"/>"});
+export const InvoiceIcon = createIcon("invoice", {"line":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9.5 11l2.5 3 2.5-3M12 14v4.5M10 15.5h4M10 17h4\"/>","duotone":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9.5 11l2.5 3 2.5-3M12 14v4.5M10 15.5h4M10 17h4\"/>"});
+export const ApplicationIcon = createIcon("application", {"line":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9 8.5h3\"/><path d=\"M9 14l2 2 4-4.5\"/>","duotone":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9 8.5h3\"/><path d=\"M9 14l2 2 4-4.5\"/>"});
+export const MapKobanIcon = createIcon("map-koban", {"line":"<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M8 8l8 8M16 8l-8 8\"/>","duotone":"<circle cx=\"12\" cy=\"12\" r=\"9\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M8 8l8 8M16 8l-8 8\"/>"});
+export const MapPostOfficeIcon = createIcon("map-post-office", {"line":"<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M8 8h8M9 11h6M12 8v8.5\"/>","duotone":"<circle cx=\"12\" cy=\"12\" r=\"9\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M8 8h8M9 11h6M12 8v8.5\"/>"});
+export const MapHospitalIcon = createIcon("map-hospital", {"line":"<path d=\"M9.5 4h5v5.5H20v5h-5.5V20h-5v-5.5H4v-5h5.5Z\"/>","duotone":"<path d=\"M9.5 4h5v5.5H20v5h-5.5V20h-5v-5.5H4v-5h5.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M9.5 4h5v5.5H20v5h-5.5V20h-5v-5.5H4v-5h5.5Z\"/>"});
+export const StethoscopeIcon = createIcon("stethoscope", {"line":"<path d=\"M6 3v6a4 4 0 0 0 8 0V3\"/><path d=\"M5 3h2M13 3h2\"/><path d=\"M10 13v3.5a4.5 4.5 0 0 0 9 0V14.5\"/><circle cx=\"19\" cy=\"12.5\" r=\"2\"/>","duotone":"<circle cx=\"19\" cy=\"12.5\" r=\"2\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M6 3v6a4 4 0 0 0 8 0V3\"/><path d=\"M5 3h2M13 3h2\"/><path d=\"M10 13v3.5a4.5 4.5 0 0 0 9 0V14.5\"/><circle cx=\"19\" cy=\"12.5\" r=\"2\"/>"});
+export const PrescriptionIcon = createIcon("prescription", {"line":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9 17.5v-8h2.5a2 2 0 0 1 0 4H9m2.5 0 2.5 4\"/>","duotone":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9 17.5v-8h2.5a2 2 0 0 1 0 4H9m2.5 0 2.5 4\"/>"});
+export const BankIcon = createIcon("bank", {"line":"<path d=\"M3 9.5 12 4l9 5.5Z\"/><path d=\"M6 12.5v5M10 12.5v5M14 12.5v5M18 12.5v5\"/><path d=\"M4 20.5h16\"/>","duotone":"<path d=\"M3 9.5 12 4l9 5.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M3 9.5 12 4l9 5.5Z\"/><path d=\"M6 12.5v5M10 12.5v5M14 12.5v5M18 12.5v5\"/><path d=\"M4 20.5h16\"/>"});
+export const PromissoryNoteIcon = createIcon("promissory-note", {"line":"<path d=\"M3 6.5A1.5 1.5 0 0 1 4.5 5h15A1.5 1.5 0 0 1 21 6.5v11a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5Z\"/><path d=\"M7 9.5h6M7 12.5h4\"/><circle cx=\"17\" cy=\"14.5\" r=\"2\"/>","duotone":"<path d=\"M3 6.5A1.5 1.5 0 0 1 4.5 5h15A1.5 1.5 0 0 1 21 6.5v11a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M3 6.5A1.5 1.5 0 0 1 4.5 5h15A1.5 1.5 0 0 1 21 6.5v11a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5Z\"/><path d=\"M7 9.5h6M7 12.5h4\"/><circle cx=\"17\" cy=\"14.5\" r=\"2\"/>"});
+export const SakuraIcon = createIcon("sakura", {"line":"<ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(0 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(72 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(144 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(216 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(288 12 12)\"/><circle cx=\"12\" cy=\"12\" r=\"1\"/>","duotone":"<ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(0 12 12)\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(72 12 12)\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(144 12 12)\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(216 12 12)\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(288 12 12)\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(0 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(72 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(144 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(216 12 12)\"/><ellipse cx=\"12\" cy=\"6.5\" rx=\"2.6\" ry=\"3.6\" transform=\"rotate(288 12 12)\"/><circle cx=\"12\" cy=\"12\" r=\"1\"/>"});
+export const FujiIcon = createIcon("fuji", {"line":"<path d=\"M3 20.5 9.5 6.5h5L21 20.5Z\"/><path d=\"M7.4 11l2.1 1.8L12 11l2.5 1.8 2.1-1.8\"/>","duotone":"<path d=\"M9.5 6.5h5L16.6 11l-2.1 1.8-2.5-1.8-2.5 1.8L7.4 11Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M3 20.5 9.5 6.5h5L21 20.5Z\"/><path d=\"M7.4 11l2.1 1.8L12 11l2.5 1.8 2.1-1.8\"/>"});
+export const OmamoriIcon = createIcon("omamori", {"line":"<path d=\"M7 5.5h10v12.5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1Z\"/><path d=\"M7 5.5l5 3.5 5-3.5\"/><path d=\"M10.5 5.5V4a1.5 1.5 0 0 1 3 0v1.5\"/><path d=\"M12 12v4\"/><path d=\"M12 19v2M10.5 21.5h3\"/>","duotone":"<path d=\"M7 5.5l5 3.5 5-3.5v12.5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M7 5.5h10v12.5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1Z\"/><path d=\"M7 5.5l5 3.5 5-3.5\"/><path d=\"M10.5 5.5V4a1.5 1.5 0 0 1 3 0v1.5\"/><path d=\"M12 12v4\"/><path d=\"M12 19v2M10.5 21.5h3\"/>"});
+export const SensuIcon = createIcon("sensu", {"line":"<path d=\"M12 20.5 3.5 9.5A13.9 13.9 0 0 1 20.5 9.5Z\"/><path d=\"M12 20.5 8.97 6.94\"/><path d=\"M12 20.5 15.03 6.94\"/>","duotone":"<path d=\"M12 20.5 3.5 9.5A13.9 13.9 0 0 1 20.5 9.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M12 20.5 3.5 9.5A13.9 13.9 0 0 1 20.5 9.5Z\"/><path d=\"M12 20.5 8.97 6.94\"/><path d=\"M12 20.5 15.03 6.94\"/>"});
+export const ChochinIcon = createIcon("chochin", {"line":"<rect x=\"9\" y=\"3.5\" width=\"6\" height=\"2\"/><ellipse cx=\"12\" cy=\"12\" rx=\"6.5\" ry=\"6\"/><rect x=\"9\" y=\"18.5\" width=\"6\" height=\"2\"/><path d=\"M6.4 9h11.2\"/><path d=\"M6.4 15h11.2\"/>","duotone":"<ellipse cx=\"12\" cy=\"12\" rx=\"6.5\" ry=\"6\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><rect x=\"9\" y=\"3.5\" width=\"6\" height=\"2\"/><ellipse cx=\"12\" cy=\"12\" rx=\"6.5\" ry=\"6\"/><rect x=\"9\" y=\"18.5\" width=\"6\" height=\"2\"/><path d=\"M6.4 9h11.2\"/><path d=\"M6.4 15h11.2\"/>"});
+export const ReceiptIcon = createIcon("receipt", {"line":"<path d=\"M6 3.5h12v17l-2-1.5-2 1.5-2-1.5-2 1.5-2-1.5-2 1.5Z\"/><path d=\"M9 8h6M9 11.5h6M9 15h3\"/>","duotone":"<path d=\"M6 3.5h12v17l-2-1.5-2 1.5-2-1.5-2 1.5-2-1.5-2 1.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M6 3.5h12v17l-2-1.5-2 1.5-2-1.5-2 1.5-2-1.5-2 1.5Z\"/><path d=\"M9 8h6M9 11.5h6M9 15h3\"/>"});
+export const ContractIcon = createIcon("contract", {"line":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9 10h6\"/><path d=\"M8.5 17c1-2.5 2-2.5 2.5-.8s1.5 1.2 3-.7\"/>","duotone":"<path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M7 2.5h8l4.5 4.5V20a1.5 1.5 0 0 1-1.5 1.5H7A1.5 1.5 0 0 1 5.5 20V4A1.5 1.5 0 0 1 7 2.5Z\"/><path d=\"M15 2.5V7h4.5\"/><path d=\"M9 10h6\"/><path d=\"M8.5 17c1-2.5 2-2.5 2.5-.8s1.5 1.2 3-.7\"/>"});
+export const EnvelopeIcon = createIcon("envelope", {"line":"<path d=\"M3.5 6.5a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1Z\"/><path d=\"M3.5 7l8.5 6 8.5-6\"/>","duotone":"<path d=\"M3.5 7l8.5 6 8.5-6v10.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M3.5 6.5a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1Z\"/><path d=\"M3.5 7l8.5 6 8.5-6\"/>"});
+export const CertificateIcon = createIcon("certificate", {"line":"<path d=\"M3.5 5.5a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1Z\"/><path d=\"M7 8.5h10M7 11.5h4\"/><circle cx=\"16\" cy=\"13\" r=\"2\"/><path d=\"M14.8 14.6 14 20l2-1.2 2 1.2-.8-5.4\"/>","duotone":"<circle cx=\"16\" cy=\"13\" r=\"2\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M3.5 5.5a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1Z\"/><path d=\"M7 8.5h10M7 11.5h4\"/><circle cx=\"16\" cy=\"13\" r=\"2\"/><path d=\"M14.8 14.6 14 20l2-1.2 2 1.2-.8-5.4\"/>"});
+export const MapSchoolIcon = createIcon("map-school", {"line":"<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 6.2v2\"/><path d=\"M7.5 10h9\"/><path d=\"M9 10l6 7.5\"/><path d=\"M15 10l-6 7.5\"/>","duotone":"<circle cx=\"12\" cy=\"12\" r=\"9\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 6.2v2\"/><path d=\"M7.5 10h9\"/><path d=\"M9 10l6 7.5\"/><path d=\"M15 10l-6 7.5\"/>"});
+export const MapTempleIcon = createIcon("map-temple", {"line":"<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 7.5v9M7.5 12h9\"/><path d=\"M12 7.5H9.5M7.5 12v2.5M12 16.5h2.5M16.5 12V9.5\"/>","duotone":"<circle cx=\"12\" cy=\"12\" r=\"9\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 7.5v9M7.5 12h9\"/><path d=\"M12 7.5H9.5M7.5 12v2.5M12 16.5h2.5M16.5 12V9.5\"/>"});
+export const MapShrineIcon = createIcon("map-shrine", {"line":"<path d=\"M3.5 6.5h17\"/><path d=\"M6 10h12\"/><path d=\"M8 6.5V20M16 6.5V20\"/><path d=\"M12 6.5V10\"/>","duotone":"<path d=\"M3.5 5h17v3h-17Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M3.5 6.5h17\"/><path d=\"M6 10h12\"/><path d=\"M8 6.5V20M16 6.5V20\"/><path d=\"M12 6.5V10\"/>"});
+export const MapCityHallIcon = createIcon("map-city-hall", {"line":"<circle cx=\"12\" cy=\"12\" r=\"9\"/><circle cx=\"12\" cy=\"12\" r=\"4.5\"/>","duotone":"<circle cx=\"12\" cy=\"12\" r=\"4.5\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/><circle cx=\"12\" cy=\"12\" r=\"4.5\"/>"});
+export const SyringeIcon = createIcon("syringe", {"line":"<g transform=\"rotate(45 12 12)\"><rect x=\"9\" y=\"5.5\" width=\"6\" height=\"10\" rx=\"1\"/><path d=\"M12 2.5v3\"/><path d=\"M12 15.5V19\"/><path d=\"M9.5 19.5h5\"/><path d=\"M9 8.5h2M9 11h2\"/></g>","duotone":"<g transform=\"rotate(45 12 12)\"><rect x=\"9\" y=\"5.5\" width=\"6\" height=\"10\" rx=\"1\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/></g><g transform=\"rotate(45 12 12)\"><rect x=\"9\" y=\"5.5\" width=\"6\" height=\"10\" rx=\"1\"/><path d=\"M12 2.5v3\"/><path d=\"M12 15.5V19\"/><path d=\"M9.5 19.5h5\"/><path d=\"M9 8.5h2M9 11h2\"/></g>"});
+export const PillIcon = createIcon("pill", {"line":"<g transform=\"rotate(-45 12 12)\"><rect x=\"3.5\" y=\"8\" width=\"17\" height=\"8\" rx=\"4\"/><path d=\"M12 8v8\"/></g>","duotone":"<g transform=\"rotate(-45 12 12)\"><rect x=\"3.5\" y=\"8\" width=\"17\" height=\"8\" rx=\"4\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/></g><g transform=\"rotate(-45 12 12)\"><rect x=\"3.5\" y=\"8\" width=\"17\" height=\"8\" rx=\"4\"/><path d=\"M12 8v8\"/></g>"});
+export const ThermometerIcon = createIcon("thermometer", {"line":"<path d=\"M10 14.5V5a2 2 0 0 1 4 0v9.5a4 4 0 1 1-4 0Z\"/><path d=\"M12 9v6.5\"/><circle cx=\"12\" cy=\"17\" r=\"1.2\"/>","duotone":"<path d=\"M10 14.5V5a2 2 0 0 1 4 0v9.5a4 4 0 1 1-4 0Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M10 14.5V5a2 2 0 0 1 4 0v9.5a4 4 0 1 1-4 0Z\"/><path d=\"M12 9v6.5\"/><circle cx=\"12\" cy=\"17\" r=\"1.2\"/>"});
+export const KarteIcon = createIcon("karte", {"line":"<path d=\"M6 4.5h12a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5.5a1 1 0 0 1 1-1Z\"/><rect x=\"9.5\" y=\"3\" width=\"5\" height=\"3\"/><path d=\"M12 10.5v5M9.5 13h5\"/>","duotone":"<path d=\"M6 4.5h12a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5.5a1 1 0 0 1 1-1Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M6 4.5h12a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5.5a1 1 0 0 1 1-1Z\"/><rect x=\"9.5\" y=\"3\" width=\"5\" height=\"3\"/><path d=\"M12 10.5v5M9.5 13h5\"/>"});
+export const YenCoinIcon = createIcon("yen-coin", {"line":"<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 8l2.5 4 2.5-4M12 12v5M9.5 13h5M9.5 15h5\"/>","duotone":"<circle cx=\"12\" cy=\"12\" r=\"9\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 8l2.5 4 2.5-4M12 12v5M9.5 13h5M9.5 15h5\"/>"});
+export const WalletIcon = createIcon("wallet", {"line":"<path d=\"M4 7.5A2 2 0 0 1 6 5.5h11V8\"/><path d=\"M4 7.5v10a2 2 0 0 0 2 2h13a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H6\"/><circle cx=\"16.5\" cy=\"13.5\" r=\"1\"/>","duotone":"<path d=\"M4 8h16v10.5a1 1 0 0 1-1 1H6a2 2 0 0 1-2-2Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M4 7.5A2 2 0 0 1 6 5.5h11V8\"/><path d=\"M4 7.5v10a2 2 0 0 0 2 2h13a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H6\"/><circle cx=\"16.5\" cy=\"13.5\" r=\"1\"/>"});
+export const CreditCardIcon = createIcon("credit-card", {"line":"<path d=\"M4.5 5.5h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1Z\"/><path d=\"M3.5 10h17\"/><path d=\"M6.5 15h4\"/>","duotone":"<path d=\"M3.5 10h17v7.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M4.5 5.5h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1Z\"/><path d=\"M3.5 10h17\"/><path d=\"M6.5 15h4\"/>"});
+export const ChartLineIcon = createIcon("chart-line", {"line":"<path d=\"M4 4v16h16\"/><path d=\"M7.5 15l3.5-4 3 2.5 4.5-6\"/>","duotone":"<path d=\"M7.5 15l3.5-4 3 2.5 4.5-6V20H7.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M4 4v16h16\"/><path d=\"M7.5 15l3.5-4 3 2.5 4.5-6\"/>"});
+export const PassbookIcon = createIcon("passbook", {"line":"<path d=\"M6.5 3.5h11a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-11a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2Z\"/><path d=\"M8.5 3.5v16\"/><path d=\"M11.5 8.5l2 3 2-3M13.5 11.5v4M11.5 12.5h4M11.5 14h4\"/>","duotone":"<path d=\"M6.5 3.5h2v16h-2a2 2 0 0 1-2-2v-12a2 2 0 0 1 2-2Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M6.5 3.5h11a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-11a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2Z\"/><path d=\"M8.5 3.5v16\"/><path d=\"M11.5 8.5l2 3 2-3M13.5 11.5v4M11.5 12.5h4M11.5 14h4\"/>"});
+export const TrashBurnableIcon = createIcon("trash-burnable", {"line":"<path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M12 9c.3 2-2.5 3.2-2.5 6a2.5 2.5 0 0 0 5 0c0-1.3-.7-2.2-1.4-3-.1.9-.5 1.4-1.1 1.6C12.3 12 12.4 10.5 12 9Z\"/>","duotone":"<path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M12 9c.3 2-2.5 3.2-2.5 6a2.5 2.5 0 0 0 5 0c0-1.3-.7-2.2-1.4-3-.1.9-.5 1.4-1.1 1.6C12.3 12 12.4 10.5 12 9Z\"/>"});
+export const TrashNonBurnableIcon = createIcon("trash-non-burnable", {"line":"<path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M9.5 10.5v6.3c0 .6 1.1 1 2.5 1s2.5-.4 2.5-1v-6.3\"/><ellipse cx=\"12\" cy=\"10.5\" rx=\"2.5\" ry=\"1\"/>","duotone":"<path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M9.5 10.5v6.3c0 .6 1.1 1 2.5 1s2.5-.4 2.5-1v-6.3\"/><ellipse cx=\"12\" cy=\"10.5\" rx=\"2.5\" ry=\"1\"/>"});
+export const TrashRecyclableIcon = createIcon("trash-recyclable", {"line":"<path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M14.8 13.5A2.8 2.8 0 1 1 12 10.7\"/><path d=\"M10.8 9.2l1.6 1.5-1.6 1.5\"/>","duotone":"<path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M14.8 13.5A2.8 2.8 0 1 1 12 10.7\"/><path d=\"M10.8 9.2l1.6 1.5-1.6 1.5\"/>"});
+export const TrashHazardousIcon = createIcon("trash-hazardous", {"line":"<path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M12 9.5v4\"/><path d=\"M12 16.3h.01\"/>","duotone":"<path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M9.5 6V4.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V6\"/><path d=\"M4.5 6h15\"/><path d=\"M6 6l.9 12.6A1.5 1.5 0 0 0 8.4 20h7.2a1.5 1.5 0 0 0 1.5-1.4L18 6\"/><path d=\"M12 9.5v4\"/><path d=\"M12 16.3h.01\"/>"});
+export const TrashOversizedIcon = createIcon("trash-oversized", {"line":"<path d=\"M4.5 5.5h15a1 1 0 0 1 1 1V10a2 2 0 0 0 0 4v3.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1V14a2 2 0 0 0 0-4V6.5a1 1 0 0 1 1-1Z\"/><path d=\"M8.5 12V9.8a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1V12\"/><path d=\"M7 12h10v3.7H7Z\"/>","duotone":"<path d=\"M4.5 5.5h15a1 1 0 0 1 1 1V10a2 2 0 0 0 0 4v3.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1V14a2 2 0 0 0 0-4V6.5a1 1 0 0 1 1-1Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M4.5 5.5h15a1 1 0 0 1 1 1V10a2 2 0 0 0 0 4v3.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1V14a2 2 0 0 0 0-4V6.5a1 1 0 0 1 1-1Z\"/><path d=\"M8.5 12V9.8a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1V12\"/><path d=\"M7 12h10v3.7H7Z\"/>"});
+export const PlasticMarkIcon = createIcon("plastic-mark", {"line":"<path d=\"M4 8.5h16\"/><path d=\"M5 8.5l1.2 9.4a1.5 1.5 0 0 0 1.5 1.1h8.6a1.5 1.5 0 0 0 1.5-1.1L19 8.5\"/><path d=\"M6.5 8.5V6.5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v2\"/><path d=\"M14.8 14A2.8 2.8 0 1 1 12 11.2\"/><path d=\"M10.8 9.7l1.6 1.5-1.6 1.5\"/>","duotone":"<path d=\"M5 8.5l1.2 9.4a1.5 1.5 0 0 0 1.5 1.1h8.6a1.5 1.5 0 0 0 1.5-1.1L19 8.5Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M4 8.5h16\"/><path d=\"M5 8.5l1.2 9.4a1.5 1.5 0 0 0 1.5 1.1h8.6a1.5 1.5 0 0 0 1.5-1.1L19 8.5\"/><path d=\"M6.5 8.5V6.5a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v2\"/><path d=\"M14.8 14A2.8 2.8 0 1 1 12 11.2\"/><path d=\"M10.8 9.7l1.6 1.5-1.6 1.5\"/>"});
+export const PostalCodeIcon = createIcon("postal-code", {"line":"<path d=\"M4.5 6.5h15a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1Z\"/><path d=\"M6 9.5h4M6.8 12h2.4M8 9.5v5.5\"/><path d=\"M12.5 12h1.5M15.5 12h3\"/>","duotone":"<path d=\"M4.5 6.5h15a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1Z\" style=\"fill:var(--icon-secondary,currentColor)\" fill-opacity=\".25\" stroke=\"none\"/><path d=\"M4.5 6.5h15a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1Z\"/><path d=\"M6 9.5h4M6.8 12h2.4M8 9.5v5.5\"/><path d=\"M12.5 12h1.5M15.5 12h3\"/>"});
+export const StampIcon = HankoIcon;

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+import type { ForwardRefExoticComponent, RefAttributes, SVGAttributes } from 'react';
+export interface IconProps extends SVGAttributes<SVGSVGElement> {
+  size?: number | string;
+  variant?: 'line' | 'duotone';
+  title?: string;
+}
+export type Icon = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+export declare function createIcon(name: string, variants: { line: string; duotone?: string }): Icon;
+export const HankoIcon: Icon;
+export const ToriiIcon: Icon;
+export const InvoiceIcon: Icon;
+export const ApplicationIcon: Icon;
+export const MapKobanIcon: Icon;
+export const MapPostOfficeIcon: Icon;
+export const MapHospitalIcon: Icon;
+export const StethoscopeIcon: Icon;
+export const PrescriptionIcon: Icon;
+export const BankIcon: Icon;
+export const PromissoryNoteIcon: Icon;
+export const SakuraIcon: Icon;
+export const FujiIcon: Icon;
+export const OmamoriIcon: Icon;
+export const SensuIcon: Icon;
+export const ChochinIcon: Icon;
+export const ReceiptIcon: Icon;
+export const ContractIcon: Icon;
+export const EnvelopeIcon: Icon;
+export const CertificateIcon: Icon;
+export const MapSchoolIcon: Icon;
+export const MapTempleIcon: Icon;
+export const MapShrineIcon: Icon;
+export const MapCityHallIcon: Icon;
+export const SyringeIcon: Icon;
+export const PillIcon: Icon;
+export const ThermometerIcon: Icon;
+export const KarteIcon: Icon;
+export const YenCoinIcon: Icon;
+export const WalletIcon: Icon;
+export const CreditCardIcon: Icon;
+export const ChartLineIcon: Icon;
+export const PassbookIcon: Icon;
+export const TrashBurnableIcon: Icon;
+export const TrashNonBurnableIcon: Icon;
+export const TrashRecyclableIcon: Icon;
+export const TrashHazardousIcon: Icon;
+export const TrashOversizedIcon: Icon;
+export const PlasticMarkIcon: Icon;
+export const PostalCodeIcon: Icon;
+export const StampIcon: Icon;

package/dist/index.js

@@ -0,0 +1,3 @@
+// 自動生成ファイル。直接編集しないでください(scripts/build.mjs)
+export * from './icons.js';
+export { createIcon } from './createIcon.js';

package/package.json

@@ -1,6 +1,44 @@
 {
   "name": "mue-icons-react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "mue-icons の React コンポーネント",
+  "type": "module",
+  "license": "MIT",
+  "author": "yuta-nihei",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yuta-nihei/mue-icon.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/yuta-nihei/mue-icon#readme",
+  "bugs": {
+    "url": "https://github.com/yuta-nihei/mue-icon/issues"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": ">=17"
+  },
+  "keywords": [
+    "icons",
+    "react",
+    "svg",
+    "japan"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
 }