F3.1 WEB: agregar icono de email
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
export type IconName =
|
export type IconName =
|
||||||
| 'home' | 'map' | 'layers' | 'calendar' | 'clipboard' | 'alert'
|
| 'home' | 'map' | 'layers' | 'calendar' | 'clipboard' | 'alert'
|
||||||
| 'history' | 'users' | 'shield' | 'audit' | 'logout' | 'menu'
|
| 'history' | 'users' | 'shield' | 'audit' | 'logout' | 'menu'
|
||||||
| 'plus' | 'search' | 'edit' | 'chevron' | 'check' | 'key' | 'upload';
|
| 'plus' | 'search' | 'edit' | 'chevron' | 'check' | 'key' | 'upload' | 'mail';
|
||||||
|
|
||||||
export function Icon({ name, size = 18 }: { name: IconName; size?: number }) {
|
export function Icon({ name, size = 18 }: { name: IconName; size?: number }) {
|
||||||
const paths: Record<IconName, React.ReactNode> = {
|
const paths: Record<IconName, React.ReactNode> = {
|
||||||
@@ -24,6 +24,7 @@ export function Icon({ name, size = 18 }: { name: IconName; size?: number }) {
|
|||||||
check: <path d="m5 12 4 4L19 6"/>,
|
check: <path d="m5 12 4 4L19 6"/>,
|
||||||
key: <><circle cx="8" cy="15" r="4"/><path d="m11 12 9-9M15 8l3 3M17 6l2 2"/></>,
|
key: <><circle cx="8" cy="15" r="4"/><path d="m11 12 9-9M15 8l3 3M17 6l2 2"/></>,
|
||||||
upload: <><path d="M12 16V4"/><path d="m7 9 5-5 5 5"/><path d="M5 20h14"/></>,
|
upload: <><path d="M12 16V4"/><path d="m7 9 5-5 5 5"/><path d="M5 20h14"/></>,
|
||||||
|
mail: <><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></>,
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<svg className="icon" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
|
<svg className="icon" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
|
||||||
|
|||||||
Reference in New Issue
Block a user