アイコン画像付きカテゴリごとの記事の一覧表示

トップページに
カテゴリアイコン、カテゴリ名と
そのカテゴリに属するすべての記事を羅列しようと
下記を参考に作成してみましたが
アイコン画像が表示されません。
どこに誤りがあるか教えていただけますと幸いです。
よろしくお願いいたします。

https://ja.wordpress.org/support/topic/%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%81%94%e3%81%a8%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e7%be%85%e5%88%97/

https://note.spiqa.design/custom_field_category/

<?php
	$categories = get_categories();
	
	foreach($categories as $category) :
		$cat = get_the_category($category->ID);
		$cat_id = $cat[0]->cat_ID;
		$cat_name = $cat[0]->cat_name;
	echo '<section><img src="' . the_field('icon','category_'.$cat_id) . '" alt="">' . $category->cat_name . '
<div><ul>';
	query_posts('showposts=-1&cat=' . $category->cat_ID);
		while(have_posts()) :
		the_post();
		echo '<li><a href="' . get_the_permalink() . '">'. get_the_title() . '</a></li>';
		endwhile;
	wp_reset_query();
	echo '</ul></div></section>';
	endforeach; 
	?>