アイコン
メモ：
すべての Web サイトにアイコンがあるわけではないほとんどの場合、作成者向けのアイコンを参照する簡単な方法があります。
アイコンは :<iconname>: 記法として参照されます。 ブラウザーにアイコンをプレーン css クラス、アイコンフォント、SVGとして実装する方法は様々なので、それらすべてをサポートする非侵入的な方法を提供します。
ボイラープレートプロジェクトには、アイコンに最も一般的に対応する方法として SVG をアイコン '<span>\に挿入する自動メカニズムが含まれています。
コード内に必要なアイコン（ブロックで参照されるアイコンなど）もありますが、作成者が新しいアイコンを追加して参照し、継続的に更新する必要が生じる場合があります。 これらのアイコンは、コンテンツソースの /icons/ フォルダーの下のコンテンツに対応している場合もあれば、対応している場合もあります（例： Sharepoint またはGoogle ドライブ）。 これらのアイコンは、:<iconname>: 表記を使用して同じ方法で参照することもできます。 これにより、マーケターは、コードの変更に依存することなく、コンテンツに必要なアイコンを追加および更新できます。
例：
コンテンツ構造：
:<iconname>: は、すべての既定のコンテンツ構成の一部として挿入できます。
コード：
アイコンはデフォルトコンテンツで、プロジェクト固有の CSS コードでスタイルが設定されます。 SVG の読み込みに必要なJavaScriptがある場合は、必要に応じて変更できます。
このコードは Boilerplate に含まれており、コピーする必要はありません。