Components · Icon button · Use

Icon button

Choose a configuration and copy the result.

State

Markup

<script lang="ts">
	import SearchIcon from '@lucide/svelte/icons/search';
</script>

<button type="button" class="icon-button-root icon-button-filled" aria-label="Search">
	<SearchIcon class="icon-button-icon" aria-hidden="true" />
</button>