The Tabler square toggle horizontal icon depicts a square with a horizontal line, often used to represent a toggle switch or a selection option in a horizontal layout.
Common uses
- Horizontal toggle switch for settings
- Option selection in a form
- Visual indicator for active/inactive state
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareToggleHorizontal } from '@tabler/icons-react';
<IconSquareToggleHorizontal size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- boxclonemovesquaretogglehorizontalcreativeartisticrectangularvisualdesignhorizontal switchtoggle boxselection squareform control
FAQ
- What does the square toggle horizontal icon represent?
- It visually represents a horizontal toggle switch or a selectable option, commonly used for binary choices in user interfaces.
- How do I use this icon in React?
- You can import and use it in your React application with: import { IconSquareToggleHorizontal } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including this 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 →