تعداد بازدید: 3600

آموزش کار با icomoon (آیکومون) قسمت دوم

در ادامه مبحث آموزش کار با icomoon (آیکومون) به ایجاد آیکون هایی می پردازیم که در این سایت موجود نیست و می توانیم با دانلود از سایت های دیگر آنها را در یک مجموعه جمع آوری کنیم و پکیج خود را بسازیم. اگر تا به حال قسمت اول این آموزش را مشاهده نکردید حتما آنرا از اینجا مطالعه کنید تا بهتر مباحث جدید را فرابگیرید.

دانلود آیکن از (فلت آیکن):

برای نمونه می توانید از سایت های دیگری مانند flaticon (فلت آیکن)  که در زیر مشاهده می کنید استفده کرد. پس در این مقاله توضیح مختصری نیز در رابطه با flaticon (فلت آیکن) داده می شود.
gnutec.ir-download-flaticon-icomoon (آیکومون)

ابتدا آیکون های مورد نظر را انتخاب کرده به این صورت که وقتی روی چشم کلیک کنید می توانید فایل را دانلود کنید و اگر روی بعلاوه کلیک کنید می توانید ابتدا آیکون ها را در یک مجموعه برای خود انتخاب کنید.

gnutec.ir-alarm-pic-icomoon (آیکومون)

من در اینجا روی چشم کلیک کردم و پنجره ای مشابه عکس زیر باز می شود.

gnutec.ir-add-flaticon-alarm-icon-icomoon (آیکومون)

گزینه Svg را انتخاب کرده و فایل را ذخیره کنید.

gnutec.ir-download-flaticon-for-icomoon-icomoon (آیکومون)

درون ریزی آیکن های جدید در icomoon (آیکومون):

و در ادامه در سایت icomoon فایل ذخیره شرده را ایمپورت کنید.

gnutec.ir-import-button-icomoon-icomoon (آیکومون)

و به این صورت می توان هر آیکونی را به icomoon (آیکومون)  اضافه کنید.

 

مطالب مشابه

ویرایشگر براکت brackets - توضیحات

ویرایشگر براکت Brackets

براکت ویرایشگری با امکانات گرافیکی بسیار قدرتمند که توسط برنامه نویسان زیادی با استفاده از زبان جاوااسکریپت نوشته شده...

sass scss logo

آموزش Sass و کاربردها

sass یک ابزار قدرتمند برای تولید کدهای css می باشد (CSS Extension Language) می باشد. sass یک زبان پیش پردازنده...

اشتراک گذاری :

لیسانس نرم افزار هستم و کار طراحی سایت با وردپرس و طراحی قالب سایت را بصورت رسپانسیو انجام میدهم. در زمینه برنامه نویسی php و mvc هم اطلاعات مختصری دارم.

یک دیدگاه برای آموزش کار با icomoon (آیکومون) قسمت دوم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *