svg {
  width: 3cm;
  height: 3cm;
  fill: #2046E5; /* Couleur de l'icône */
}

.icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3cm;
  height: 3cm;
  border: 2px solid #2046E5; 
  border-radius: 50%;
  background-color: #FFFFFF; /* Fond blanc */
}

-------------------HTML-----------------------------------------

<div class="icon-circle">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <!-- Contenu de votre SVG -->
    <path d="M12 2C8.13 2 5 5.13 5 9c0 3.87 3.13 7 7 7s7-3.13 7-7c0-3.87-3.13-7-7-7zm0 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/>
  </svg>
</div>