---
title: "Icon Button"
canonical: https://sky-ui.cf.sky.com/components/icon-button
---

# Icon Button

The Icon Button provides a clickable container for a Skycon.

## Purpose

The Icon Button provides a clickable container for a [Skycon](/skycons/), and helps users take supplementary actions. The Icon Button is used to display an action in a compact layout.

## Anatomy

The Icon Button component can be broken down into the following elements -

## Variants & States

- Appearance: Default, Light
- Variants: Solid, Minimal
- States: Default, Hover, Focus, Disabled
- Size: Small, Medium, Large