Как через css сделать такой белый фон у картинки?

Question

[Максим Рыбка]

Есть изображение,которое в этом белом круге,как сделать этот самый белый круг позади картинки(как сделать круг понятно,не понятно,как написать сам этот белый "блок")

Answer 1

[Beliyadm]

Элементарно, Ватсон
jsfiddle.net/beliyadm/oa7tecyu

Answer 2

[Алексей Джо]

https://jsfiddle.net/1eczfw7j/2/

<div class="combined-background">
  <div class="combined-background__inner">
  
  </div>
</div>

.combined-background {
  width: 100px;
  height: 100px;
  background-color: #81d9ff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.combined-background__inner{
  width: 50px;
  height: 50px;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/1200px-How_to_use_icon.svg.png"), linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: 60% 60%, 100% 100%;
  background-repeat: no-repeat;
  border-radius: 100%;
  background-position: center center;
}