const icon = el(
        Icon,
        {
            icon: el(
                SVG,
                {
                    width: 20,
                    height: 20,
                    viewBox: '0 0 576 512',
                },
                el(
                    Path,
                    {
                        d: 'long svg',
                    },
                ),
            ),
        },
    );
    
    const svg = el(
        SVG,
        {
            viewBox: '0 0 467.96 692.45',
            width: 24,
            height: 24,
        },
        el(
            Path,
            {
                d: 'another long svg',
            },
        ),
    );
    
    registerBlockType(
        metadata,
        'archer-tire-tracks',
        {
            icon,
            svg,
    
            edit: () => {
                return [
                    el(
                        'svg',
                        {
                            className: 'archer-tire-tracks',
                        },
                    ),
                ];
            },
    
            save: () => {
                return el(
                    'svg',
                    {
                        className: 'archer-tire-tracks',
                    },
                );
            },
        },
    );

I can't seem to get the icon to actually appear when trying to implement it within a block, also getting a "The editor has encountered an unexpected error." whenever trying to implement it. I've tried a nice bit but I just can't seem to figure it out. I'll take any help at all, thank you all. I have all the necessary imports and everything so that isn't an issue.