使用 HTML 和 CSS 创建 6 个图标（2 行和 2 行），旁边有两行文字

Question

我正在尝试创建 6 个图标，这些图标的一侧有两行文字。在继续下一行之前，每个图标应该排成一行 2。看到这张图片：https://imgur.com/a/AxW5aWb

下面是我最初的代码尝试，随后显示：文本上的内联块 CSS。

我的问题是：

1. 让右侧的文本分两行显示，同时与左侧的图标保持内联
2. 创建多个图标，其中两个同时落在一排

<div class="section">

<img src="/uploads/2023/02/Aargang.svg" class="ikon1" alt="Test">

<div class="ikontext">

Year<br>
<strong>2011</strong>

</div>

</div>