1 files changed, 20 insertions, 0 deletions

diff --git a/src/ui/objects/Icon.tsx b/src/ui/objects/Icon.tsx
new file mode 100644
index 0000000..e8af718
--- /dev/null
+++ b/src/ui/objects/Icon.tsx
@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from "corvos/plugins/jsx.ts";
+
+import site from "@/corvos.config.ts";
+
+export type Props = HTMLAttributes<"svg"> & {
+        icon: Parameters<typeof site.$.icon>[0];
+        variant?: Parameters<typeof site.$.icon>[1];
+};
+
+export const Icon = ({ icon, variant, class: cls, ...props }: Props) => (
+        <svg
+                aria-hidden="true"
+                class:list={["o-icon", cls]}
+                height="1.142857143em"
+                width="1.142857143em"
+                {...props}
+        >
+                <use href={site.$.icon(icon, variant)} />
+        </svg>
+);