Switch Themes Icon SVG
Switch Themes
Switch themes SVG Icon Code | Customize color
You can get svg icon switch themes in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSwitch themes
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23 4V27H43.9933L44 4H23Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.0049 43.9998C24.6752 43.9998 20.5595 43.9998 18.6579 43.9998C16.9557 43.9998 14.9159 43.4318 13.5475 41.6126C12.6229 40.3832 12.0049 38.5826 12.0049 35.9998C12.0049 31.7298 12.0049 28.063 12.0049 24.9995" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M4 32.9998L12.0046 24.9995L20.0138 32.9998" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 19H37" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M30 12H37" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Switch themes
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M23 4V27H43.9933L44 4H23Z" fill="white" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M31.0049 43.9998C24.6752 43.9998 20.5595 43.9998 18.6579 43.9998C16.9557 43.9998 14.9159 43.4318 13.5475 41.6126C12.6229 40.3832 12.0049 38.5826 12.0049 35.9998C12.0049 31.7298 12.0049 28.063 12.0049 24.9995" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M4 32.9998L12.0046 24.9995L20.0138 32.9998" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M30 19H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M30 12H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg> Switch themes
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M23 4V27H43.9933L44 4H23Z" fill="red" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M31.0049 43.9998C24.6752 43.9998 20.5595 43.9998 18.6579 43.9998C16.9557 43.9998 14.9159 43.4318 13.5475 41.6126C12.6229 40.3832 12.0049 38.5826 12.0049 35.9998C12.0049 31.7298 12.0049 28.063 12.0049 24.9995" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M4 32.9998L12.0046 24.9995L20.0138 32.9998" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M30 19H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M30 12H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg> Switch themes
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M23 4V27H43.9933L44 4H23Z" fill="blue" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M31.0049 43.9998C24.6752 43.9998 20.5595 43.9998 18.6579 43.9998C16.9557 43.9998 14.9159 43.4318 13.5475 41.6126C12.6229 40.3832 12.0049 38.5826 12.0049 35.9998C12.0049 31.7298 12.0049 28.063 12.0049 24.9995" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M4 32.9998L12.0046 24.9995L20.0138 32.9998" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M30 19H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M30 12H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg> Switch themes
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M23 4V27H43.9933L44 4H23Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M31.0049 43.9998C24.6752 43.9998 20.5595 43.9998 18.6579 43.9998C16.9557 43.9998 14.9159 43.4318 13.5475 41.6126C12.6229 40.3832 12.0049 38.5826 12.0049 35.9998C12.0049 31.7298 12.0049 28.063 12.0049 24.9995" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M4 32.9998L12.0046 24.9995L20.0138 32.9998" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M30 19H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M30 12H37" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg> Advance Editor
You can edit switch themes as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements