Skip to content


StyledOcticon renders an Octicon with common system props, including color, margin, and padding.

Default example

System props

System props are deprecated in all components except Box. Please use the sx prop instead.

StyledOcticon components get COMMON system props. Read our System Props doc page for a full list of available props.

Component props

StyledOcticon passes all of its props except the common system props down to the Octicon component, including:

ariaLabelStringSpecifies the aria-label attribute, which is read verbatim by screen readers
iconComponentOcticon component used in the component
sizeNumber16Sets the uniform width and height of the SVG element
verticalAlignStringtext-bottomSets the vertical-align CSS property
Edit this page on GitHub
3 contributorsVanAndersonemplumssmockle
Last edited by VanAnderson on July 22, 2021