Made of little things.

const paths: Record<string, string> = {
  chevron: '<path d="m6 9 6 6 6-6"/>',
  rotate: '<path d="M19 8a7 7 0 1 0 0 8M19 3v5h-5"/>',
  brush: '<path d="m14 5 5 5-9 9H5v-5zM16 3l5 5M5 19l-2 2"/>',
  move: '<path d="M12 3v18M3 12h18M9 6l3-3 3 3M9 18l3 3 3-3M6 9l-3 3 3 3M18 9l3 3-3 3"/>',
  target: '<circle cx="12" cy="12" r="7"/><circle cx="12" cy="12" r="2"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/>',
  document: '<path d="M6 3h8l4 4v14H6zM14 3v5h4M9 12h6M9 16h6"/>',
  upload: '<path d="M12 16V3m-4 4 4-4 4 4M4 15v6h16v-6"/>',
  standing: '<circle cx="12" cy="4" r="2"/><path d="M12 7v7M8 8l-2 6M12 8h4l2 6M12 14l-3 8M12 14l3 8"/>',
  sitting: '<circle cx="11" cy="4" r="2"/><path d="M11 7v7h6v8M11 9l6 2M6 9v8h8"/>',
  hand: '<path d="M8 12V6a1.5 1.5 0 0 1 3 0v5-7a1.5 1.5 0 0 1 3 0v7-5a1.5 1.5 0 0 1 3 0v5-2a1.5 1.5 0 0 1 3 0v6c0 5-3 7-6 7h-2c-3 0-4-2-5-4l-3-5a1.5 1.5 0 0 1 2-2l2 2Z"/>',
  lying: '<circle cx="3" cy="12" r="2"/><path d="M6 12h7l3 2h6M8 12l4 3M2 19h20"/>',
  walking: '<circle cx="13" cy="4" r="2"/><path d="m12 7-2 7 6 7M10 14l-4 7M12 8l5 4 4-2M12 8l-5 3-3 4"/>',
  jogging: '<circle cx="16" cy="4" r="2"/><path d="m15 7-5 7 6 2-3 6M10 14l-4 2-4-4M14 8l3 4 4-2M13 8 7 7l-3 4"/>',
};
export function icon(name: string): string { return `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${paths[name] || paths.target}</svg>`; }