.bell[data-bool='True']::before {
  content: '\F18A';
  font-family: 'bootstrap-icons';
  padding-right: 0.3em;
}

.bell[data-bool='False']::before {
  content: '\F631';
  font-family: 'bootstrap-icons';
  padding-right: 0.3em;
}