Icon

Gemini UI ships with all of the icons from iconoir.

Usage Considerations

Although it is convenient to import all icons from the @gemini-ui-astro/components/icons package, this may lead to performance issues. It is recommended to import only the icons that are needed in the application.

For example, to import the emoji-satisfied icon:

---
// Do this
import EmojiSatisfiedRegular from "@gemini-ui-astro/components/icons/regular/EmojiSatisfiedRegular";

// Instead of this
// import { EmojiSatisfiedRegular } from "@gemini-ui-astro/components/icons";
---

<EmojiSatisfiedRegular size="8" />

Component

Basic Usage

---
import EmojiSatisfiedRegular from "@gemini-ui-astro/components/icons/regular/EmojiSatisfiedRegular";
---

<EmojiSatisfiedRegular />

Props

Icon components have the following props, in addition to all the props available in the HTML Attributes specification.

Name	Type	Default	Description
size	SizeProp	inherit	The size of the icon.
class	string	-	Override or extend the styles applied to the component.