@surf-kit/icons

Icon set for surf-kit — custom agent icons plus Lucide re-exports

Part of the surf-kit design system.

Install

npm install @surf-kit/icons

Quick Example

import { Send, AgentCoordinator, ConfidenceHigh } from '@surf-kit/icons';

function Toolbar() {
  return (
    <div>
      <AgentCoordinator size={24} />
      <ConfidenceHigh size={20} />
      <Send size={16} />
    </div>
  );
}

What's Included

Custom Agent Icons — AgentCoordinator, AgentFacilities, AgentFinance, AgentGovernance, AgentHr, AgentIt

Confidence & Verification — ConfidenceHigh, ConfidenceMedium, ConfidenceLow, VerificationPassed, VerificationFailed, VerificationFlagged

Lucide Re-exports — Search, X, ChevronDown, ChevronRight, Copy, Check, AlertTriangle, Info, Send, MessageSquare, ThumbsUp, ThumbsDown, and more — pre-selected for agent UI patterns.

All icons are tree-shakeable React components with consistent sizing props.

Docs

• Storybook
• Contributing

License

0BSD