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

readyNot reviewed for a11y

Storybook|Source

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

CircleOcticon

Name	Required	Description
icon		`Octicon`
size		`number` Set the width and height of the icon in pixels.
sx		`SystemStyleObject`