login · Material Design
Free SVG login icon from Material Design. Rendered at 24×24 in the filled style and licensed under Apache-2.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for Apache-2.0 licensed icons.
Tags
- login
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8z"/></svg>
// Run: npx sant-icons get material-login --format react
export function MaterialLogin(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="currentColor" d="M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8z"/></svg>
);
}npx sant-icons get material-login
Properties
- Name
- login
- Library
- Material Design
- Style
- filled
- License
- Apache-2.0
- Version
- 1.2.3
- Identifier
- material-login
login in other libraries
Related from Material Design
The login icon ships with Material Design, an open-source icon set licensed under Apache-2.0. Search for it as "material design login", "login svg", or any of its tagged terms (login). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch material-login directly into your project. No browser context-switch.