JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="menu-input-icone">
    <li><input type="radio" value="icône idée" checked="checked" id="icone-idee" name="icone" /><span class="icon icon-iconeidee" title="icône idée"></span></li>
		<li><input type="radio" value="icône question" id="icone-question" name="icone" /><span class="icon icon-iconequestion" title="icône question"></span></li>
		<li><input type="radio" value="icône jaime" id="icone-jaime" name="icone" /><span class="icon icon-iconejaime" title="icone j'aime"></span></li>
	</ol>

CSS

.icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: solid 1px red;
}

input[type="radio"]:checked ~ .icon {
  border-color: green;
}