Toggle Line Icon SVG

SVG icon Toggle line is given below. SVG icon code for Toggle line can be used in websites, apps (Android/IOS), ppt, and other projects. You can customize & download the Toggle line Icon SVG file (HMTL/CSS) in different colors and sizes. You can get Svg Toggle line vector icon code for common colors like- white, black, red, green, blue, transparent, and other colors.

Toggle line Icon Svg Code | Path | Download

Download free Toggle Line SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Toggle Line Icon SVG code in HTML/Css from below.

Toggle Line

Toggle line SVG Icon Code | Customize color

You can get svg icon toggle line in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Toggle line

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M8 7a5 5 0 1 0 0 10h8a5 5 0 0 0 0-10H8zm0-2h8a7 7 0 0 1 0 14H8A7 7 0 0 1 8 5zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/> </g> </svg>

Toggle line

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M8 7a5 5 0 1 0 0 10h8a5 5 0 0 0 0-10H8zm0-2h8a7 7 0 0 1 0 14H8A7 7 0 0 1 8 5zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/> </g> </svg>

Toggle line

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M8 7a5 5 0 1 0 0 10h8a5 5 0 0 0 0-10H8zm0-2h8a7 7 0 0 1 0 14H8A7 7 0 0 1 8 5zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/> </g> </svg>

Toggle line

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M8 7a5 5 0 1 0 0 10h8a5 5 0 0 0 0-10H8zm0-2h8a7 7 0 0 1 0 14H8A7 7 0 0 1 8 5zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/> </g> </svg>

Toggle line

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M8 7a5 5 0 1 0 0 10h8a5 5 0 0 0 0-10H8zm0-2h8a7 7 0 0 1 0 14H8A7 7 0 0 1 8 5zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/> </g> </svg>

Advance Editor

You can edit toggle line as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Related Icons

Toggle Line Icon SVG - Faq(s)?

⭐Can I get Free Toggle Line Icon SVG?

Yes, you can get free Toggle Line SVG icons.

⭐ How to download free Toggle Line Icon SVG code?

To download free Toggle Line icons in SVG code click on the copy code button.

⭐How to find the Toggle Line Icon SVG path file?

You can get the Toggle Line SVG file path from the above section.

⭐ What are the colors available for SVG Toggle Line Icon?

You can check the Toggle Line SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.