Icons

Scorton UI uses Lucide line icons for parity with app.scorton.tech.

Style

• Stroke width: 2
• Default size: 20–24px UI, 40–48px benefit cards
• Accent color on product surfaces: yellow (#F9C92B / text-yellow-400)
• Optional glow: drop-shadow(0 0 10px rgba(254, 214, 52, 0.3))

Gallery

Shield

Lock

Fingerprint

Check

Sun

ChevronDown

Alert

Info

Common product icons

Context	Icon
Confidentiality	Lock
Threat prediction	Shield
Team readiness	Fingerprint
Checklist / trust	CircleCheckBig
Theme toggle	Sun / Moon
Accordion	ChevronDown

Usage (React)

import { Shield } from "lucide-react";

<Shield className="scorton-icon-glow" size={48} strokeWidth={2} />

Usage (Vue docs / apps)

<script setup>
import { Shield } from "@lucide/vue";
</script>

<template>
  <Shield :size="48" :stroke-width="2" class="scorton-icon-glow" />
</template>

Do not mix filled emoji icons into product chrome except for locale flags already present in CyberScor.