---
title: "Horizontal Toggle Button Icon | Free Download PNG & SVG | Flex Duo"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/horizontal-toggle-button--24526
canonical_url: "https://www.streamlinehq.com/icons/download/horizontal-toggle-button--24526"
summary: "Rounded duotone icon of two horizontal toggle buttons, one on and one off. Used for settings and switches."
---

# Horizontal Toggle Button icon

The Horizontal Toggle Button icon shows two rounded horizontal switches, with one circular knob on the right and the other on the left. Drawn in the duotone style on a 14px grid with a 1px stroke for clear, fluid UI controls. Use it for settings toggles, feature activation, preferences, and on/off states. It belongs to Flex Duo set in the Flex family.

## Preview

![Rounded duotone icon of two horizontal toggle buttons, one on and one off. Used for settings and switches.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/setting/horizontal-toggle-button-t92plgz6nwkluss88fjqul.png/horizontal-toggle-button-fnpet9ukroced0l1uoa3dp.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Horizontal Toggle Button
- **Type**: Icon
- **Set**: [Flex Duo](/icons/flex-duo.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Duo style is perfect for projects that require differentiation between actions, using color to convey meaning effectively. It also allows you to customize the line thickness. All Flex Duo icons are designed on a 14px grid with a 1px default stroke and two customizable colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Duo, Filled, Stroke
- **Category**: Interface Essential › Setting
- **Default size**: 14px
- **Stroke width**: 1px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: toggle, button, switch, slider, horizontal, control, adjustment, interface, settings, ui, ux, on, off, controls, adjust

## Download

- [Download Horizontal Toggle Button on Streamline](https://www.streamlinehq.com/icons/download/horizontal-toggle-button--24526)

## Also available in other styles

- [Horizontal Toggle Button — Flex Line](/icons/download/horizontal-toggle-button--24477.md) (Pro)
- [Horizontal Toggle Button — Flex Remix](/icons/download/horizontal-toggle-button--28546.md) (Pro)
- [Horizontal Toggle Button — Flex Gradient](/icons/download/horizontal-toggle-button--27678.md) (Pro)
- [Horizontal Toggle Button — Flex Flat](/icons/download/horizontal-toggle-button--24687.md) (Pro)
- [Horizontal Toggle Button — Flex Neon](/icons/download/horizontal-toggle-button--30425.md) (Pro)
- [Horizontal Toggle Button — Flex Pop](/icons/download/horizontal-toggle-button--31304.md) (Pro)
- [Horizontal Toggle Button — Flex Solid](/icons/download/horizontal-toggle-button--24317.md) (Pro)

---

[View full sitemap](/sitemap.md)