replace hard svg path string to mudblazor icons

Author: sikelio

src/Components/MudStaticRadio.razor

@@ -24,8 +24,7 @@
                      aria-hidden="true"
                      role="img"
                      id="@($"radio-svg-{_elementId}")">
-                    <path d="M0 0h24v24H0z" fill="none"></path>
-                    <path d="@(IsChecked ? Checked : UnChecked)"></path>
+                    @(new MarkupString(IsChecked ? Icons.Material.Filled.RadioButtonChecked : Icons.Material.Filled.RadioButtonUnchecked))
                 </svg>
             </span>
 
@@ -41,13 +40,12 @@
         const radio = document.getElementById('static-radio-@_elementId');
         const svg = document.getElementById('radio-svg-@_elementId');
 
+        const checkedIcon = '@(Icons.Material.Filled.RadioButtonChecked)';
+        const uncheckedIcon = '@(Icons.Material.Filled.RadioButtonUnchecked)';
+
         if (radio && svg) {
             const handleChange = () => {
-                const path = svg.querySelector('path:last-child');
-
-                if (path) {
-                    path.setAttribute('d', radio.checked ? '@Checked' : '@UnChecked');
-                }
+                svg.innerHTML = radio.checked ? checkedIcon : uncheckedIcon;
             };
 
             radio.addEventListener('change', handleChange);
@@ -79,6 +77,8 @@
             throw new InvalidOperationException($"{nameof(MudStaticRadio<T>)} must be used inside a {nameof(MudStaticRadioGroup<T>)}");
         }
 
+        var test = Icons.Material.Filled.RadioButtonChecked;
+
         base.OnInitialized();
     }