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.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →