// SVG icon definitions. Each icon is built on a 1024 viewBox so it scales cleanly to
// every iOS tile size. The outer rounded shell is provided by the parent container
// (border-radius), so the SVG fills 0–1024 edge-to-edge with the background plate.
// --- A. APERTURE ---------------------------------------------------------------
// A hunter's aperture / iris. Six bold blades wrap a single rising candle wick.
// Sniper / focus metaphor. Deep midnight base with a single emerald accent.
const IconAperture = ({ idSuffix = "" }) => {
const uid = "a" + idSuffix;
return (
);
};
// --- B. RETICLE ----------------------------------------------------------------
// Pure scope reticle. Ring + broken cross arms, nothing in the middle.
// Cool charcoal plate, signal-orange accent.
const IconReticle = ({ idSuffix = "" }) => {
const uid = "b" + idSuffix;
return (
);
};
// --- B2. RETICLE — THIN THROUGH ------------------------------------------------
// Alternate take: arms pass continuously through the ring, with a clean gap at
// the very center. More "engineering instrument" than "scope".
const IconReticleThrough = ({ idSuffix = "" }) => {
const uid = "b2" + idSuffix;
return (
);
};
// --- B3. RETICLE — DOUBLE RING -------------------------------------------------
// Two concentric rings, short outer cross ticks only. Premium / instrument feel.
const IconReticleDouble = ({ idSuffix = "" }) => {
const uid = "b3" + idSuffix;
return (
);
};
// --- C. PEAK -------------------------------------------------------------------
// Bull-run mountain peaks form an upward arrow / "H" silhouette. Sunrise gradient
// behind. Heroic, optimistic; the daily-hunt narrative.
const IconPeak = ({ idSuffix = "" }) => {
const uid = "c" + idSuffix;
return (
);
};
// --- D. MONOGRAM ---------------------------------------------------------------
// A bold "DH" monogram cut into a financial-green plate, where the H's crossbar
// is replaced by a rising chart line. Confident, brand-forward.
const IconMonogram = ({ idSuffix = "" }) => {
const uid = "d" + idSuffix;
return (
);
};
// --- E. CANDLE ARROW -----------------------------------------------------------
// Three candles ascending into a sharp arrowhead. Pure, iconic, very legible at
// 40px. Two-tone navy + electric cyan.
const IconCandleArrow = ({ idSuffix = "" }) => {
const uid = "e" + idSuffix;
return (
);
};
// --- F. RADAR ------------------------------------------------------------------
// Radar sweep — concentric rings with a bright candle blip at the lock-on point.
// Premium-quant feel; the "scanning the market" metaphor.
const IconRadar = ({ idSuffix = "" }) => {
const uid = "f" + idSuffix;
return (
);
};
const ICONS = [
{
key: "reticle",
name: "Reticle — Broken Cross",
tag: "01 · scope / classic",
desc: "Pure scope reticle. Solid ring with a soft outer halo, four broken cross arms keep the center wide open and weightless. The most iconic 'aim' silhouette.",
Comp: IconReticle,
swatches: ["#0f1115", "#22252c", "#ff6b3d"],
},
{
key: "reticle-through",
name: "Reticle — Through Cross",
tag: "02 · instrument",
desc: "Thinner arms pass continuously through the ring with a small gap at the very center. Reads as a precision instrument rather than a weapon scope — cleaner, more 'finance-grade'.",
Comp: IconReticleThrough,
swatches: ["#0f1115", "#22252c", "#ff6b3d"],
},
{
key: "reticle-double",
name: "Reticle — Double Ring",
tag: "03 · premium",
desc: "Two concentric rings with short outer cross ticks only. Feels more like a high-end optical sight — quieter, more premium, more layered.",
Comp: IconReticleDouble,
swatches: ["#0f1115", "#22252c", "#ff6b3d"],
},
];
window.ICONS = ICONS;
window.IconAperture = IconAperture;
window.IconReticle = IconReticle;
window.IconReticleThrough = IconReticleThrough;
window.IconReticleDouble = IconReticleDouble;
window.IconPeak = IconPeak;
window.IconMonogram = IconMonogram;
window.IconCandleArrow = IconCandleArrow;
window.IconRadar = IconRadar;