Radio Button Selected Icon SVG
Radio Button Selected
Radio button selected SVG Icon Code | Customize color
You can get svg icon radio button selected in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeRadio button selected
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="radioSelectedIconTitle"> <title id="radioSelectedIconTitle">Radio button (selected)</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z"/> </svg> Radio button selected
DownloadSvg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="radioSelectedIconTitle"> <title id="radioSelectedIconTitle">Radio button (selected)</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z" fill="white"></path> </svg> Radio button selected
DownloadSvg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="radioSelectedIconTitle"> <title id="radioSelectedIconTitle">Radio button (selected)</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z" fill="red"></path> </svg> Radio button selected
DownloadSvg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="radioSelectedIconTitle"> <title id="radioSelectedIconTitle">Radio button (selected)</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z" fill="blue"></path> </svg> Radio button selected
DownloadSvg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="radioSelectedIconTitle"> <title id="radioSelectedIconTitle">Radio button (selected)</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit radio button selected as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements