diff --git a/lib/octicons_react/src/index.d.ts b/lib/octicons_react/src/index.d.ts
index 790a54c5e..6b5c17956 100644
--- a/lib/octicons_react/src/index.d.ts
+++ b/lib/octicons_react/src/index.d.ts
@@ -6,6 +6,7 @@ type Size = 'small' | 'medium' | 'large'
 export interface OcticonProps {
   ariaLabel?: string
   children?: React.ReactElement<any>
+  className?: string
   height?: number
   icon: Icon
   size?: number | Size
diff --git a/lib/octicons_react/ts-tests/index.tsx b/lib/octicons_react/ts-tests/index.tsx
index 15fc3043d..a112f7e79 100644
--- a/lib/octicons_react/ts-tests/index.tsx
+++ b/lib/octicons_react/ts-tests/index.tsx
@@ -49,6 +49,12 @@ function VerticalAlign() {
   )
 }
 
+function WithClassName() {
+  return (
+    <Octicon icon={Repo} className="awesomeClassName" />
+  )
+}
+
 const CirclesIcon = createIcon(
   () => {
     return (