User Switch Light Icon SVG

User Switch Light


User switch light SVG Icon Code | Customize color

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

User switch light

Download

Svg Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="128" cy="120" r="40" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M63.8,199.4a72,72,0,0,1,128.4,0" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><polyline points="200 128 224 152 248 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><polyline points="8 128 32 104 56 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M224,152V128A96,96,0,0,0,47.3,75.9" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M32,104v24a96,96,0,0,0,176.7,52.1" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></svg>

User switch light

Download

Svg Code

<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><circle cx="128" cy="120" r="40" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></circle><path d="M63.8,199.4a72,72,0,0,1,128.4,0" fill="white" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><polyline points="200 128 224 152 248 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><polyline points="8 128 32 104 56 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><path d="M224,152V128A96,96,0,0,0,47.3,75.9" fill="white" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><path d="M32,104v24a96,96,0,0,0,176.7,52.1" fill="white" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg>

User switch light

Download

Svg Code

<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><circle cx="128" cy="120" r="40" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></circle><path d="M63.8,199.4a72,72,0,0,1,128.4,0" fill="red" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><polyline points="200 128 224 152 248 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><polyline points="8 128 32 104 56 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><path d="M224,152V128A96,96,0,0,0,47.3,75.9" fill="red" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><path d="M32,104v24a96,96,0,0,0,176.7,52.1" fill="red" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg>

User switch light

Download

Svg Code

<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><circle cx="128" cy="120" r="40" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></circle><path d="M63.8,199.4a72,72,0,0,1,128.4,0" fill="blue" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><polyline points="200 128 224 152 248 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><polyline points="8 128 32 104 56 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><path d="M224,152V128A96,96,0,0,0,47.3,75.9" fill="blue" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><path d="M32,104v24a96,96,0,0,0,176.7,52.1" fill="blue" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg>

User switch light

Download

Svg Code

<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><circle cx="128" cy="120" r="40" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></circle><path d="M63.8,199.4a72,72,0,0,1,128.4,0" fill="#f3da35" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><polyline points="200 128 224 152 248 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><polyline points="8 128 32 104 56 128" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polyline><path d="M224,152V128A96,96,0,0,0,47.3,75.9" fill="#f3da35" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path><path d="M32,104v24a96,96,0,0,0,176.7,52.1" fill="#f3da35" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg>


Advance Editor

You can edit user switch light as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements





Advertisements

You may like these icons


Looking For More Icons?