font-awesome-forms.scss

// Font-Awesome form controls
input[type="checkbox"],
input[type="radio"] {
    visibility: hidden;
}

input[type="checkbox"] + label,
label + input[type="checkbox"] {
    @extend .icon;
    cursor: pointer;
    &:before {
        content: "\f096";
    }
}

input[type="checkbox"]:checked + label,
label + input[type="checkbox"]:checked {
    cursor: pointer;
    &:before {
        content: "\f046";
    }
}

input[type="radio"] + label,
label + input[type="radio"] {
    cursor: pointer;
    @extend .icon;
    &:before {
        content: "\f10c";
    }
}

input[type="radio"]:checked + label,
label + input[type="radio"]:checked {
    cursor: pointer;
    &:before {
        content: "\f192";
    }
}