diff --git a/src/pages/saju/_shell/Icons.jsx b/src/pages/saju/_shell/Icons.jsx
new file mode 100644
index 0000000..0670bd5
--- /dev/null
+++ b/src/pages/saju/_shell/Icons.jsx
@@ -0,0 +1,82 @@
+import React from 'react';
+
+const base = (size, stroke, strokeWidth = 1.5) => ({
+ width: size, height: size, fill: 'none', stroke,
+ strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round',
+});
+
+export function IconHome({ size = 20, stroke = 'currentColor', strokeWidth }) {
+ return (
+
+ );
+}
+
+export function IconSun({ size = 20, stroke = 'currentColor', strokeWidth }) {
+ return (
+
+ );
+}
+
+export function IconHeart({ size = 20, stroke = 'currentColor', strokeWidth }) {
+ return (
+
+ );
+}
+
+export function IconYinYang({ size = 20, stroke = 'currentColor', strokeWidth }) {
+ return (
+
+ );
+}
+
+export function IconUser({ size = 20, stroke = 'currentColor', strokeWidth }) {
+ return (
+
+ );
+}
+
+export function IconPaw({ size = 12, color = 'currentColor' }) {
+ return (
+
+ );
+}
+
+export function IconChevron({ size = 14, color = 'currentColor', dir = 'right' }) {
+ const rotate = { right: 0, down: 90, left: 180, up: 270 }[dir] || 0;
+ return (
+
+ );
+}
+
+export function IconSparkle({ size = 12, color = 'currentColor' }) {
+ return (
+
+ );
+}