2 ответа
div {
padding: 20px;
border-radius: 60% 10px 30% 10px;
background-color: gray;
width:140px;
}
img {
border-radius: 60% 10px 30% 10px;
margin-left: 10px;
}
<div>
<img src='...' alt=''>
</div>
поиграйтесь с margin и padding и углами закругления и получите любую форму.
div {
width: 150px;
height: 150px;
background: #ff355c;
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
color: #fff;
border-radius: 75% 10% 35% 15%;
}
<div> :) </div>