Success Alert

alerts

CSS

HTML

<div class="alert">
  <svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <circle cx="12" cy="12" r="10" />
    <path d="M9 12l2 2 4-4" />
  </svg>
  Operation completed successfully.
</div>

Live Preview

Alert message here

Edit the CSS on the left to see live changes. The styles are scoped to the preview area.