Aquí te proporciono el código HTML, CSS y JavaScript que puedes utilizar para crear un CSS Theme Switcher en Blogger con Browser Local Storage y los iconos SVG en cada lado del botón toggle:
HTML:
```
<div class="theme-switcher">
<svg class="theme-icon light-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.5a5.5 5.5 0 0 1 5.5 5.5c0 2.287-1.367 4.247-3.316 5.128L15.5 19h-7l1.316-2.372A6.482 6.482 0 0 1 6.5 12a6.5 6.5 0 0 1 6.5-6.5zm0-2A8.5 8.5 0 0 0 3.5 12a8.5 8.5 0 0 0 8.5 8.5 8.5 8.5 0 0 0 8.5-8.5A8.5 8.5 0 0 0 12 4.5z"></path></svg>
<label class="switch">
<input type="checkbox" id="theme-switch">
<span class="slider"></span>
</label>
<svg class="theme-icon dark-icon" viewBox="0 0 24 24"><path fill="currentColor" d="M12.52 16.193L11.431 17.27C8.187 14.359 6.014 10.264 6.014 6.528 6.014 2.926 8.86 0 12.484 0c2.72 0 5.236 1.477 6.594 3.854l-1.83 1.346c-1.03-1.958-3.09-3.269-4.764-3.269-2.868 0-5.2 2.46-5.2 5.498 0 3.038 2.332 5.408 5.2 5.408 1.543 0 3.3-.761 4.032-2.437h-6.195V6H18.47v7.193c0 2.336-1.581 3.9-3.443 3.9-1.97 0-3.392-1.372-3.507-3.9h-.004z"></path></svg>
</div>
```
CSS:
```
.theme-switcher {
display: flex;
align-items: center;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
margin: 0 10px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #0f0;
}
input:focus + .slider {
box-shadow: 0 0 1px #0f0;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.light-icon {
fill: #fff;
margin-right: 5px;
}
.dark-icon {
fill: #000;
margin-left: 5px;
}
```
JavaScript:
```
<script>
var theme_switch = document.getElementById('theme-switch');
if (localStorage.getItem('theme') == 'dark') {
document.documentElement.setAttribute('data-theme', 'dark');
theme_switch.checked = true;
}
theme_switch.addEventListener('change', function() {
var theme = 'light';
if (this.checked) {
theme = 'dark';
}
localStorage.setItem('theme', theme);
document.documentElement.setAttribute('data-theme', theme);
});
</script>
```
Asegúrate de insertar el código HTML en el lugar donde desees que aparezca el botón del Theme Switcher en tu sitio web de Blogger, y de agregar el código CSS y JavaScript en la sección `<style>` y `<script>` respectivamente de la plantilla de tu blog. Con este código, tus usuarios podrán cambiar el theme de tu sitio web de una manera sencilla y el navegador local almacenará sus preferencias.
