Как получить галочку с помощью CSS?

Question

Я пытаюсь добавить галочку в моем приложении. В настоящее время мой фон black. Не могли бы вы сказать мне, как добавить outline tick

это код https://jsbin.com/cilocakedu/edit?html,css,output

.img {
  width: 200px;
  opacity: 0.5
}

.image-container {
  position: relative;
  text-align: center;
}

.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5rem;
  transform: translate(-50%, -50%);
}

Answer 1

Похоже, вы ищете флажок, который прозрачен, но с черным контуром.Вы можете попробовать добавить это в ваш класс .icon:

color: transparent;
-webkit-text-stroke: 2px black;

Обратите внимание, что -webkit-text-stroke работает в большинстве современных браузеров:

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke#Browser_compatibility