Иконка состоит из двух элементов, что делать?
Нет, конечно. 
Это делается одним элементом.
Фон и скругления задаются в CSS

.icon {
display: block; /*или другой по обстоятельствам*/
width: 30px;
height: 30px;
border-radius: 10px;
background-color: blue; /*цвет фона*/
background-image: url(путь к картинке);
background-position: center;
background-repeat: no-repeat;
background-size: нужный-размер;
}

Если картинке нужно менять цвет при разных состояниях, то её вставляют как инлайн SVG (желательно спрайтом).
Да просто оберните в div. Фон и уголки иконки — это стили слоя, а внутри одна белая свгшка.