<?xml version="1.0" encoding="utf-8"?>

Radio button icon

Radio button icon Bad Practice
Radio button icon Best Practice

Radio button icons are round, based on the physical buttons on early radios. They’re outlined circles with a dot or solid circle inside to show the selected option.

As with checkboxes, it’s important to stick to this standard design for radio buttons to prevent confusion among your users.

Improve your UX & Product skills with interactive courses that actually work