12

I checked the icon list available at https://material.io/tools/icons/ and the closest matches I see are

For LogIn or SignIn

For LogOut or SignOut

are these universally acceptable icons or can you please suggest if there are any other icons

4 Answers 4

9

what about those two?

https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Alogout%3A https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Alogin%3A

Their ids are simply "login" and "logout".

I can use them like this:

<mat-icon aria-hidden="false">login</mat-icon>
6

If you're using angular mat-icon you can use the exit_to_app <mat-icon>exit_to_app</mat-icon>

3

No there is not any icon

No there is not any icon in google's material-design-icons. Check this issue for updates.

I used LockOpen for Sign In and ExitToApp for Sign Up.

1
  • 1
    Thanks.. I guess I will use the same icons
    – Ashu
    Commented Oct 4, 2021 at 10:57
1

Currenty i am using

Angular CLI: 15.0.4

Node: 18.12.1

Package Manager: npm 9.1.3

@angular/material 15.1.0

<button mat-icon-button>
  <mat-icon
    aria-hidden="false"
    aria-label="login icon"
    fontIcon="login"
    [ariaSetSize]="50"
    color="warn"
  ></mat-icon>
</button>

<button mat-icon-button>
  <mat-icon
    aria-hidden="false"
    aria-label="logout icon"
    fontIcon="logout"
    [ariaSetSize]="50"
    color="warn"
  ></mat-icon>
</button>

see the icons

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.