Skip to content



A TwitterIcon is a square inline element.


The default size is 32 pixels:

Use the size prop to set a custom size:

The size prop can also take an array to make the icon's size responsive:

Use the title prop to set a title that appears when hovering over the icon:

Follow us on Twitter

Since TwitterIcon is an inline element, it uses the text color of its parent element:

System props

TwitterIcon supports space props and color props from Styled System.

Component props

sizeNumberyes32Size in pixels of the square within which the icon is rendered.
titleStringnoOptional hover title.


This component does not support variants.

Edit this page on GitHub
1 contributormaiertech
Last edited by maiertech on July 8, 2020