مجموعه ای از آیکون های svg. مجموعه ای از آیکون های گرافیکی و طراحی وب

آیکون هایی که در این منابع پیدا می کنید همچنین می توانند برای نشان دادن اطلاعات در نمایش اسلاید، تزئین کارت ویزیت، منوها، آگهی ها و موارد دیگر استفاده شوند.

ما نوشتیم که آیکون های این سایت ها رایگان هستند، اما همچنان به شرایط دانلود توجه کنید، زیرا می توانند در هر زمان تغییر کنند.

01. مجله Smashing

22.PixelsMarket

26.بلوگرافیک

Blugraphic - گزینه های PSD، PNG و نماد برداری. جستجو به برچسب ها محدود می شود، اما می توانید در خبرنامه مشترک شوید و یک مجموعه ایمیل هفتگی رایگان دریافت کنید.

27 آیکون شوک

Icon Shock هزاران آیکون رایگان برای استفاده شخصی است. برای استفاده از تصویر در یک پروژه تجاری، باید یک بار پرداخت کنید.

28. نویسنده CSS

نویسنده CSS انتخاب هفتگی از بهترین نمادهای رایگان در وب را ارائه می دهد.

29. دم خلاق

آیکون های تازه می خواهید؟ کیت هایی در Creative Tail وجود دارد که در هیچ جای دیگری نمی توانید آنها را پیدا کنید.

30. دانلود کاملا رایگان

دانلود کاملا رایگان جستجوی آسان و دانلود مستقیم PSD، PNG و وکتورها را ارائه می دهد.

31. آیکون های Ego

Ego Icons بیش از 1500 آیکون برتر و 100 نماد وکتور رایگان را ارائه می دهد. همچنین با کلیک بر روی دکمه های موجود در نوار پیمایش بالا، از سایت های فرعی نیز دیدن کنید.

32. دره بیگانه

AlienValley طیف گسترده ای از آیکون های با کیفیت بالا را در ازای آدرس ایمیل شما ارائه می دهد.

33. داستان رویایی

Dreamstale آیکون های عالی و رایگان با ذکر منبع را در اختیار شما قرار می دهد.

34. DuckFiles

35. 1001 دانلود رایگان

1001 Free Downloads متخصص در آیکون های مسطح است که با انواع گزینه های زیبا و عجیب همراه است.

36. خلیج گرافیک

37. Pixeden

در Pixeden می توانید آیکون ها را در اندازه های مختلف جستجو کنید. انتخاب گسترده ای از 16x16 تا 512x512 در قالب PNG وجود دارد.

38. NounProject

NounProject یک جستجوی راحت، دانلود آسان و آیکون های با کیفیت بالا است. پیوند به نویسنده الزامی است. عضویت با هزینه ماهانه محدودیت های دانلود را برطرف می کند.

39. Iconmonstr

Iconmonstr آیکون ها را در چندین اندازه بدون ذکر منبع ارائه می دهد.

40 صفحه فیوژن

آیکون‌های PSD یک عنصر ضروری از هر طراحی رابط کاربری هستند و از نظر اهمیت حتی نسبت به فونت‌ها کم نیستند، با این حال، در عمل، به ندرت کسی آیکون‌های خود را برای هر پروژه وب ایجاد می‌کند. از طرفی جستجوی آیکون هایی با کیفیت و طراحی مناسب نیز زمان زیادی را می طلبد، اما امروز تصمیم گرفتیم به شما کمک کنیم و مجموعه ای از مجموعه آیکون های رایگان را برای همه مناسبت ها آماده کرده ایم.

01.Icons8

Icons8 مجموعه ای از 20 هزار آیکون تخت در هر فرمت، اندازه و رنگی است! در اینجا می توانید دسته بندی هایی مانند تجارت، پوشاک، غذا و بسیاری موارد دیگر را بیابید. Icons8 را می توان به عنوان یک برنامه مک یا به عنوان یک آرشیو ZIP بارگیری کرد.

02. Freepik

مجموعه ای روشن از نمادهای برداری از یک منبع تخصصی Freepik تنها یکی از بسیاری از نمادهای ارائه شده است. برای پروژه های تجاری و مستقل ایده آل است. علاوه بر این، می‌توانید نمادهای PSD را با فرمت‌های AI، EPS و SVG دانلود کنید.

03. نماد یاب

این مجموعه که به صورت سیاه و سفید طراحی شده است، حاوی ترکیبی از آیکون های وکتور واضح کاربردی و احساسی است. این مجموعه علاوه بر آیکون های استاندارد شامل آیکون هایی به شکل قلب و چشم است که به شما این امکان را می دهد تا به پروژه های خود رنگ احساسی بدهید.

04. 195 نماد PSD پرچم تخت

یک مجموعه آیکون PSD وب سایت عالی که می تواند در توسعه یک وب سایت بین المللی، فروشگاه آنلاین یا وبلاگ مسافرتی استفاده شود. این مجموعه شامل 195 آیکون رایگان با گوشه های گرد است.

05. مجموعه آیکون رابط کاربری مترو

اگر از طرفداران ویندوز 8 هستید، باید این بسته آیکون رایگان را بررسی کنید. این شامل 700 آیکون با طراحی خوب است که می تواند آزادانه برای هر نوع پروژه ای اعمال شود.

06. آیکون های رابط کاربری مدرن

مجموعه ای دیگر از آیکون های رایگان که می تواند هنگام ایجاد رابط کاربری نرم افزار برای ویندوز یا اندروید/iOS استفاده شود. با دانلود این مجموعه، 1000 آیکون مسطح با دست ترسیم شده، از جمله آیکون های حتی برای کشوی برنامه ویندوزفون دریافت خواهید کرد.

07. نمادهای عالی 350 پیکسل

مجموعه ای باورنکردنی از 350 نماد کاملا واضح برای برنامه ها یا وب سایت ها. با این حال، آنها را می توان بدون از دست دادن کیفیت تغییر اندازه داد.

08.80 آیکون های کوچک

80 آیکون مینیاتوری کاملا واضح که هم در فرمت PSD و هم به عنوان یک فونت نمادین قابل دانلود هستند. این نمادهای PSD اجتماعی منظم و پیچیده برای هر نوع پروژه ای عالی هستند.

09. گرافیک وکتور آیکون وب ساده و کاربردی

بسیاری از آیکون های مفید برای استفاده در پروژه های شخصی و تجاری.

10. آیکون های تخت رایگان

مجموعه ای از آیکون های سبک مسطح شامل تقویم، ایمیل، ساعت، نقشه ها و موارد دیگر.

11. آیکون های مونو

مجموعه ای که شامل 108 آیکون تک رنگ منحصر به فرد است که به سبک مینیمالیستی ساخته شده اند. همه آنها با فرمت PNG در سایز 32 در 32 موجود هستند.

12. نمادهای متریک

مجموعه ای رایگان به سبک Metro که می توانید در برنامه ها و پروژه های وب خود استفاده کنید. آیکون های رسانه های اجتماعی PSD برای استفاده شخصی و تجاری رایگان هستند. آرشیو نه تنها شامل فرمت های PSD، SVG، ESP و AI، بلکه فونت های وب نیز می باشد.

13. Tab Bar Icons iOS 7

یک بسته آیکون زیبا با الهام از iOS 7 که می توانید در برنامه های خود استفاده کنید. شما می توانید آیکون ها را در فرمت های زیر دانلود کنید: PSD، AI و ESP.

14 مجموعه آیکون پیکا بزرگ

آیکون های سبک پیکا توسط آژانس آیکون هلندی از دانمارک ایجاد شده است. این مجموعه شامل 42 آیکون کاملا واضح است.

15. نمادین

مجموعه دیگری از آیکون های ساده و در عین حال چشم نواز که برای طرح های مینیمالیستی مناسب است. Iconic یک مجموعه منبع باز است که می تواند در فرمت های PNG، SVG، SWC و سایر فرمت ها دانلود شود و به شما امکان می دهد آنها را با طرح های خود تطبیق دهید.

16. 44 سایه آیکون رایگان

مجموعه ای از 44 آیکون. این شامل آیکون های PSD برای انجمن است که به شما امکان می دهد به راحتی آنها را ویرایش کرده و با پروژه های خود تطبیق دهید.

17. مجموعه آیکون نشانه

Token شامل 128 آیکون منحصربه‌فرد در قالب‌های 16x16px، 32x32px و 256x256px ICO و 128x128px PNG است. هر نماد در نسخه های تاریک و روشن ارائه می شود و با یک فایل psd. کامل می شود.

18. نمادهای تخت (PSD)

آیکون های رنگارنگ به سبک مسطح که می توانید آنها را با فرمت PSD دانلود کرده و مطابق با نیاز خود ویرایش کنید.

19. مجموعه آیکون های 32 پیکسلی رایگان

مجموعه ای که در آن یک نماد PSD برای هر منظوری پیدا خواهید کرد: اسکایپ، فیس بوک، توییتر، RSS، یک فنجان قهوه، "لایک" و موارد دیگر.

20. 48 آیکون طراح مسطح

اگر از طرفداران مینیمالیسم هستید، قطعا این مجموعه را دوست خواهید داشت. این شامل 48 نماد رایگان است که وظایف اداری، جنبه های اجتماعی و سفر را نشان می دهد. همه آنها در فرمت های AI و PNG ارائه شده اند و می توان آنها را بدون افت کیفیت مقیاس بندی کرد.

21. مجموعه آیکون های Plex

این مجموعه شامل بیش از 100 آیکون از جمله تقویم، آنتی ویروس، ساعت، ایمیل، برنامه های مایکروسافت آفیس، شبکه های اجتماعی و موارد دیگر است.

22. وکتوری مینی رایگان

مجموعه ای از بیش از 1000 آیکون PSD طراحی شده توسط تیم Icojam. همه آنها نیز با فرمت PNG هستند. آنها برای استفاده در هنگام توسعه یک سایت جدید ایده آل هستند، زیرا استفاده از آنها در پروژه های شخصی و تجاری رایگان است.

23. Eldorado mini رایگان

مجموعه دیگری از آیکون های کوچک از Icojam که دارای بیش از 1200 آیکون در 40 در 40 پیکسل است.

من مطمئن هستم که مجموعه ای زیبا از آیکون ها همیشه مفید خواهند بود. نشان ها و آیکون ها، زمانی که به درستی استفاده شوند، ابزار بسیار ارزشمندی برای یک طراح هستند. آنها توجه ما را جلب می کنند یا به چیزی توجه می کنند. برای بسیاری از کاربران وب سایت، این عملکرد منحصراً به صورت بصری به یاد می‌آید. با کمک تصاویر

این مجموعه از آیکون ها برای کمک به طراح منتشر شد. مجموعه کاملا رایگان است. لطفاً قبل از استفاده از نمادها، قرارداد مجوز را بخوانید - مجوز ممکن است هر از گاهی تغییر کند. آیکون ها همچنین می توانند برای پروژه های شرکتی، وبلاگ ها، مجلات آنلاین، خاطرات روزانه، برنامه های کاربردی وب مفید باشند. لطفاً مجموعه آیکون های خود را در نظرات این پست پیشنهاد دهید.

آیکون های برنامه های تحت وب

Chalkwork HTML مجموعه ای رایگان از آیکون های با مضمون HTML است. آنها با کل خانواده نمادهای Chalkwork عالی هستند. شما می توانید این آیکون ها را برای مقاصد شخصی و تجاری کاملا رایگان نصب کنید. این کیت در 3 اندازه و 6 فرمت موجود است: شفاف PNG، TIF، GIF، BMP، ICO Windows و Mac ICNS.

چگونه خودتان یک وب سایت ایجاد کنید؟

نمادهای اشاره گر دست

نمادهای رایگان شامل 36 عقربه اشاره گر، 6 نوع مختلف با 6 گزینه رنگ. همچنین یک منبع با فرمت psd وجود دارد.

452 نماد به صورت رایگان برای استفاده خصوصی و تجاری در دسترس است.

تجهیزات اولیه.

42 آیکون با کیفیت بالا در سایزهای 64×64، 32×32×16 و 16. Mac OS، Win و فرمت‌های PNG. سیستم عامل مک، Win و. فرمت PNG

این بسته آیکون رایگان برای استفاده در پروژه های شخصی و تجاری در نظر گرفته شده است و باید بدون ذکر منبع استفاده شود. بسته را نمی توان دوباره توزیع کرد. این مجموعه شامل 26 آیکون شیک است که توسط استودیو طراحی Midtone طراحی شده است. هر نماد .PNG 48×48 پیکسل است. این نشان ها توسط طراح جاناتان کاسترو فرناندز طراحی شده است.

مجموعه آیکون های وضعیت فایل شامل 16 نماد است که می توانند برای برنامه های کاربردی وب استفاده شوند.

دانمارک بدون حق امتیاز

طراحی: یوناس راسک.

مجموعه آیکون های Onebit.

80 آیکون زیبا با وضوح 48×48 پیکسل. PNG.

همچنین قسمت 1 را دانلود کنید.

مجموعه آیکون های روی صحنه

این مجموعه شامل 49 آیکون وکتور رایگان از جمله PSD است که می تواند برای پروژه های شرکتی و شخصی مفید باشد. شما می توانید به صورت رایگان و بدون هیچ محدودیتی از این مجموعه استفاده کنید. آیکون ها با فرمت PNG با وضوح 128 × 128 پیکسل در دسترس هستند. همچنین آیکون های PSD.

این مجموعه شامل 9 آیکون مرورگر در ابعاد 64×64، 32 و 32×16×16 پیکسل است. شامل مرورگرهای اصلی مانند موزیلا فایرفاکس، اینترنت اکسپلورر، اپرا، گوگل، کروم و بسیاری دیگر.

مجموعه آیکون های شیری.

این مجموعه شامل 131 آیکون عمدتا به رنگ سبز است که در پس زمینه تیره بسیار زیبا به نظر می رسد.

مارک جیمز (FamFamFam) مجموعه بزرگی از آیکون های 16×16 16 × 1022 رنگ ابریشمی را با فرمت PNG ایجاد کرده است.

در قسمت چهارم "عشوقه ها" 50 آیکون دیگر اضافه شد. هدف اصلی این آیکون ها افزودن عشق و بازیگوشی به طرح های شماست. آیکون ها در اندازه های زیر: 16×16 پیکسل، 32×32 پیکسل، 48×48 پیکسل، 64×64 پیکسل و 128×128 پیکسل و فرمت فایل PNG شفافیت 32 بیتی.

Flirty Part 5 شامل 50 آیکون با کیفیت بالا می باشد. ابعاد: 16×16px، 32×32px، 48×48px، 64×64px و 128×128px و فرمت فایل PNG شفافیت 32 بیتی.

نمادهای تجارت الکترونیک (تجارت الکترونیک).

پرداخت های Chalkwork در 3 اندازه و 6 قالب موجود است: شفاف PNG، TIF، GIF، BMP، ICO Windows و Mac ICNS.

نمادها برای استفاده شخصی و همچنین برای استفاده تجاری رایگان هستند، اما طراحان به پیوندهایی در وب سایت نیز نیاز دارند. آرشیو شامل آیکون ها در همه اندازه ها، فرمت های ویندوز، مک و PNG است. آرشیو شامل آیکون‌هایی در همه اندازه‌ها، فرمت‌های ویندوز، مک و PNG است.

23 نماد کارت اعتباری رایگان برای دانلود رایگان.

مجموعه ای از آیکون های تازه.

این مجموعه شامل 59 آیکون شطرنجی و وکتور می باشد. این مجموعه شامل آیکون هایی با فرمت های PNG، ICO و ICNS می باشد. یک فایل برداری EPS نیز موجود است.

مجموعه آیکون های مفید

مجموعه ای از آیکون های وکتور چند رسانه ای رایگان در رنگ ها و سبک های مختلف.

نشان فورچون 500.

بیش از 200 نماد نام تجاری معروف، PSD شامل.

مجموعه ای از 50 نماد مسافر و عابر پیاده طراحی شده توسط AIGA اکنون به صورت آنلاین در دسترس است. فرمت EPS و GIF وجود دارد.

آیکون های صوتی

مجموعه کوچکی از نمادهای 48×48 پیکسل: M-Box، صفحه کلید M-Audio Axiom 25 Midi و مانیتور بلندگو TAPCO S5. این نمادها برای استفاده شخصی رایگان هستند. موجود در ICNS، .PNG.

مجموعه آیکون های اجتماعی

بسته آیکون مینی رسانه های اجتماعی.

این مجموعه از 30 آیکون کوچک (16×16) شبکه های اجتماعی با طراحی ظریف تشکیل شده است. استفاده از آنها برای مقاصد غیرتجاری رایگان است.

نمادهای اجتماعی به شکل ابر. Format.PNG.

چگونه خودتان یک وب سایت ایجاد کنید؟

چه فناوری ها و دانشی امروزه برای ایجاد وب سایت به تنهایی مورد نیاز است؟ فشرده یاد بگیرید!

این مجموعه شامل 16 آیکون اجتماعی (شفاف) با فرمت PNG است.

این نمادها حاوی نمادهای فیس بوک، لیست سیاه، فیدبرنر، فلیکر، فرندفید، فرل، جیمیل، گوگل، نماد قلب، آخرین اف ام، لینکد، مگنولیا، نیوزوین، پی پال، اسکایپ، اسفین، توییتر، ویمیو، یاهو و یو تیوب هستند. همه آیکون ها در چهار اندازه 16×16، 32×32، 64 و 64×12×128 پیکسل هستند. و همه آنها رایگان هستند.

هر نماد در است. JPG و در دو اندازه: 48×48px و 96×96px ارائه می شود. هر نماد خاکستری تیره در پس زمینه سفید است.

YouTube، Delicious، RSS، Twitter، Facebook، Flickr، Digg، StumbleUpon، mySpace، Feedburner، Skype، Yahoo، Last.fm، Linkin، Reddit و Gmail.

آیکون های رسانه های اجتماعی مرده-ساده | استاد فیجتر.

ساده، تمیز و زیبا. آیکون های اجتماعی کوچک 16×16 پیکسل.

28 نماد با فرمت PNG (256×256، 128×128، 48×48، 32×32، 16×16)، ICO (256×256، 128×128، 48×48، 32×32، 16×16) و ICNS (256×256، 128×128، 48×48، 32×32، 16×16).

این مجموعه شامل آیکون های Blip.fm، Digg، Facebook، Firefox، Flickr، Meneame، Myspace، Technorati، Twitter، Vimeo، WordPress، Youtube، LastFM، RSS، Blogger، GMail، Reddit و StumbleUpon است. آیکون ها در اندازه های 24×24، 32×32، 48 و 48×64×64 موجود هستند. تحت مجوز Creative Commons منتشر شده اند.

نمادهای اجتماعی دایره ای

فایل ZIP شامل 3 اندازه برای 17 آیکون است: 128×128 پیکسل، 64×64 پیکسل و 32×32 پیکسل. یک نماد برای موارد زیر وجود دارد: Blogger، Delicious، DesignFloat، Digg، Facebook، Flickr، Google، یک نماد قلب که برای هر چیزی (مانند نشانک)، MySpace، Reddit، نماد RSS، StumbleUpon، Technorati، Twitter، وردپرس، یاهو! طراحی شده توسط Eli Burford از استرالیا.

مجموعه آیکون های زیبا

سبک ایمیل

مجموعه آیکون کیف توسط Paul Kadysz طراحی شده است. این شامل 5 آیکون با کیفیت بالا است. این بار ما 3 فرمت مختلف (.ico، .icns و .png.) و 6 اندازه داریم! 512px-16px (به جز .png). 512px-16px (به جز .png). در اینجا این مجموعه به نظر می رسد.

350 آیکون دسکتاپ زیبا رایگان، همچنین می تواند به صورت آنلاین استفاده شود. طراحی شده توسط دیوید لانهام.

30 آیکون رایگان که 256×256، 128×128، 64×64، 48×48، 32×32، 24×24، 16×16 پیکسل در فرمت های PNG، ICO و icns هستند.

طرح های آیکون برای دانلود رایگان.

این مجموعه شامل 18 آیکون زیبا مربوط به مدیریت پروژه می باشد. این مجموعه شامل آیکون هایی برای نقشه آدرس، نمودار میله ای، تقویم، ساعت و زمان، دستگاه کنفرانس، مخاطبین، اسناد، پروژه ها، جستجو، نقشه سایت و غیره است. کاملا رایگان. برای هر هدفی استفاده کنید.

مجموعه ای مفید از نمادهای برداری (256 × 256 پیکسل). این شامل کتاب، قلم مو، پاستل، کلیپ آرت، مداد رنگی، کاغذ، پاک کن، دفترچه یادداشت، پالت، قیچی است.

ایوان ایوانیچف

برای اینکه یک گروه، وب سایت، ارائه یا کتابچه Vkontakte کمی دوستانه تر شود، لازم نیست تیمی از طراحان را استخدام کنید و حق چاپ را نقض کنید. گاهی اوقات کافی است به تنهایی یک طراحی لوگو و فاویکون ایجاد کنید و محتوای طراحی رایگان را در شبکه پیدا کنید.

در مقاله ای که جمع آوری کرده ایم:

49 منبع تخصصی: 31 با آیکون، 12 با فونت، 6 با قالب PSD.

20 آرشیو بزرگ که در آن می توانید بلافاصله تمام گرافیک های لازم را پیدا کنید.

7 سرویس برای ایجاد لوگو و فاویکون.

قبل از استفاده از محتوای طراح، مجوز را بررسی کنید. استفاده تجاری مجاز است - با خیال راحت سایت را به روز کنید. اگر دلار ضربدری و نوشته Non-Commercial یا NC مشاهده کردید، خود را به طراحی مواد آموزشی و نمونه کارها محدود کنید. یا برای کسب اجازه با دارنده حق چاپ تماس بگیرید.

اکثر مطالب در اینترنت تحت مجوزهای Creative Commons توزیع می شوند. اگر می خواهید به نویسنده پیوند دهید، آن را به پاورقی یا در صفحه درباره ما اضافه کنید.

31 سایت با آیکون های رایگان

نماد کاپیتان

ماریو از اسپانیا 350 آیکون وکتور را برای دانلود رایگان به شما پیشنهاد می کند. در اینجا موضوع خاصی وجود ندارد، اما دسته بندی های زیادی وجود دارد: طراحی، ورزشی، اجتماعی و غیره.

آیکون ها در فرمت های EPS، PSD، PNG، SVG، SKETCH موجود هستند. شما نمی توانید به طور جداگانه دانلود کنید، همه مجموعه ها در یک آرشیو هستند.

خشک کن ها

Drycons سرویسی است که توسط تیمی از علاقه مندان ایجاد شده است: طراحان و برنامه نویسان. بیش از 5000 آیکون در 77 مجموعه وجود دارد.

شرایط استفاده رایگان: تنظیم بک لینک.

آیکون های Ego

آیکون های Ego بر اساس اشکال هندسی اساسی هستند: مثلث، شش ضلعی، خطوط شکسته. آنها در قالب های SVG، PDF، AI، SKETCH، EPS و ICONJAR در سایت ارائه می شوند.

فقط 100 آیکون را می توان به صورت رایگان استفاده کرد. دسترسی پولی به تمام 3600 آیکون 127 دلار هزینه دارد.

آیکون های بی پایان

مین کیم Endless Icons را برای به اشتراک گذاشتن خلاقیت با جامعه طراحی تاسیس کرد. کتابخانه آن شامل صدها آیکون سیاه و سفید PNG و SVG رایگان است.

شما می توانید از نمادهای بی پایان برای اهداف شخصی و تجاری استفاده کنید.

Entypo

entypo.com دارای بیش از 400 نماد برتر توسط دانیل بروس است.

محتوا تحت مجوز Creative Commons توزیع شده است، به این معنی که شما باید نویسنده را مشخص کنید. مجموعه Entypo را می توان برای مقاصد شخصی و تجاری استفاده کرد.

نمادها را پیدا کنید

Find Icons یک کاتالوگ از نمادهای رایگان برای وب سایت ها و ارائه ها است. آیکون ها در فرمت های PNG و ISO موجود هستند.

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

Flaticon

Flaticon مخزن عظیمی از نمادهای سازندگان Freepik است.

این سایت بیش از 500000 آیکون برداری را در 9700 مجموعه ارائه می دهد. آنها برای دانلود در فرمت های PNG، SVG، EPS، PSD و BASE 64 در دسترس هستند. می توانید قبل از دانلود نماد، رنگ را تغییر دهید و اندازه را انتخاب کنید.

استفاده رایگان - فقط با ذکر منبع. اشتراک 10 دلاری در ماه به شما این امکان را می دهد که از 400 نماد معمولی و 88 آیکون ممتاز بدون بک لینک استفاده کنید.

گلیفیکون ها

در جستجوی آیکون های مینیمالیست و تک رنگ، به glyphicons.com مراجعه کنید، بیش از 800 مورد از آنها وجود دارد. به لطف فونت وب و فرمت SVG، آیکون ها را می توان در توسعه وب سایت ها، اینفوگرافیک ها، برنامه های کاربردی موبایل برای iOS و اندروید استفاده کرد.

اگر نمی خواهید پرداخت کنید، باید با محدودیت روبرو شوید. رایگان - فقط یک مجموعه اصلی از گلیفیکون ها، یک فرمت و حداقل اندازه.

چیزهای خوب بدون مزخرف

بنیانگذار این پروژه آگاتا، یک تصویرگر طراحی از لهستان است. طراحی آیکون سرگرمی او است.

در goodstuffnononsence.com می توانید 5 مجموعه آیکون رایگان دانلود کنید. به نظر می رسد که محتوا کم است، اما از بالاترین کیفیت برخوردار است. نویسنده آیکون ها را با دست طراحی می کند، آنها عالی به نظر می رسند.

اگر سبک را دوست دارید، می توانید روی "مشاهده همه" کلیک کنید و به مجموعه های پولی انتخاب شده بروید.

ایکوجام

Icojam.com متعلق به تیمی از طراحان است که بیش از 10 سال است که آیکون ایجاد می کنند. برخی از کیت ها برای فروش هستند، برخی به صورت رایگان اهدا می شوند.

آخرین پست تقریباً یک ساله بود، اما ممکن است به نوشته های قبلی علاقه مند باشید. هزاران آیکون روشن و رنگارنگ در Icojam منتشر شده است.

آرشیو آیکون

iconarchive.com بیش از نیم میلیون آیکون رایگان و نزدیک به 2500 مجموعه دارد. از آنجایی که کتابخانه بزرگ است، از فیلترها استفاده کنید - نمادهای مورد نیاز خود را بر اساس سبک، دسته و اندازه، نوع مجوز جستجو کنید.

نماد یاب

کاربران Iconfinder.com به 1926000 آیکون رایگان و ممتاز دسترسی دارند.

انتخاب زیادی از اندازه ها، قالب ها و تم ها وجود دارد.

Iconmonstr

کتابخانه طراح آلمانی الکساندر کالکوپف شامل بیش از 3800 آیکون سیاه و سفید است. آنها به خوبی برای وب بهینه شده اند و در فرمت های SVG، EPS، PSD و PNG در دسترس هستند.

نمادها برای استفاده تجاری هستند. نیازی به ذکر نویسنده نیست.

نمادها 8

تقریباً 57000 آیکون در icons8.com وجود دارد، پایگاه داده روزانه به روز می شود. رابط کاربری دوستانه است: جستجوی نمادها، پیمایش در دسته ها، انتخاب اندازه ها و قالب ها راحت است.

طرح رایگان شامل محدودیت هایی در اندازه فایل (حداکثر 100 پیکسل)، انتخاب قالب (فقط PNG) و روش استفاده (لینک لازم است). اگر نامحدود می خواهید - از 20 دلار در ماه اشتراک بخرید.

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

آیکون شوک

Iconshock دو میلیون آیکون، 800 مجموعه و 30 سبک است.

دانلود نمادها برای استفاده شخصی (به عنوان مثال، برای ایجاد رزومه) و اهداف تجاری (با یک لینک) کاملا رایگان. سایر محدودیت‌های بسته رایگان: اندازه تا 72 پیکسل، بدون فایل منبع، بدون ویرایش. برای حذف همه محدودیت ها، باید اشتراک سالانه 79 دلاری خریداری کنید.

آقای آیکون ها

Mr.Icons جمع آوری کننده ای است که آیکون های با کیفیت را در اینترنت جستجو می کند. این کتابخانه شامل بیش از 100000 آیکون است.

از فیلتر نوع مجوز استفاده کنید تا بلافاصله نمادهایی را که برای استفاده تجاری مجاز هستند برجسته کنید.

پروژه اسم

مجموعه پروژه دارای بیش از یک میلیون نماد است که روزانه آیکون های جدیدی ظاهر می شوند. شما می توانید تصاویر را در مورد هر موضوعی پیدا کنید و به سرعت آنها را با فرمت PNG و SVG دانلود کنید.

اکسیژن

Oxygenna یک آژانس طراحی کوچک است که در زمینه های وردپرس تخصص دارد. علاوه بر محتوای پولی، یک بخش رایگان با بسته های آیکون رایگان نیز وجود دارد.

مجموعه‌های آیکون منحصربه‌فرد در PNG، PSD و AI را از oxygenna.com دانلود کنید.

آیکون های گرد

تیم Round Icons عاشق ایجاد نمادهای خلاقانه است: پررنگ، ایزومتریک، گرد و موارد دیگر. در مجموع 30500 عدد در سایت وجود دارد، اما دسترسی به کل مجموعه هزینه دارد. اگر آماده پرداخت نیستید، کیت های رایگان را از طریق ایمیل دریافت خواهید کرد.

اگر از نمادها برای یک محصول تجاری انبوه (الگو یا موضوع) استفاده می کنید، پیوند به roundicons.com ضروری است.

جوهر ماهی مرکب

آیکون های وکتور زیبایی روی Squid Ink وجود دارد. به صورت رایگان به 50 فایل برای استفاده نامحدود در پروژه های شخصی و تجاری دسترسی دارید.

کل مجموعه از Squid Ink، شامل 2000 آیکون، 65 دلار به فروش می رسد.

تیلدا

تیم Tilda به صاحبان صفحه فرود بیش از 400 نماد در 27 موضوع تجاری (آموزش، وبینار، استودیوی عکس و غیره) در ازای بک لینک ارائه می دهد. آیکون ها مجاز به استفاده در پروژه های تجاری هستند.

اگر گزینه مناسبی پیدا نکردید، خواسته های خود را در فرم مخصوص بنویسید. در پایین صفحه قرار دارد.

Ionicons

Ionicons حدود 400 آیکون طراحی سیاه و سفید زیبا است. این مجموعه برای استفاده در وب، برنامه های اندروید و iOS، برنامه های دسکتاپ در نظر گرفته شده است.

می توانید آیکون های فردی را در قالب SVG یا همه به یکبار - در یک آرشیو بارگیری کنید.

محتوا تحت مجوز MIT، مجوز نرم افزار منبع باز توزیع می شود. یعنی می توان از نمادها آزادانه از جمله برای اهداف تجاری استفاده کرد.

نمادهای پر

feathericons.com دارای مجموعه ای از 250+ آیکون ساده و سیاه و سفید اما زیبا منبع باز است. نویسنده - کول بمیس، طراح و توسعه دهنده فرانت اند.

نمادها بر اساس حروف الفبا مرتب شده اند، همچنین جستجو بر اساس نام وجود دارد. محتوایی که دوست دارید با 1 کلیک با فرمت SVG قابل دانلود است.

همه نمادها را می توان آزادانه استفاده کرد، اما اگر می خواهید از نویسنده تشکر کنید، دکمه "Donate" در منوی بالا وجود دارد.

نماد

Ikonate فقط مجموعه ای از 200+ نماد نیست، بلکه یک سازنده آیکون کامل است. شما می توانید اندازه، ضخامت خط، سبک و رنگ را تغییر دهید تا محتوای طراحی مناسب ترین برای پروژه شما باشد.

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

Icofont

icofont.com دارای بیش از 2000 نماد سیاه و سفید است که در ده‌ها موضوع مختلف پخش شده‌اند: دارو، غذا، ویرایش، پیمایش، مارک‌ها و موارد دیگر. می‌توانید محتوا را به‌صورت جداگانه دانلود کنید یا ابتدا آن را جمع‌آوری کنید.

برای اینکه صفحه را در جستجوی نماد مورد نظر پیمایش نکنید، از جستجو استفاده کنید.

نمادهای icofont ساده نیستند، بلکه مبتنی بر فونت هستند. بنابراین، آرشیو حاوی فایل های SVG نیست، بلکه شامل CSS و TTF خواهد بود. راهنمای دقیق نصب در سایت و استفاده در ویرایشگرهای گرافیکی در قسمت "نحوه استفاده" قرار دارد.

جعبه ها

Boxicon ها تقریباً 800 آیکون برداری با کیفیت بالا و وب دوستانه هستند. برای سهولت کار برای طراحان و وبلاگ نویسان، سایت مرتب سازی بر اساس دسته بندی دارد. بیش از بیست مورد از آنها وجود دارد (کد، اجتماعی، ویراستاران، تجارت، تجارت الکترونیک و غیره).

آیکون ها را می توان مستقیماً در سایت جاسازی کرد، به عنوان فونت استفاده کرد یا با فرمت SVG دانلود کرد. محتوا برای پروژه های تجاری مناسب است، هیچ محدودیتی در این مورد وجود ندارد.

نمادها

آیکون‌ها 300 نماد برداری مقیاس‌پذیر رایگان هستند که توسط Piotr Adam Kwiatkowski، طراح محصول ساخته شده است. آنها به صورت جداگانه دانلود نمی شوند، فقط به عنوان یک آرشیو.

این مجموعه برای طراحان و توسعه دهندگان در نظر گرفته شده است.

فرمت های آیکون: VG، AI، ESP، PSD، CSH و PNG. تمام محتوا برای استفاده شخصی و تجاری در دسترس است.

IconBros

IconBros - بیش از 950 نماد در ده ها مجموعه (SEO و بازاریابی، تجارت، شکلک ها و غیره). جستجو وجود دارد، اما راهی برای دانلود کل آرشیو یا حداقل یک مجموعه کامل وجود ندارد.

آیکون ها را می توان در دو فرمت دانلود کرد: SVG و PNG. مجوز به شما امکان می دهد از محصول برای اهداف غیرتجاری و تجاری استفاده کنید. با این حال، شما نمی توانید یک نماد را بخشی از یک لوگو، علامت تجاری یا علامت خدمات کنید.

به نماد

To icon پروژه ای از یک آژانس طراحی از آمستردام است. در سایت 20 مجموعه با بیش از 4000 نماد پیدا خواهید کرد. هم سیاه و سفید و هم رنگی وجود دارد.

محتوای طراحی برای دانلود با فرمت SVG در دسترس است. آیکون ها رایگان هستند و به هر شکلی قابل استفاده هستند، نکته اصلی این است که یک لینک به toicon.com قرار دهید.

فروشگاه آیکون

نمادها در SVG موجود هستند و برای استفاده شخصی و تجاری مجاز هستند. ذکر منبع اختیاری است.

نمادهای جام

در فایل دانلود شده، محتوا در سه فرمت جاوا اسکریپت، CSS / فونت، SVG ارائه خواهد شد. Jam-icons.com دستورالعمل های دقیقی در مورد نحوه کار با هر یک دارد. شما می توانید از آیکون ها همانطور که دوست دارید استفاده کنید، مجوز MIT است.

12 منبع فونت رایگان

"فونت های رایگان" (VK)

جستجوی فونت های رایگان بدون خروج از شبکه اجتماعی برای کاربران Vkontakte راحت تر خواهد بود. می توانید فونت مورد نظر را در انجمن vk.com/shrift با استفاده از هشتگ انتخاب کنید. هر پست دارای یک فایل پیوست با فرمت OTF / TTF یا یک آرشیو با چندین فایل است.

1001 فونت

کتابخانه 1001 فونت شامل بیش از 15000 فونت است. فونت های مورد نیاز خود را بر اساس اندازه، نوع مجوز و موضوع جستجو کنید.

1001fonts.com به شما امکان می دهد هر فونت را به روشی که می خواهید سفارشی کنید: رنگ، اندازه و متن را با چند کلیک تغییر دهید.

فونت های انتزاعی

در دایرکتوری abstractfonts.com، فونت های مناسب را می توان با نام، دسته و نام توسعه دهنده پیدا کرد.

مجموعه فونت های انتزاعی حدود 13000 فونت رایگان برای دانلود دارد. در میان آنها، 150 سیریلیک است.

دافونت

به دنبال مجموعه بزرگی از فونت های قانونی رایگان هستید؟ بیش از 30000 مورد از آنها در وب سایت dafont.com وجود دارد.

در صفحه اصلی پروژه یک دستورالعمل ساده و قابل فهم برای نصب فونت ها وجود دارد.

پارچه فونت

اکثر فونت های موجود در سایت به جز "Baron" و "Muller Narrow" برای پروژه های شخصی و تجاری رایگان هستند.

125 فونت در fontfabric.com وجود دارد که 59 فونت از سیریلیک پشتیبانی می کند.

فونت سنجاب

Font Squirrel یک جمع‌آوری کننده فونت‌های دارای مجوز تجاری است. اگر آیکون globe را مشاهده کردید، به این معنی است که فونت را می توان از طریق CSS در وب سایت جاسازی کرد.

Fontsquirrel.com همچنین یک ابزار مفید Matcherator دارد. هر عکسی را با متن در آنجا آپلود کنید و نام فونت ها را پیدا کنید.

ذخیره سازی فونت

مجموعه Font Storage شامل 650 فونت است. فونت ها به دسته های زیر تقسیم می شوند: sans-serif، serif، monospace، decorative. همچنین هر فونت دارای تگ هایی (رترو، گوتیک و ...) می باشد.

این سایت دارای نسخه روسی است که مناسب است.

FontSpace

Fontspace.com میزبان بیش از 30000 فونت رایگان است. جستجو بر اساس برچسب ها و یک پیش نمایش راحت وجود دارد. اگر می خواهید نتایج جستجو را به شخص دیگری نشان دهید، یک پیوند ثابت ایجاد کنید.

برای اطلاع از نوع مجوز، فقط مکان نما را حرکت دهید.

فونت های گوگل

کتابخانه فونت از Alphabet Inc. این سرویس محبوب به شما کمک می کند تا فونت ها را برای همه موارد انتخاب و دانلود کنید.

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

بفونتس

اگرچه فونت ها رایگان هستند، برخی فقط برای استفاده شخصی مجاز هستند. لطفا قبل از دانلود توضیحات را با دقت بخوانید.

اسمارت فونت ها

SmartFonts یک دایرکتوری معمولی نیست، بلکه یک موتور جستجوی کامل است. این کاتالوگ شامل بیش از 56000 فونت مختلف است که 1380 قلم آن از زبان روسی پشتیبانی می کند و برای استفاده تجاری مجاز است.

جستجو در smartfonts.com بسیار راحت است: شما می توانید یک دسته، شیب، عرض و غیره را انتخاب کنید. و هنگامی که به یک صفحه برای یک فونت خاص می روید، می توانید متن خود را وارد کنید و بلافاصله نتیجه را ببینید.

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

Pinspiry.com - در بخش "فونت های رایگان" - تقریباً 900 فونت رایگان برای استفاده شخصی و/یا تجاری دارد. سیریلیک - حدود 80.

کاتالوگ فوراً نشان نمی دهد که فونت چه مجوزی دارد. برای یافتن و دانلود آرشیو، باید به صفحات جداگانه بروید.

6 منبع رایگان قالب PSD

طراحی تنبل

DesignLazy یکی از پروژه های ایشمام، طراح چند رشته ای است. او و دوستانش در سایت، قالب‌های وب‌سایت، موکاپ‌ها و کیت‌های رابط کاربری را منتشر می‌کنند.

PsdBox (VK)

قالب های جهانی و موضوعی (برای فروشگاه های آنلاین، عموم مسافران، گروه های خبری، وبلاگ های نویسنده و غیره) وجود دارد.

دانلود موکاپ

سایت mockupdownload.ru دارای صدها قالب PSD در ده ها دسته است ("بنرها" ، "کارت های ویزیت" ، "رایانه ها" ، "لباس ها" و غیره). آنها را می توان به صورت رایگان، بدون ثبت نام و پیامک دانلود کرد.

صاحبان منبع مسئولیت نقض قوانین کپی رایت را رد می کنند، بنابراین، قبل از استفاده از الگوها برای اهداف تجاری، مجوز را مطالعه کنید. اطلاعات مربوط به آن در یک فایل جداگانه از هر آرشیو ارائه شده است.

PSD HTML CSS

در سایت psd-html-css.ru - درس های طرح بندی و HTML و فایل های PSD رایگان. 200 ماکت، قالب سایت و عناصر رابط کاربری قبلا در صفحات پروژه منتشر شده است.

یافتن چیزی نادر در اینجا دشوار است: تیم psd-html-css.ru کار CSS Author، Pixeden و دیگر جوامع طراحی اصلی را بر عهده می گیرد.

FreePSDFiles

فایل‌های PSD رایگان صدها فایل رایگان هستند: پس‌زمینه، عناصر وب، طرح‌بندی وب‌سایت.

تمامی فایل ها برای استفاده شخصی و تجاری مناسب هستند. اگر از قالب ها برای طراحی یک فروشگاه آنلاین یا صفحه فرود استفاده می کنید، باید یک لینک برگشتی به freepsdfiles.net قرار دهید.

365psd

365psd.com دارای بیش از 5000 قالب رایگان PSD است: کیت های رابط کاربری، پس زمینه، نقشه ها و موارد دیگر. محتوا به 30 دسته تقسیم می شود (چکیده، آموزش، فناوری، و غیره).

متأسفانه، درک فوری اینکه آیا یک الگو برای استفاده تجاری مجاز است یا خیر دشوار است. اطلاعات اضافی در مورد مجوز در خود آرشیو پنهان است.

20 سایت با متنوع ترین گرافیک

1001 دانلود رایگان

تیم 1001FreeDownloads بهترین محتوا را برای طراحان در سراسر وب پیدا می کند. در اینجا هزاران تصویر برداری رایگان، والپیپرها، براش ها، شیب ها، فونت ها را خواهید یافت.

یک محدودیت وجود دارد: شما نمی توانید بیش از 50 فایل در روز را از 1001freedownloads.com دانلود کنید.

رفتار

Behance یک پلت فرم شبکه ای است که در آن افراد خلاق کار خود را به اشتراک می گذارند. با جستجوی "رایگان" در سایت زیرمجموعه Adobe، می توانید هزاران نماد، فونت، قالب و سایر گرافیک های رایگان را پیدا کنید.

طراحان، تصویرگران، هنرمندان، عکاسان و معماران از Behance دیدن می کنند تا الهام بگیرند و هنر خود را به نمایش بگذارند.

بهترین بازی های رایگان PSD

مایکل ریمر، طراح گرافیک تصمیم گرفت به همکارانش کمک کند و bestpsdfreebies.com را تأسیس کرد. در سایت می توانید بهترین محتوای طراحی - تم ها، دکمه ها، سبک ها، نمادها - کاملا رایگان را دانلود کنید.

پروژه Free Design Resources به لطف هنرمندان و طراحان در سراسر جهان ایجاد شد. این بهترین محتوای طراحی را جمع آوری و توزیع می کند: قالب ها، مدل ها، فونت ها و موارد دیگر.

تیم Free Design Resources شما را تشویق می کند که به یکدیگر کمک کنید، زیرا این طبیعت انسان است.

دم خلاق

Creativetail.com یک وب سایت انجمن طراحی است. تصاویر کمی وجود دارد، اما آنها جالب و غیر معمول هستند.

متأسفانه، محتوای پولی و رایگان ترکیب شده است. شما می توانید لیست را فقط بر اساس تاریخ آپلود، تعداد لایک ها و دانلودها فیلتر کنید.

نویسنده CSS

در CSS Author، مجموعه‌ای از محتوای رایگان از Smashing Magazine، Graphics Fuel و موارد دیگر.

مجموعه‌های جدید با آیکون‌ها، کیت‌های رابط کاربری و طرح‌بندی‌های PSD برای چیدمان به طور منظم ظاهر می‌شوند.

طراحی بیپ

Designbeep مجموعه آیکون ها، فونت ها و مدل های موجود در جاهای دیگر (Freepik، Behance و غیره) را منتشر می کند. جستجو وجود ندارد، بنرهای تبلیغاتی همه جا در کمین هستند.

بیش از 1000 مجموعه رایگان مختلف در designbeep.com وجود دارد.

داستان رویایی

dreamstale.com مقالات مفیدی در زمینه طراحی وب، آموزش فتوشاپ و محتوای برتر دارد. در بخش «Freebies» بافت‌ها، پس‌زمینه‌ها، نمادها و فونت‌های رایگان را خواهید یافت.

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

Freebiesbug

Freebiesbug پروژه ای توسط طراح گرافیک Pasquale Vitiello است. در وب سایت او، 300 مجموعه آیکون، 400 فونت رایگان و 750 قالب PSD را خواهید یافت.

فری پیک

Freepik یک کتابخانه بزرگ از محتوای طراحی رایگان است. شرایط استفاده - انتساب. فایل ها در فرمت های PNG، EPS، SVG موجود هستند.

با نسخه روسی، جستجو برای آیکون ها آسان تر است، اما ترجمه مانند Aliexpress وحشتناک است.

خست و شوم

Fribly یک مجله دیجیتال است که در آن الهام و ارزش خواهید یافت. مجموعه های جدید به ندرت ظاهر می شوند، اما کاملا رایگان هستند.

Fribly یک جمع کننده است. برای دانلود یک مجموعه خاص، باید به منابع دیگر مراجعه کنید.

برگر گرافیکی

در graphicburger.com فایل های انحصاری با کیفیت بالا را در فرمت های PSD (مکاپ ها، آیکون ها و مجموعه های رابط کاربری) و JPG (بافت ها، پس زمینه ها) خواهید یافت.

آرشیوها کوچک هستند، به عنوان مثال، کمی بیش از 100 مجموعه آیکون در سایت وجود دارد. استفاده از تمامی مطالب برای مقاصد شخصی و تجاری مجاز است.

سوخت گرافیکی

رفیع هنرمند، وبلاگ نویس و طراح گرافیک است که از سال 2010 مطالب مفیدی را برای طراحان به اشتراک می گذارد. بیش از 25 میلیون عنصر گرافیکی در graphicsfuel.com وجود دارد.

در پورتال بافت ها، پس زمینه ها، آیکون ها و موارد دیگر را خواهید یافت.

Pixeden

تیم انجمن Pixeden مجموعه ای عالی از گرافیک ها را ارائه می دهد: آیکون ها، تم های وردپرس، بافت ها و موارد دیگر. از محتوای رایگان استفاده کنید یا یک اشتراک 6 دلاری در ماه بخرید تا به بسته های پریمیوم دسترسی پیدا کنید.

آیکون‌ها، پس‌زمینه‌ها و بافت‌ها برچسب‌گذاری می‌شوند تا حرکت در سایت آسان‌تر شود.

Infogra

سایتی برای طراحان مجرب و تازه کار. در آنجا نقد کتاب، آموزش طراحی، یک انجمن و بسیاری از مطالب مفید را خواهید یافت: فونت ها، کیت های رابط کاربری، نمادها.

مطالب جدید در infogra.ru به طور منظم منتشر می شود. در فید RSS مشترک شوید تا چیزی را از دست ندهید.

پیکسل بودا

تیم PixelBuddha مشتاق توسعه محصولات حرفه ای و با کیفیت برای جامعه طراحی است. در سایت، می‌توانید محتوای ممتاز خریداری کنید یا نمادها، کیت‌های رابط کاربری، عکس‌ها، فونت‌ها را رایگان دانلود کنید.

درخت PNG

PNGTree شامل 3 میلیون تصویر شطرنجی و برداری، 685000 پس زمینه، 96000 آیکون است.

در طرح رایگان، می توانید حداکثر 3 عکس در روز بارگذاری کنید. اشتراک ماهانه ای که محدودیت ها را حذف می کند و به شما امکان دسترسی به محتوای ممتاز را می دهد 9 دلار هزینه دارد.

Dbfreebies

Dbfreebies.co مجموعه ای از بهترین محتوای طراحی (مکاپ ها، پس زمینه ها، قالب ها، کیت های رابط کاربری و غیره) از دو منبع اصلی است: Behance و Dribbble. در کل 1250 مورد در کاتالوگ وجود دارد.

جستجو وجود ندارد، شما فقط می توانید مطالب را بر اساس تازگی و محبوبیت مرتب کنید. همچنین، متأسفانه، بسیاری از پیش نمایش ها به خوبی بارگذاری نمی شوند، شما باید تقریباً کورکورانه جستجو کنید.

اطلاعات مربوط به مجوز را می توان تنها پس از رفتن به منبعی یافت که در آن خود محتوا مستقیماً ارائه می شود.

7 سرویس برای ایجاد لوگو و فاویکون

لاگستر

Logaster سرویسی برای ایجاد آرم و عناصر هویت سازمانی در فرمت های JPEG، PNG، PDF و SVG است. سازندگان تضمین می کنند که کیفیت تصویر حتی برای چاپ با فرمت بزرگ نیز کافی است.

نقطه ضعف: فقط یک لوگوی کوچک را می توان به صورت رایگان بارگیری کرد. بسته طراحی کامل 30 دلار هزینه دارد. علاوه بر فاویکون و لوگو (در SVG، PDF، PNG، JPEG و ICO)، شامل طرح‌بندی کارت ویزیت، پاکت نامه و سربرگ (در PDF، PNG و DOCX) است.

طراحی ریسپانسیو یک موضوع محبوب است. صفحه‌نمایش‌ها مدت‌هاست که از وضوح استاندارد فراتر رفته‌اند و سایت‌ها را می‌توان هم در دستگاه‌های اندازه کف دست و هم در نمایشگرهای بزرگ مشاهده کرد. بدون توجه به اندازه دستگاه و تراکم پیکسل، سایت باید به همان اندازه خوب به نظر برسد. تکنیک ها و فناوری های مختلفی برای تطبیق طراحی و محتوا وجود دارد. گرافیک برداری، SVG به نظر من یکی از جالب ترین موضوعات در این راستا است.

گرافیک های SVG برای آیکون ها عالی هستند، در دستگاه های شبکیه صابونی به نظر نمی رسند، و می توانند بدون از دست دادن کیفیت کشیده شوند.

در اینجا، برای مثال، یک SVG Sprite در 4 اندازه مختلف، یکی اصلی 32px است:

SVG این کار را عالی انجام می دهد و برای استفاده در طرح بندی های واکنش گرا مناسب است.

می توانید آیکون هایی را برای طراحی از مجموعه های آماده بردارید یا خودتان نقاشی کنید.

مجموعه ای از آیکون های آماده

iconmelon.com

مجموعه بزرگی از آیکون ها در موضوعات مختلف. پیشنهاد می شود نمادهای دانلود شده با استفاده از استفاده در HTML درج شوند.

icomoon.io

راحت ترین ابزار. شما نه تنها می توانید آیکون های آماده را انتخاب و دانلود کنید، بلکه می توانید آیکون های خود را نیز آپلود کنید و آنها را به شکل فونت و/یا اسپرایت دریافت کنید. به همراه sprite پیشنهاد می شود نسخه PNG آن نیز دانلود شود.

flaticon.com

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

خودمان را می کشیم

برای ایجاد مجموعه ای از نمادهای خود، به یک ویرایشگر برداری نیاز دارید:

• Adobe Illustrator به نظر من بهترین است. 599 روبل در ماه به عنوان بخشی از اشتراک Creative Cloud؛
• Inkscape رایگان است و خیلی کاربر پسند نیست.
• طرح - برای سیستم عامل مک، 79.99 دلار. مشکلاتی با بردار سکته مغزی دارد، اما به طور کلی بسیار راحت است.

کاهش وزن

فایل SVG تمام شده معمولاً حاوی مقدار زیادی اضافی است، اما به خوبی برای بهینه سازی مناسب است. ویژگی ها، فاصله ها و خط تیره های غیر ضروری از کد حذف می شوند و تعداد کاراکترهای بعد از نقطه کاهش می یابد. وزن فایل 30-50٪ کاهش می یابد. ابزارهای بهینه سازی:

grunt-svgmin- وظیفه برای استفاده از Grunt svgo. در این صورت خود فایل ها از پوشه منبع گرفته، بهینه شده و به پوشه نتایج اضافه می شوند. خیلی راحت

فونت اسپرایت یا آیکون؟

فونت یک جایگزین مفید برای sprite است. نیازی به زحمت شبکه و مکان نمادها نیست، اضافه کردن کاراکترهای جدید راحت است، اگرچه این به ابزارهای اضافی نیاز دارد.

با کمک یک فونت، می توانید نه تنها آیکون های تک صدا، بلکه چند رنگ نیز بسازید.

می توانید فونت خود را بسازید، به عنوان مثال، در icomoon.io/app/. توالی تقریبی اقدامات:

1. نمادها را از مجموعه انتخاب کنید و/یا نمادهای خود را آپلود کنید.
2. روی دکمه Font در زیر کلیک کنید.
3. در این مرحله می‌توانید نمادها را مجدداً برای نمادها اختصاص دهید یا فورا فونت حاصل را دانلود کنید.

همراه با فونت در چهار فرمت (.woff، .svg، .ttf، .eot)، CSS و یک فایل نمایشی بارگذاری شده است.

فونت های جاسازی شده حتی در IE 8 نیز کار می کنند، اما در برخی از مرورگرهای مدرن مشکلات پشتیبانی غیرمنتظره دارند. Opera Mini به هیچ وجه از فونت های سفارشی پشتیبانی نمی کند، فایرفاکس برای سروری که فونت در آن قرار دارد به طلسم نیاز دارد (با base64 تصمیم گرفته شده است)، اگر یک برگه را برای مدت طولانی باز بگذارید، Chrome می تواند فونت را بارگیری کند:

همچنین در Chrome در Windows7، صفحه ای با فونت های جاسازی شده ممکن است هنگام باز شدن آویزان شود، و در برخی از مرورگرهای دیگر، به جای نمادها، هر چیزی می تواند ظاهر شود:

تصویر از مقاله کریس کوئر Icon System with SVG Sprites. من به نوعی هیروگلیف ها را در همان مکان دیدم، اما اکنون SVG وجود دارد، بنابراین صفحه نمایش کار نخواهد کرد. به هر حال، CSS-tricks در طراحی جدید خود بسیار فعالانه از SVG استفاده می کند و توسعه دهندگان Codepen در طراحی ویرایشگر جدید استفاده از فونت های نماد را به نفع SVG کنار گذاشتند.

با وجود سهولت استفاده، مشکلات پشتیبانی فونت در حال حاضر انتخاب به نفع نمادهای SVG را مجبور می کند.

امیدواریم در آینده از فونت های قابل جاسازی بهتر پشتیبانی شود.

چگونه می توان SVG را در یک صفحه قرار داد؟

جن

طرفداران:

• کد کوتاه قابل خواندن؛
• تصویر ذخیره شده است.

معایب:

• درخواست به سرور؛
• در اپراهای قدیمی، SVG پس‌زمینه به‌طور عجیبی پشتیبانی می‌شود: ممکن است هنگام افزودن حاشیه به عنصری با پس‌زمینه SVG، مشکلاتی وجود داشته باشد، در حالی که در Opera Mini فقط پس‌زمینه‌های بدون ViewBox کار می‌کنند.
• نمادهای sprite برای سبک های صفحه در دسترس نیستند.
• اسپرایت های بزرگ می توانند باعث مشکلات عملکرد شوند.

Base64 در URI داده

طرفداران:

• بدون درخواست به سرور
• پشتیبانی خوب از مرورگر: همه چیز به جز Opera در Presto و IE قدیمی.

معایب:

• تصویر کش نیست و هر بار دوباره رندر می شود.
• خط طولانی در CSS;
• غیر قابل خواندن: از کد مشخص نیست که حاوی چه چیزی است.
• تصویر کدگذاری شده ممکن است وزن بیشتری از تصویر اصلی داشته باشد.
• ابزارهای اضافی برای رمزگذاری / رمزگشایی مورد نیاز است.
• نمادها برای سبک های صفحه در دسترس نیستند.

SVG به URI داده

• بدون درخواست به سرور؛
• کد نسبتا قابل خواندن (قابل خواندن یا ویرایش)؛
• نیازی به رمزگشایی ندارد.
• هنگامی که با SVG کدگذاری می شود توسط همه مرورگرهای مدرن پشتیبانی می شود.

معایب:

• ذخیره نشده؛
• خط طولانی در CSS;
• آیکون ها برای سبک های صفحه در دسترس نیستند.
• فقط توسط مرورگرهای Webkit پشتیبانی می شود.

استفاده (استفاده مجدد از عناصر SVG)

طرفداران:

• کد قابل خواندن؛
• می توانید عنوان و توصیف را به تصاویر اضافه کنید.
• نمادها برای سبک های صفحه در دسترس هستند. همچنین می توانید نمادها را روی fill="currentColor" تنظیم کنید و آنها به همراه متن نقاشی می شوند.

معایب:

• مستقیماً در HTML درج می شود. قبل از استفاده، عناصر باید در بالای صفحه در SVG درون خطی اعلام شوند. شاید راه ظریف تری برای اتصال کتابخانه عنصر وجود داشته باشد، من نتوانستم آن را پیدا کنم.

فونت

طرفداران:

• کد مناسب؛
• تنها راه در IE8 بدون بازگشت پشتیبانی می شود.
• نمادها برای سبک های صفحه در دسترس هستند و همراه با متن نقاشی می شوند.

معایب:

• اگر فونت بارگیری نشده باشد (هنوز بارگیری نشده است، اصلاً بارگیری نشده است یا قبلاً بارگیری شده است)، به جای نمادها، حروف یا کاراکترهای یونیکد یا هیچ چیز وجود نخواهد داشت.

مثال زنده با پشتیبانی مرورگر:

مثال همانطور که هست ارائه شده است، بدون تلاش برای سازگاری با مرورگرهای متقابل. می توانید نسخه ی نمایشی را در مرورگر مورد نظر باز کنید و ببینید که چگونه از روش های مختلف پشتیبانی می کند.

نمایش نمادها در مرورگرهای بدون پشتیبانی از SVG

در حال حاضر راحت ترین و قابل اطمینان ترین روش درج به صورت اسپرایت است.

برای جایگزینی تصاویر در IE8 و قدیمی تر، می توانید از روش پس زمینه چندگانه استفاده کنید:

نماد (پس‌زمینه-تصویر: url(your.png)؛ /* PNG برای IE6-8 */ تصویر پس‌زمینه: url(your.svg)، هیچکدام؛ )

برای اپراهای قدیمی تر، می توانید از این انتخابگر استفاده کنید:

وجود ندارد:-o-prefocus، .icon (پس زمینه-تصویر: url(your.png)؛ )

بنابراین، می توان اطمینان حاصل کرد که نمادهای کاربران با مرورگرهای مختلف تقریباً یکسان هستند.

از روش های موجود برای درج آیکون ها، فونت را بیشتر دوست دارم. اگر مشکلات پشتیبانی نبود، عالی بود. من استفاده را دوست ندارم زیرا نشانه گذاری و استایل را با هم ترکیب می کند، اگرچه دسترسی به CSS و امکان افزودن عنوان و توصیف را دوست دارم. یک راه بسیار خوب، اما ضعیف دیگر وجود دارد، اما این یک موضوع برای یک پست جداگانه است.

UPD:بسیار از شما متشکرم