تصویر یک زن طراح که در حال کار بر روی طراحی‌اش است. در این مقاله به آموزش دانلود آیکون SVG از فلت آیکون می‌پردازیم.

چگونه آیکون با فرمت SVG را به صورت رایگان از فلت آیکون Flaticon دانلود کنیم؟ (آموزش تصویری)

اکثر آیکون‌های این سایت رایگان هستند و شما می‌توانید آن‌ها را با فرمت PNG دانلود کنید. اما برخی طراحان و توسعه‌دهندگان وب ممکن است به آیکون SVG نیاز داشته باشند. برای دانلود با فرمت SVG از این سایت حتماً باید اکانت پریمیوم داشته باشید و امکان دانلود رایگان آن وجود ندارد.

فلت آیکون (Flaticon) یکی از بزرگ‌ترین و معتبرترین وبسایت‌های آیکون در دنیاست که در کار حرفه‌ای خود با آیکون سر و کار داشته باشید، حتماً نام آن را شنیده‌اید. اکثر آیکون‌های این سایت رایگان هستند و شما می‌توانید آن‌ها را با فرمت PNG دانلود کنید. اما برخی طراحان و توسعه‌دهندگان وب ممکن است به آیکون SVG نیاز داشته باشند. برای دانلود با فرمت SVG از این سایت حتماً باید اکانت پریمیوم داشته باشید و امکان دانلود رایگان آن وجود ندارد.

در این مقالهٔ آموزشی به شما یاد می‌دهیم که بدون داشتن اکانت پریمیوم، بتوانید آیکون با فرمت SVG را از فلت آیکون دریافت کنید.

 

شما می‌توانید همین آموزش را به صورت ویدئویی در یوتوب نیز مشاهده کنید.

فلت آیکون چیست؟

در این تصویر اسکرین‌شات، صفحه اصلی سایت فلت آیکون دیده می‌شود.

فلت آیکون (Flaticon) یکی از زیرمجموعه‌های کمپانی فری پیک (Freepik Company) محسوب می‌شود که یکی از بهترین و معتربرترین منابع دانلود آیکون است. در این وبسایت میلیون‌ها آیکون از هزاران طراح مختلف عرضه شده که شما می‌توانید اکثر آن‌ها را به صورت رایگان دانلود کنید. اما در هنگام دانلود فقط نسخهٔ PNG در اختیار شما قرار می‌گیرد. این در حالی است که بسیاری مانند طراحان وردپرس، به نسخهٔ SVG آیکون احتیاج داشته باشند. دانلود نسخهٔ SVG در فلت آیکون دیگر رایگان نیست و برای آن باید اکانت پریمیوم داشته باشید. خرید اکانت پریمیوم هم دردسرهای خودش را دارد و هم این که با توجه به قیمت دلار، ممکن است برای بسیاری از ما به‌صرفه نباشد. برای همین در این‌جا می‌خواهیم یک راهی به شما آموزش دهیم که از طریق آن می‌توانید به صورت صد درصد رایگان، آیکون‌های با فرمت SVG از فلت آیکون دانلود کنید.

نحوهٔ دانلود رایگان آیکون SVG از فلت آیکن

ابزارهای لازم

اسکرین شات از صفحه اصلی برنامه اتم Atom که از آن برای دانلود آیکون SVG استفاده خواهیم کرد.

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

مراحل دانلود رایگان از فلت آیکون

در مرحله اول وارد وبسایت فلت آیکون می‌شویم.

در این تصویر اسکرین‌شات، صفحه اصلی سایت فلت آیکون دیده می‌شود.

در ابتدا باید در سایت اکانت بسازید یا با استفاده از اکانت‌های دیگر مثل جیمیل، لاگین کنید.

صفحه لاگین سایت فلت آیکون

سپس به دنبال آیکون مورد نظر خود می‌رویم و روی آن کلیک می‌کنیم.

سرچ کلمه مانیتور در سایت فلت آیکون

آیکون ادیت Icon Edit را انتخاب می‌کنیم.
(همانطور که می‌بینید در این قسمت شما می‌توانید آیکون را به صورت رایگان و بدون حتی نیاز به لاگین با فرمت PNG دانلود کنید. اما برای دانلود نسخهٔ SVG حتماً باید اکانت نسخهٔ پریمیوم داشته باشید.)

در این قسمت حتما باید لاگین کرده باشید در غیر این صورت با این پیام مواجه می‌شوید که این بخش صرفاً برای کاربران عضو است.

پیام فلت آیکون مبنی بر این که برای استفاده از ویژگی آیکون ادیت باید حتماً لاگین کرده باشید.

رنگ مورد نظر خود برای آیکون را روی آن اعمال کنید. دقت کنید که آیکون با همین رنگ انتخابی به صورت SVG سیو می‌شود.

انتخاب رنگ آیکون مورد نظر در سایت فلت آیکون برای تبدیل آن به SVG

روی آیکون راست‌کلیک کنید و گزینهٔ Inspect مرورگر را انتخاب نمایید.

راست کلیک روی آیکون و انتخاب گزینه اینسپکت

در این بخش با کدهایی روبه‌رو می‌شوید که در ابتدای یکی از آن‌ها svg> نوشته شده.

اسکریت شات از inspect elements یکی از خطوط کد با svg آغاز می‌شود

دقیقاً روی همان بخش راست‌کلیک کنید و Edit as HTML را انتخاب کنید.

راست کلیک و انتخاب گزینه Edit as HTML

کدی که باز می‌شود را کپی کنید.

کپی کردن کد باز شده

حالا تکست‌ادیتور خود مثل اتم را باز کنید و در یک فایل متن کپی شده را پیست کنید.

حالا باید فایل را ذخیره کنیم. دقت کنید که موقع ذخیره یک پسوند .svg به انتهای نام فایل اضافه کنید.

ذخیره کردن فایل در اتم

حالا به محل ذخیره‌سازی می‌رویم و می‌بینیم که آیکون مورد نظر به صورت SVG ذخیره شده و می‌توانید از آن در کارهای خود استفاده کنید.

آیکون سیو شده به صورت SVG از فلت آیکون

مشکل باز نشدن سایت یا ارور در هنگام لاگین

برخی کاربران ممکن است هنگام باز کردن سایت فلت آیکون یا در هنگام لاگین به مشکلات بر بخورند و با صفحاتی مشابه این صفحه مواجه شوند:

صفحه ارور ۴۰۴ در سایت فلت آیکون

برای رفع این مشکل کافی است تا آی‌پی خود را تغییر دهید و از یک آی‌پی معتبر استفاده کنید.

اگر سوال یا مشکل دیگری داشتید حتماً کامنت بگذارید.

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

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

فهرست مطالب