ContextQMD
Back to Remotion

Heart

packages/docs/docs/shapes/heart.mdx

4.0.471705 B
Original Source

import {ShapeSeeAlso, ShapeOptions} from '../../components/shapes/shapes-info';

available from v4.0.315

Renders an SVG element containing a heart.

Explorer

<Demo type="heart" />

Example

tsx
import {Heart} from '@remotion/shapes';
import {AbsoluteFill} from 'remotion';

export const MyComposition = () => {
  return (
    <AbsoluteFill
      style={{
        backgroundColor: 'white',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      <Heart height={100} fill="red" stroke="black" strokeWidth={2} />
    </AbsoluteFill>
  );
};

Props

<ShapeOptions shape="heart" all />

See also

<ShapeSeeAlso shape="heart" />