<label class="text-checkbox">
  <input type="checkbox" name="one">
  <span class="checked" aria-hidden="true">[⭕]</span>
  <span class="unchecked" aria-hidden="true">[❌]</span>
  <span class="label">hoge</span>
</label>
<label class="text-checkbox">
  <input type="checkbox" name="two">
  <span class="checked" aria-hidden="true">[✔]</span>
  <span class="unchecked" aria-hidden="true">[　]</span>
  <span class="label">fuga</span>
</label>
<label class="text-checkbox">
  <input type="checkbox" name="three">
  <span class="checked" aria-hidden="true">[🍉]</span>
  <span class="unchecked" aria-hidden="true">[　]</span>
  <span class="label">piyo</span>
</label>

.text-checkbox {
  display: block;
}
.text-checkbox input {
  display: none;
}
.text-checkbox span {
  font-family: monospace;
}
.text-checkbox .checked {
  display: none;
}
.text-checkbox :checked ~ .checked {
  display: inline-block;
}
.text-checkbox :checked ~ .unchecked {
  display: none;
}