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

آموزش کار با 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 (آیکومون)  اضافه کنید.

 

مطالب مشابه

FlexBox CSS Property

به صورت پیش فرض ساختار المان های Block به صورت تمامی عرض می باشد. با استفاده از float می توان نحوه چینش آن ها را تغییر...

sass scss logo

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

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

فریم ورک بوتسترپ

Bootstrap 4

فریم ورک Bootstrap 4 با استفاده از تکنولوژی flexbox پیاده سازی شده که مهم ترین تغییر این فریم ورک می باشد. استفاده...

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

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

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

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

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

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

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

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