#質問 コーダーの方、フロントエンジニアの方、教えて下さい。テキストの前にアイコンがつくものってよくあると思います。例えば、こんな感じのもの。
□ テキスト
上の□を何らかのアイコンに置き換えて頂ければと。
こういうものをマークアップするときは、テキストの方のbefore擬似要素を使ってアイコンを表示させますか？それとも、単純にアイコン画像をsvgやimg、または、iみたいな要素使って表示させますか？

オススメの方法、メリットデメリットなど教えて下さい！

before擬似要素かiの背景にsvg画像使うのが良い気がしてきた。コンポーネントベースの再利用性考えると後者が良いのかな。