قرار دادن علائم و آیکون در css و html

سلام
این موارد به چند صورت قابل استفاده هستند
1- از طریق svg که سایت زیر یکی از بهترین منابع این آیکون هاست:
https://heroicons.com

<li>
<svg>.....</svg>
HTML و CSS
</li>

2- از طریق فونت که سایت زیر یکی از بهترین منابع این آیکون هاست:
https://fontawesome.com/v4/icons
البته چند روش برای استفاده از مورد 2 وجود دارد. که داخل سایت قسمت How to Use راهنمایی کامل آن هست.

امروزه برای افزایش سرعت سایت و کاهش Request ها روش اول پیشنهاد میشود چون فایل SVG داخل تگ های HTML است و نیاز به دانلود محتوا ندارد.

ممنونم دستتون درد نکنه 💐💐

اگر از پاسخ راضی بودید به عنوان بهترین پاسخ برای این مسئله انتخاب نمایید.