Skip to content

Demos

Logo with dynamic height

The height will be set based on the inherited font-size.

Code Editor
<span
  style={{
    fontSize: '6rem',
  }}
>
  <Logo />
</span>

Logo with dynamic height

The height will be set based on the parent, inherited height.

Code Editor
<span
  style={{
    height: '6rem',
  }}
>
  <Logo inheritSize />
</span>

Logo with fixed height

Code Editor
<Logo height="96" />

Logo and inherit color

The color will be set based on the parent, inherited color by using currentColor.

Code Editor
<span
  style={{
    color: 'tomato',
  }}
>
  <Logo height="96" inheritColor />
</span>