<CircleOutlinedIcon sx={{ color: 'gray', mr: 1, border: '2px dotted gray', // 点線の枠を追加 borderRadius: '50%', // 丸い枠にするためにボーダーを円形に padding: '2px', // 枠をアイコンから少し離す }} />
<CircleOutlinedIcon sx={{ color: 'gray', mr: 1, border: '2px dotted gray', // 点線の枠を追加 borderRadius: '50%', // 丸い枠にするためにボーダーを円形に padding: '2px', // 枠をアイコンから少し離す }} />