Logo

Our vibrant logo comes with wild animations when hovering.

import { Logo } from '@marvelapp/ui';

Example

<Logo fill="marvel" />

Props

Prop

Type

Default

backgroundColor

array

string

number

–

bg

array

string

number

–

color

array

string

number

–

display

array

string

number

–

fill

array

string

number

currentColor

hasAnimation

boolean

true

height

array

string

number

–

hoverFill

array

string

number

currentColor

m

array

string

number

–

margin

array

string

number

–

marginBottom

array

string

number

–

marginLeft

array

string

number

–

marginRight

array

string

number

–

marginTop

array

string

number

–

marginX

array

string

number

–

marginY

array

string

number

–

maxHeight

array

string

number

–

maxWidth

array

string

number

–

mb

array

string

number

–

minHeight

array

string

number

–

minWidth

array

string

number

–

ml

array

string

number

–

mr

array

string

number

–

mt

array

string

number

–

mx

array

string

number

–

my

array

string

number

–

opacity

array

string

number

–

overflow

array

string

number

–

p

array

string

number

–

padding

array

string

number

–

paddingBottom

array

string

number

–

paddingLeft

array

string

number

–

paddingRight

array

string

number

–

paddingTop

array

string

number

–

paddingX

array

string

number

–

paddingY

array

string

number

–

pb

array

string

number

–

pl

array

string

number

–

pr

array

string

number

–

pt

array

string

number

–

px

array

string

number

–

py

array

string

number

–

size

array

string

number

–

verticalAlign

array

string

number

–

width

array

string

number

–