mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-05-02 01:34:56 +00:00
feat: add 12 new fakemui icons for auth and navigation
Icons added: - Profile: user profile display - Login/Logout: sign in/out actions - Register: user registration - Validate: validation/verification - Gate: access control/auth gate - Navigate: navigation action - Stats: statistics/metrics - Form: form input - Level: permission levels - Denied: access denied - Redirect: URL redirect
This commit is contained in:
14
fakemui/icons/Denied.tsx
Normal file
14
fakemui/icons/Denied.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import React from 'react';
|
||||
import { SvgIcon, SvgIconProps } from '../core/SvgIcon';
|
||||
|
||||
/**
|
||||
* Denied icon - represents access denied
|
||||
*/
|
||||
export const Denied = React.forwardRef<SVGSVGElement, SvgIconProps>((props, ref) => (
|
||||
<SvgIcon ref={ref} {...props}>
|
||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20zm6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z" />
|
||||
</SvgIcon>
|
||||
));
|
||||
|
||||
Denied.displayName = 'Denied';
|
||||
export default Denied;
|
||||
14
fakemui/icons/Level.tsx
Normal file
14
fakemui/icons/Level.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import React from 'react';
|
||||
import { SvgIcon, SvgIconProps } from '../core/SvgIcon';
|
||||
|
||||
/**
|
||||
* Level icon - represents permission level
|
||||
*/
|
||||
export const Level = React.forwardRef<SVGSVGElement, SvgIconProps>((props, ref) => (
|
||||
<SvgIcon ref={ref} {...props}>
|
||||
<path d="M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm0 13.27L5 13.5v4l7 4 7-4v-4l-7 2.77z" />
|
||||
</SvgIcon>
|
||||
));
|
||||
|
||||
Level.displayName = 'Level';
|
||||
export default Level;
|
||||
14
fakemui/icons/Redirect.tsx
Normal file
14
fakemui/icons/Redirect.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import React from 'react';
|
||||
import { SvgIcon, SvgIconProps } from '../core/SvgIcon';
|
||||
|
||||
/**
|
||||
* Redirect icon - represents URL redirect
|
||||
*/
|
||||
export const Redirect = React.forwardRef<SVGSVGElement, SvgIconProps>((props, ref) => (
|
||||
<SvgIcon ref={ref} {...props}>
|
||||
<path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" />
|
||||
</SvgIcon>
|
||||
));
|
||||
|
||||
Redirect.displayName = 'Redirect';
|
||||
export default Redirect;
|
||||
@@ -248,3 +248,17 @@ export { LockRounded } from './LockRounded'
|
||||
export { CheckCircleOutline } from './CheckCircleOutline'
|
||||
export { Cancel } from './Cancel'
|
||||
export { HighlightOff } from './HighlightOff'
|
||||
|
||||
// Authentication & Access Control
|
||||
export { Profile } from './Profile'
|
||||
export { Login } from './Login'
|
||||
export { Logout } from './Logout'
|
||||
export { Register } from './Register'
|
||||
export { Validate } from './Validate'
|
||||
export { Gate } from './Gate'
|
||||
export { Navigate } from './Navigate'
|
||||
export { Stats } from './Stats'
|
||||
export { Form } from './Form'
|
||||
export { Level } from './Level'
|
||||
export { Denied } from './Denied'
|
||||
export { Redirect } from './Redirect'
|
||||
|
||||
Reference in New Issue
Block a user