The Tabler login icon depicts a rightward-pointing arrow entering a rectangle, commonly used to represent the action of signing into an account or system.
Common uses
- Login button
- Sign-in form submission
- Accessing a protected area
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLogin } from '@tabler/icons-react';
<IconLogin size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- initializepasswordenteraccountpermissionloginnavigationflowmovementroutearrowssign inenter accountauthenticatearrow in
FAQ
- What does the login icon represent?
- It visually signifies the action of logging in or signing into a system or application.
- How do I use the login icon in React?
- Import it using `import { IconLogin } from '@tabler/icons-react';` and then use it as a component: `<IconLogin />`.
- What is the license for the Tabler login icon?
- The Tabler icon library, including the login icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.