focus-field · Material Design
Free SVG focus-field 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
- focus
- field
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M19 19h-4v2h4c1.1 0 2-.9 2-2v-4h-2m0-12h-4v2h4v4h2V5c0-1.1-.9-2-2-2M5 5h4V3H5c-1.1 0-2 .9-2 2v4h2m0 6H3v4c0 1.1.9 2 2 2h4v-2H5zm2-4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zM7 7h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 8h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg>
// Run: npx sant-icons get material-focus-field --format react
export function MaterialFocusField(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="currentColor" d="M19 19h-4v2h4c1.1 0 2-.9 2-2v-4h-2m0-12h-4v2h4v4h2V5c0-1.1-.9-2-2-2M5 5h4V3H5c-1.1 0-2 .9-2 2v4h2m0 6H3v4c0 1.1.9 2 2 2h4v-2H5zm2-4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zM7 7h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 8h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg>
);
}npx sant-icons get material-focus-field
Properties
- Name
- focus-field
- Library
- Material Design
- Style
- filled
- License
- Apache-2.0
- Version
- 1.2.3
- Identifier
- material-focus-field
Related from Material Design
- focus-field-horizontalMaterial Design
- focus-field-verticalMaterial Design
- camera-focusMaterial Design
- focus-autoMaterial Design
- image-filter-center-focusMaterial Design
- image-filter-center-focus-strongMaterial Design
- image-filter-center-focus-strong-outlineMaterial Design
- image-filter-center-focus-weakMaterial Design
The focus-field icon ships with Material Design, an open-source icon set licensed under Apache-2.0. Search for it as "material design focus-field", "focus-field svg", or any of its tagged terms (focus, field). 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-focus-field directly into your project. No browser context-switch.