Here you have an example styling checkboxes and radios using Font Awesome 5 free[
/*General style*/_x000D_
.custom-checkbox label, .custom-radio label {_x000D_
position: relative;_x000D_
cursor: pointer;_x000D_
color: #666;_x000D_
font-size: 30px;_x000D_
}_x000D_
.custom-checkbox input[type="checkbox"] ,.custom-radio input[type="radio"] {_x000D_
position: absolute;_x000D_
right: 9000px;_x000D_
}_x000D_
/*Custom checkboxes style*/_x000D_
.custom-checkbox input[type="checkbox"]+.label-text:before {_x000D_
content: "\f0c8";_x000D_
font-family: "Font Awesome 5 Pro";_x000D_
speak: none;_x000D_
font-style: normal;_x000D_
font-weight: normal;_x000D_
font-variant: normal;_x000D_
text-transform: none;_x000D_
line-height: 1;_x000D_
-webkit-font-smoothing: antialiased;_x000D_
width: 1em;_x000D_
display: inline-block;_x000D_
margin-right: 5px;_x000D_
}_x000D_
.custom-checkbox input[type="checkbox"]:checked+.label-text:before {_x000D_
content: "\f14a";_x000D_
color: #2980b9;_x000D_
animation: effect 250ms ease-in;_x000D_
}_x000D_
.custom-checkbox input[type="checkbox"]:disabled+.label-text {_x000D_
color: #aaa;_x000D_
}_x000D_
.custom-checkbox input[type="checkbox"]:disabled+.label-text:before {_x000D_
content: "\f0c8";_x000D_
color: #ccc;_x000D_
}_x000D_
_x000D_
/*Custom checkboxes style*/_x000D_
.custom-radio input[type="radio"]+.label-text:before {_x000D_
content: "\f111";_x000D_
font-family: "Font Awesome 5 Pro";_x000D_
speak: none;_x000D_
font-style: normal;_x000D_
font-weight: normal;_x000D_
font-variant: normal;_x000D_
text-transform: none;_x000D_
line-height: 1;_x000D_
-webkit-font-smoothing: antialiased;_x000D_
width: 1em;_x000D_
display: inline-block;_x000D_
margin-right: 5px;_x000D_
}_x000D_
_x000D_
.custom-radio input[type="radio"]:checked+.label-text:before {_x000D_
content: "\f192";_x000D_
color: #8e44ad;_x000D_
animation: effect 250ms ease-in;_x000D_
}_x000D_
_x000D_
.custom-radio input[type="radio"]:disabled+.label-text {_x000D_
color: #aaa;_x000D_
}_x000D_
_x000D_
.custom-radio input[type="radio"]:disabled+.label-text:before {_x000D_
content: "\f111";_x000D_
color: #ccc;_x000D_
}_x000D_
_x000D_
@keyframes effect {_x000D_
0% {_x000D_
transform: scale(0);_x000D_
}_x000D_
25% {_x000D_
transform: scale(1.3);_x000D_
}_x000D_
75% {_x000D_
transform: scale(1.4);_x000D_
}_x000D_
100% {_x000D_
transform: scale(1);_x000D_
}_x000D_
}
_x000D_
<script src="https://kit.fontawesome.com/2a10ab39d6.js"></script>_x000D_
<div class="col-md-4">_x000D_
<form>_x000D_
<h2>1. Customs Checkboxes</h2>_x000D_
<div class="custom-checkbox">_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="checkbox" name="check" checked> <span class="label-text">Option 01</span>_x000D_
</label>_x000D_
</div>_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="checkbox" name="check"> <span class="label-text">Option 02</span>_x000D_
</label>_x000D_
</div>_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="checkbox" name="check"> <span class="label-text">Option 03</span>_x000D_
</label>_x000D_
</div>_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="checkbox" name="check" disabled> <span class="label-text">Option 04</span>_x000D_
</label>_x000D_
</div>_x000D_
</div>_x000D_
</form>_x000D_
</div>_x000D_
<div class="col-md-4">_x000D_
<form>_x000D_
<h2>2. Customs Radios</h2>_x000D_
<div class="custom-radio">_x000D_
_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="radio" name="radio" checked> <span class="label-text">Option 01</span>_x000D_
</label>_x000D_
</div>_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="radio" name="radio"> <span class="label-text">Option 02</span>_x000D_
</label>_x000D_
</div>_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="radio" name="radio"> <span class="label-text">Option 03</span>_x000D_
</label>_x000D_
</div>_x000D_
<div class="form-check">_x000D_
<label>_x000D_
<input type="radio" name="radio" disabled> <span class="label-text">Option 04</span>_x000D_
</label>_x000D_
</div>_x000D_
</div>_x000D_
</form>_x000D_
</div>
_x000D_