message: CircleOcticon docs
diff: # CircleOcticon
  +## Default example
  +
  ```.jsx
  -<FlexContainer>
  - <CircleOcticon icon={Check} size={32} bg="green.5" color="white" mr={2} />
  - <CircleOcticon icon={Zap} size={48} bg="blue.5" color="white" mr={2} />
  - <CircleOcticon icon={X} size={64} bg="red.5" color="white" mr={2} />
  -</FlexContainer>
  + <CircleOcticon icon={Check} size={32} bg="green.5" color="white"/>
  ```
  +
  +## System props
  +
  +CircleOcticon components get `COMMON` system props. Read our [System Props](/system-props) doc page for a full list of available props.
  +
  +## Component props
  +
  +| Prop name | Type | Description |
  +| :- | :- | :- |
  +| icon | Octicon | Octicon component used in the component |
  +| size | Number | used to set the width and height of the component |
  +
  +
  export const meta = {displayName: 'CircleOcticon'}
  