Interface Essential

Business

Images Photography

Money Shopping

Programming

Computer Devices

Phone

Mail

Map Travel

Food Drink

Nature Ecology

Entertainment

Shipping

Culture

Health

Work Education

Artificial Intelligence

Arrows

Streamline 3.0

Ultimate

Core

Flex

Sharp

Plump

Micro

Freehand

Streamline Material

Nova

Cyber

Streamline Vault

Logos

Pixel

Google Material

Tabler

Remix

Feather

Iconoir

Carbon

Solar

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Clean creative icon of two rounded toggle bars with knobs on opposite sides. Used for settings and on/off controls.

Toggle

Clean line icon of a rounded toggle with a circle on the left. Used for off states and settings.

Toggle Off

Sharp line icon of a horizontal toggle with a square knob on the left. Used for off states, switches, settings, and controls.

Minimal line icon of two horizontal toggle switches with knobs on opposite sides. Used for settings and on/off controls.

Setting Toggle

Minimal solid icon of two horizontal toggle switches with knobs on opposite sides. Used for settings and on/off controls.

Clean line icon of a horizontal toggle with a rounded outline and right circular knob. Used for on/off controls.

Toggle On

Clean Outlined Line - Streamline Material icon of a zigzag line over two horizontal bars. Used for charts and analytics.

Legend Toggle

Rounded line icon of a horizontal toggle with a left circular knob. Used for off states, switches, settings, and controls.

Rounded line icon of a pill-shaped toggle with a circular knob on the right. Used for switches, settings, and on states.

Clean line icon of a pill-shaped toggle with a filled circle on the left. Used for off switches, settings, and controls.

Clean solid icon of a rounded toggle switch with a white knob on the right. Used for enabled states and settings.

Toggle On Fill

Clean solid icon of a rounded toggle with a circular knob on the left. Used for off states, switches, settings, and controls.

Toggle Off Fill

Rounded solid icon of a pill-shaped toggle with a white circle on the left. Used for off states and settings.

Horizontal Toggle Button

Minimal flat icon of two horizontal toggles with knobs at opposite ends. Used for switches, settings, and on/off controls.

Clean line icon of two horizontal toggle switches, with knobs left and right. Used for settings, options, and on/off controls.

Settings Toggle Horizontal

Clean duotone icon of two horizontal toggle buttons with knobs on opposite ends. Used for settings, switches, and controls.

Rounded line icon of a horizontal toggle switch with the knob on the left. Used for off states, settings, and interface controls.

Rounded solid icon of a horizontal toggle with a right circular knob. Used for enabled switches, settings, on/off controls.

Sharp solid icon of a horizontal toggle with a square knob on the left. Used for off states, switches, settings, and controls.

Rounded colored solid icon of two stacked horizontal toggles, knobs right and left. Used for settings and switch controls.

Vertical Toggle Button Single Bottom

Clean solid icon of a horizontal toggle with a white knob on the left. Used for off states, switches, settings, and controls.

Rounded solid icon of two horizontal toggle buttons with knobs right and left. Used for toggle controls and settings.

Cash Toggle

Toggle Setting Off

Vertical Toggle Button Single Top

Clean line icon of a horizontal toggle with a circular knob on the right. Used for enabled settings and switches.

Toggle Setting On

Clean flat icon of a horizontal pill-shaped toggle with a circle on the right. Used for switches and settings.

Horizontal Toggle Button Single Right

Rounded flat icon of a horizontal toggle with a single knob on the left. Used for settings and on/off controls.

Horizontal Toggle Button Single Left

Rounded gradient icon of a horizontal toggle with a white knob on the left. Used for toggle controls and settings.

Controls Slider Toggle Right

Clean hybrid solid and line icon of a horizontal toggle with a filled knob on the left. Used for switches and settings.

Minimal gradient icon of a rounded toggle button with a white circle on the left. Used for switches and settings.

Rounded gradient icon of two horizontal toggle switches with white knobs at opposite ends. Used for toggle controls and settings.

Rounded flat icon of two horizontal toggle buttons, with circular knobs right and left. Used for toggle controls and settings

Rounded gradient icon of two pill toggles with white knobs at opposite ends. Used for toggle controls and settings.

The Horizontal Toggle Button icon shows two rounded pill-shaped toggles with white circular knobs positioned at opposite ends. Drawn in the gradient style on a 14px grid, it uses smooth filled curves for compact interface controls. Use it for settings panels, feature switches, preferences, filters, and on/off states. It belongs to Flex Gradient set in the Flex family.

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.</p>

Flex Gradient

<p>Flex is a fluid icon family inspired by nature’s curves. It favors smooth, flowing forms. More organic than Core and subtler than the chunky Plump. Read about the <a href="https://blog.streamlinehq.com/flex/" rel="noopener noreferrer" target="_blank">design process</a>.</p>

Horizontal Toggle Button is a gradient-style Icon from Flex Gradient set.