# Default

Pass Bootstrap icon name without .svg extension.

<x-icon name="1-circle"></x-icon>

---

# Customize

Pass any additional attributes like width and height , or add additional class or override class.

<x-icon name="1-circle" width="24" height="24"></x-icon>
<x-icon name="1-circle" class="my-icon"></x-icon>
<x-icon name="1-circle" override:class="bi bi-1-circle-fill my-icon"></x-icon>