gutenberg-blocks - 添加自定义古腾堡块图标

Question

我添加了一个用于添加简码的静态块。我不想使用破折号作为块图标，而是想使用插件“图像”文件夹中已经存在的自定义图标。请任何人帮助我使用 .svg 图像作为块图标。以下是我迄今为止尝试添加自定义图标的代码

( function() {
var __ = wp.i18n.__;
var createElement = wp.element.createElement;
var registerBlockTypeMainPage = wp.blocks.registerBlockType;
const iconEl = el('svg', { width: 20, height: 20 },
    el('path', { d: "M8.54,4.68V8h3.23v.58H8.54v3.28H8V8.55H4.74V8H8V4.68Z,M26.48,5.93,24.15,8.26l2.28,2.28L26,11,23.74,8.66,21.42,11,21,10.58l2.33-2.32L21.05,6l.41-.41,2.28,2.28,2.33-2.33Z,M11.26,23.45V24h-6v-.59Z,M27.25,22.36v.58h-7v-.58Zm0,2.19v.57h-7v-.57Z" } )
);

registerBlockTypeMainPage(
    'mdlr/static-block',
    {
        title: __( 'Test block' ),
        icon: iconEl,
        category: 'widgets',

        edit: function( props ) {
            return createElement(
                'p',
                {
                    className: props.className,
                },
                '[test-block]'
            );
        },

        save: function( props ) {
            return createElement(
                'p',
                {
                    className: props.className,
                },
                '[test-block]'
            );
        },
    }
);
})();