Предотвратить границу-радиус отключить икону SVG в CSS ⇐ Html

[Anonymous]

Я пытаюсь добавить значок SVG с серым фоном в круглой форме. Но проблема заключается в том, что применение границы-радиуса, чтобы сделать его круглым,-это обрезать нижнюю левую часть логотипа SVG. Я играл с прокладкой, но это не позволяет мне установить идеальный круг, не ставя под угрозу границы. src = "https://i.sstatic.net/drzw2.png"/>

Код: Выделить всё

.tik-tok-icon {
fill: hsla(0, 0%, 50%, 1);
padding: 5px 7px;
background: hsla(0, 0%, 20%, 1);
border-radius: 20px;
}
< /code>
Это требует как минимум 20px border-radius, чтобы получить форму круга. На этом изображении я удалил границу-радиус, и SVG не обрезается. /> < /p>
Мне нужно получить круглый фон без возникновения отсечения. Class = "Snippet-Code">
.tik-tok-icon {
fill: hsla(0, 0%, 50%, 1);
padding: 5px 7px;
background: hsla(0, 0%, 20%, 1);
border-radius: 40px;
padding: 10px 13px;
}

.icon {
height: 70px;
width: 70px;

}< /code>

Подробнее здесь: https://stackoverflow.com/questions/721 ... con-in-css