www_site/components/icons.tsx

38 lines
2.6 KiB
TypeScript

type IconProps = { className?: string };
export function ArrowUpRight({ className = "h-4 w-4" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 20 20"><path d="M5 15 15 5M7 5h8v8" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" /></svg>;
}
export function ArrowRight({ className = "h-4 w-4" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 20 20"><path d="M3 10h13m-5-5 5 5-5 5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" /></svg>;
}
export function MenuIcon({ className = "h-5 w-5" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 20 20"><path d="M3 5h14M3 10h14M3 15h14" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" /></svg>;
}
export function CloseIcon({ className = "h-5 w-5" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 20 20"><path d="m5 5 10 10M15 5 5 15" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" /></svg>;
}
export function BluetoothIcon({ className = "h-8 w-8" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 24 24"><path d="m12 3 5 5-5 4 5 4-5 5V3ZM7 8l10 8M7 16l10-8" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" /></svg>;
}
export function WaveIcon({ className = "h-8 w-8" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 24 24"><path d="M3 12h2m2-4v8m4-11v14m4-10v6m4-9v12m2-7v2" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" /></svg>;
}
export function ChipIcon({ className = "h-8 w-8" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 24 24"><rect height="10" rx="1.5" width="10" x="7" y="7" stroke="currentColor" strokeWidth="1.5" /><path d="M9 3v4m6-4v4m-6 10v4m6-4v4M3 9h4m-4 6h4m10-6h4m-4 6h4" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" /></svg>;
}
export function SparkIcon({ className = "h-8 w-8" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 24 24"><path d="m12 3 1.8 6.2L20 11l-6.2 1.8L12 19l-1.8-6.2L4 11l6.2-1.8L12 3Z" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" /></svg>;
}
export function CheckIcon({ className = "h-4 w-4" }: IconProps) {
return <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 20 20"><path d="m4 10 4 4 8-8" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.7" /></svg>;
}