diff --git a/src/components/ui/button/button.module.scss b/src/components/ui/button/button.module.scss
index 99309a5..fb83fff 100644
--- a/src/components/ui/button/button.module.scss
+++ b/src/components/ui/button/button.module.scss
@@ -100,3 +100,12 @@
   color: var(--color-accent-500);
   text-decoration-line: underline;
 }
+
+.icon {
+  all: unset;
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/src/components/ui/button/button.tsx b/src/components/ui/button/button.tsx
index 3e703e0..9468058 100644
--- a/src/components/ui/button/button.tsx
+++ b/src/components/ui/button/button.tsx
@@ -5,7 +5,7 @@ import s from './button.module.scss'
 export type ButtonProps<T extends ElementType = 'button'> = {
   as?: T
   children: ReactNode
-  variant?: 'primary' | 'secondary' | 'tertiary' | 'link'
+  variant?: 'primary' | 'secondary' | 'tertiary' | 'link' | 'icon'
   fullWidth?: boolean
   className?: string
 } & ComponentPropsWithoutRef<T>