how to use font awesome icon as radio and checkbox button

I want to use a font awesome icon as radio button and checkbox. Which means I want to replace the radio button and checkbox by respective font awesome icon. And it should do the functionality while clicking on the icon. My code is given below. Plz tell if I did any mistake

<input type="radio" name="option" id="radio2" />     
     <label for="radio2">
            <i class="fa fa-compress"></i>
        Mujer
    </label><br />