Radio Button Fill Icon SVG
Radio Button Fill
Radio button fill SVG Icon Code | Customize color You can get svg icon radio button fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Radio button fill
Svg Code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="none" d="M0 0h24v24H0z" /> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" /> </g> </svg>
Radio button fill
Svg Code <svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="white" d="M0 0h24v24H0z" ></path> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" fill="white" ></path> </g> </svg>
Radio button fill
Svg Code <svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="red" d="M0 0h24v24H0z" ></path> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" fill="red" ></path> </g> </svg>
Radio button fill
Svg Code <svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="blue" d="M0 0h24v24H0z" ></path> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" fill="blue" ></path> </g> </svg>
Radio button fill
Svg Code <svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="#f3da35" d="M0 0h24v24H0z" ></path> <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" fill="#f3da35" ></path> </g> </svg>
Advance Editor You can edit radio button fill as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize