NHID-Clinical Icon System

A hexagon-framed icon pack for AI voice-agent identity disclosure & authorization — built to read clearly across patient apps, clinical dashboards, and printed disclosure documents.

24 core icons 20 voice states 6 categories

Every icon shares an identical pointy-top hexagon frame (navy / teal / slate stroke rotation) around a consistent ~4.4px line-art glyph. Source assets: /assets/icons/nhid-icons.svg (sprite) and /assets/icons/nhid-icons.css (states). Usage:

<svg class="nhid-icon nhid-icon--navy">
  <use href="/assets/icons/nhid-icons.svg#nhid-hex-frame"/>
  <use href="/assets/icons/nhid-icons.svg#nhid-hex-frame-inner"/>
  <use href="/assets/icons/nhid-icons.svg#nhid-icon-accept-consent"/>
</svg>

Add .nhid-icon--navy / --teal / --slate for the frame theme, and .is-active / .is-loading / .is-disabled for interaction state. Wrap in .nhid-icon-card for the card hover treatment shown below. All animated states fall back to a static end-state under prefers-reduced-motion.

Consent & Authorization

Accept Consent Patient grants the AI agent permission to proceed.

Decline Consent Patient refuses authorization; interaction halts.

Revoke Consent Withdraw a previously granted authorization.

Voice Interaction

Listening Agent is capturing the patient's speech.

Speaking Agent is producing voice output.

Muted Microphone input is disabled.

Processing Agent is thinking or generating a response.

AI Identity & Disclosure

AI Verified Agent Identifies the responder as a disclosed AI agent.

Disclosure Alert Surfaces a required transparency notice.

Verified Status Agent identity is cryptographically attested.

Clinical Escalation & Handoff

Patient Intake Capture and review patient information.

Handoff to Human Transfer the session to a clinician.

Escalate to Human Raise priority and route to a clinician.

Clinical Action A clinically significant step is underway.

Emergency Routing Route an emergency to a human within 10s.

Security & Access

Access Control Manage permissions and authorization keys.

Identity Verification Confirm a patient or clinician identity.

Secure Data & Privacy Protected health data is encrypted.

Cryptographic Attestation Signed, verifiable proof of an interaction.

Communication & Records

Real-time Communication A live voice channel is connected.

Patient Interaction Conversational exchange with the patient.

Clinical Environment Care-setting or facility context.

Audit Log Reviewable record of agent activity.

Session Timestamp Attested time of a recorded session.

Voice Interaction — State Variations

Each voice state ships an active / inactive pair plus success, warning, and error statuses. The frame stroke and glyph accent carry the status; a corner badge confirms success, warning, or error.

	Active	Inactive	Success	Warning	Error

Interaction States

Tone is professional, calm, and reassuring. The hexagon frame is the primary signal layer — internal glyphs do not move on hover.

State	Behavior	Timing
`:hover`	Frame stroke brightens, soft teal glow, card lifts 2px.	220ms standard ease
`.is-active`	Frame shifts toward cyan/teal; icon blooms to 1.06× then settles.	340ms decel ease
`.is-pending-auth`	Frame stroke breathes (opacity 1 → .55 → 1) while authorization is outstanding.	1800ms loop
`.is-loading`	Frame stroke and glyph breathe slowly; no fast spinner.	2000ms linear loop
`.is-disabled`	Desaturated, 40% opacity, no animation, not-allowed cursor.	static

All loops, glows, and the active-state bloom fall back to a static end-state under prefers-reduced-motion: reduce — the disclosed information never depends on motion.