予約表（大）

<!-- wp:table {"hasFixedLayout":true,"className":"is-style-st-centertable has-st-td-width has-st-td-width\u002d\u002d2 is-style-scroll-box","stTdWidth":"-2","stScrollable":true} -->
<figure class="wp-block-table is-style-st-centertable has-st-td-width has-st-td-width--2 is-style-scroll-box"><table class="has-fixed-layout"><thead><tr><th>時間</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th>土</th><th>日</th></tr></thead><tbody><tr><td>9:00 ～ 12:00</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-triangle" add_style="color:#66BB6A;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td></tr><tr><td>13:00 ～ 17:00</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td><td>[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td><td>[st-i class="st-svg-times" add_style="color:#EF5350;font-size:1.4em;"]</td></tr></tbody></table></figure>
<!-- /wp:table -->

よくある週間の表です。閲覧状況によっては横スクロールとなります。

各、アイコンはショートコードを使用しています。

[st-i class="st-svg-circle-o" add_style="color:#4FC3F7;font-size:1.4em;"]

add_style 属性のcolor:#4FC3F7; は色を、font-size:1.4em; は文字サイズを指定しています。

オリジナルアイコンリスト