Как изменить/отредактировать дизайн загрузочного коммутатора?

#css #bootstrap-4 #toggle #bootstrap-switch

Вопрос:

Я пытаюсь изменить стандартный дизайн переключателя начальной загрузки, я пробовал разные способы, например, размер можно регулировать и все такое, но мне трудно добавлять значки, например, когда он не переключен, он должен показывать значок креста (X), а при переключении он должен отмечаться значком ().

Любая помощь будет признательна.

вот стандартный код начальной загрузки

 <div class="custom-control custom-switch">
  <input type="checkbox" class="custom-control-input" id="customSwitch1">
  <label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
</div>
<div class="custom-control custom-switch">
  <input type="checkbox" class="custom-control-input" disabled id="customSwitch2">
  <label class="custom-control-label" for="customSwitch2">Disabled switch element</label>
</div>