حتما برای شما هم پیش اومده قبل از شروع پروژه، بین پکیج آیکون های مختلف سردرگم بشید و ندونید از کدوم استفاده کنید، و حتی گاهی به دلیل پیدا نکردن آیکون موردعلاقه در پکیج نصب شده، مجبور به نصب پکیج های دیگری نیز شوید.
بهتره بدونید کتابخانه ای به اسم react icons ساخته شده که تقریبا 20 پکیج مختلف آیکون را درون خودش دارد مانند FontAwsome، Bootstrap Icons و...
این کتابخانه را با دستور زیر نصب میکنیم:
به عنوان قدم بعدی باید آیکون های مد نظر را به پروژه اضافه کنیم:
توجه داشته باشید که هر آیکون را جداگانه و از فولدر خودش باید ایمپورت کنید.
بعد از ایمپورت، میتوان از آیکون ها به صورت یک کامپوننت استفاده و با CSS به آن ها استایل بدهیم:
به همین راحتی!
توصیه میکنم برای خواندن توضیحات بیشتر و سرچ بین آیکون ها به نشانی https://react-icons.github.io/react-icons/ سری بزنید.
