CSS:

1
2
3
4
5
6
7
8
9
.round_icon{
  width: 34px;
  height: 34px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

HTML:

1
<img src="images/what_ever.jpg" class="round_icon" />

参考：https://blog.csdn.net/s1674521/article/details/79731141