Gwecode.
Buttons

Round Icon Button

A circular button that holds a single inline SVG icon, ideal for compact actions like add or close.

live preview 
<button class="btnicon-btn" aria-label="Add item" title="Add">
  <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
    <line x1="12" y1="5" x2="12" y2="19"></line>
    <line x1="5" y1="12" x2="19" y2="12"></line>
  </svg>
</button>
.btnicon-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background-color: #3b82f6;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.15s ease;
}
.btnicon-btn:hover {
  background-color: #2f6fe0;
  transform: scale(1.08);
}
.btnicon-btn:active {
  transform: scale(0.94);
}