ACF Blocks - custom SVG icon

acf-blocks.php

<?php

// Example: icon with SVG code.
acf_register_block_type( array(
    'name'            => 'image-with-text',
    'title'           => __('Image with Text'),
    'description'     => __('A custom block for Image with Text.'),
    'render_template' => 'template-parts/blocks/image-with-text.php',
    'icon'            => '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z" /><path d="M19 13H5v-2h14v2z" /></svg>',
    'category'        => 'ap-blocks',
    'keywords'        => array( 'text, image, image with' ),
));


// Example: icon from SVG file.
acf_register_block_type( array(
    'name'            => 'image-with-text',
    'title'           => __('Image with Text'),
    'description'     => __('A custom block for Image with Text.'),
    'render_template' => 'template-parts/blocks/image-with-text.php',
    'icon'            => file_get_contents( get_template_directory() . '/images/svgs/image-with-text.svg' ),
    'category'        => 'ap-blocks',
    'keywords'        => array( 'text, image, image with' ),
));