Product UI

CircleOcticon

Use CircleOcticon to render any Octicon with a circle background. CircleOcticons are most commonly used to represent the status of a pull request in the comment timeline.

React examples

Default

<CircleOcticon
  icon={CheckIcon}
  sx={{backgroundColor: 'success.emphasis', color: 'fg.onEmphasis'}}
  aria-label="Changes approved"
/>

<CircleOcticon
  icon={CheckIcon}
  sx={{backgroundColor: 'success.emphasis', color: 'fg.onEmphasis'}}
  aria-label="Changes approved"
/>

Props

Loading data for circle_octicon...