When using custom SVG icons via icon_dir, the dropdown displays options as:
analytics-01-stroke-rounded"> [icon] analytics-01-stroke-rounded
instead of:
[icon] analytics-01-stroke-rounded
Field config:
'type' => 'icon',
'icon_dir' => 'wp-content/uploads/icons/',
Sample SVG:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#000000" fill="none">
<path d="M7 17L7 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M12 17L12 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M17 17L17 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
<path d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
</svg>