feat: add experimental icon component

.changeset/calm-berries-lick.md

@@ -0,0 +1,5 @@
+---
+"@badrap/libapp": patch
+---
+
+Add experimental icon component

src/ui/experimental/Icon.ts

@@ -0,0 +1,12 @@
+import { Responsive, UiNode, element } from "../internal.js";
+
+type IconProps = {
+  name: string;
+  filled?: boolean;
+  size?: Responsive<"xs" | "sm" | "md">;
+  color?: "base" | "gray" | "orange" | "red" | "green" | "blue";
+};
+
+export function Icon(props: IconProps): UiNode {
+  return element("ui-icon", props);
+}

src/ui/experimental/index.ts

@@ -9,6 +9,7 @@ export { DownloadButton } from "./DownloadButton.js";
 export { Flex } from "./Flex.js";
 export { Form } from "./Form.js";
 export { HiddenInput } from "./HiddenInput.js";
+export { Icon } from "./Icon.js";
 export { Link } from "./Link.js";
 export { List } from "./List.js";
 export { Redirect } from "./Redirect.js";