18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (2023)

HomeBlogDesign18 Free Social Media Icon Sets and Icon Fonts for Web and App Design

In this post, we have picked up some greatfree social media icons and icon fonts that you can use to add links to your social profiles on your websites, blogs, e-stores, and apps.

Social media integration has become an indispensable part of modern web and app design. Letting your users socially connect with you or share on social networking sites from your website or from within your app not only helps in building user engagement, but also boosts marketing and attracts new users to your product.

These social media icons are available in many different styles including 3D icons, hand-drawn look, minimal outline, and flat icons. Available for free download, the icons are provided in multiple formats including PSD, AI, EPS, Figma, Sketch source files, PNG and SVG icons, some of these are available as icon fonts as well. These icon sets cover icons of all the popular networking sites including Facebook, Twitter, Instagram, LinkedIn, YouTube as well as many of the lesser known.

Free Social Media Icons

These social icon sets are free to download and come with personal and/or commercial use license, some may require attribution in return, please make sure to read their terms of use before using them in your commercial projects.

Free Social Media 3D Icons

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (1)

This is a set of 12 free 3D icons for social media you can use on your sites, apps, presentations, landings, and other projects. Designed by Denis Krasavchikov, the icons are available in SVG, PNG and Figma formats. Icons are provided in 2 camera angles (3/4, Parallel), their reflections can also be customized.

Download

Socialico – Free Social Media Icon Font

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (2)

Socialico is a package of 74 free social media icons, combined within a single weight font and designed by Jelio Dimitrov. Every single icon matches a particular key on your keyboard, some of which you can see in the image above. Free download includes OTF, TTF and Web Fonts.

Download

Simple Icons SVG

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (3)Download

Simple Icons by Dan Leech has an exhaustive set of over 1900 icons of social media and popular brands. These icons are available as SVG icons.Iconscome in black colorwith transparent background. HEX value of the corresponding brand color is also providedon the website.

(Video) Top 5 Websites for Free Icons Every Designer Should Know 2021

Buddycons– 126 Vector based Social Media Icons

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (4)

Buddycons is a set of 63 colorful icons for different social networks. Icons are available in two styles – with circular background and square background with rounded edges, totaling 126 icons. These icons can be downloaded for free from Premium Pixels in PNG formats along with their source vector AI file.

Download

JustVector Social Icons & Web Font

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (5)

Asetof 150 free for commercial-use monochrome social icons by Alex Peattie. The icons are available in AI, EPS, SVG vector formats and are fully editable. 32×32 px individual PNG files areincluded in the downloadable file. This social icon setis alsoavailable as web font.

Download

Hand Drawn Social Icons – Free Set

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (6)

This free set contains 89 hand drawn social media icons. On downloading, you’ll get these icons in EPS, PDF, SVG vector formats and transparent PNGs in three different sizes – 64x64px, 128x128px and 256x256px. If you need a hand-drawn look for your website or app, you can also check these sketchy hand drawn arrow vectors.

Download

Social Logos in Color Hand Drawn Style

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (7)

This is a set of free color logos of social networks in hand drawn style designed by Icons8. These icons will add nice vintage vibe to your user interface and graphic design projects.

Download

24 Vector Social Icons

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (8)

A collection offree for commercial-use social media iconsby Dreamstale. Thissocial mediaicon set contains 24 dark and 24 white icons in PNG and AI, EPS vector formats. Included are icons for popular social networking sites like facebook, google plus, twitter, dribble and many other social networking sites.

Download

Social Media 3D Icons PNG

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (9)

A set of 10 social media 3D icons designed by Roman Haswell and Anton Merzlyakov. Available for free download in PNG format.

(Video) 279 Free Icons for Designers & Developers

Download

Nucleo Free Social Icons SVG

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (10)

Nucleo social icons designed by Sebastiano Guerriero is a pack of 40 free social media icons in 3 styles. Includes icons in SVG, AI and Sketch formats.

Download

Drawic – Free SVG Social Icons

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (11)

Released by Kyo Nagashima, Drawic is a set of free social icons in SVG format available under CC0 license on GitHub.

Download

Social Media Icons Sketch Freebie

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (12)

This is a set of MIT licensed social media icons available for download from GitHub. Made by Konstantin Savchenko, the download includes 80 social media icons in .sketch, .eps, .png, and .svg formats. Each of these icons comes in 2 styles with oval and rectangle bounds.

Download

Social Flat Icons – Sketch, SVG, AI

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (13)

Free social flat icon set designed by Christophe Kerebel, available for free download in Sketch, SVG, AI, EPS and PDF formats

Download

45 Subtle Social Media Icons

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (14)

This free icon set by GraphicBurger offers 45 pixel perfect social media icons in PSD format. Icons are built using Photoshop vector shapes and therefore can be resized according to your needs.

Download

(Video) How I find and manage icons for my UI designs

42 Long Shadow Social Icons (PSD)

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (15)

42 long shadow social icons byUi Pixels. These icons are available in PSD format in three different sizes.

Download

Social Media Thin Icon Set

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (16)

A set of 32 freesocial media thin icons in vector format by designerMartaxrodriguez.

Download

Free Flat Social Media Icon Set

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (17)

Flat social media icon set in EPS format by Allan McAvoy. You can also check his other social media iconsetthat has icons for Stumble Upon, Reddit, MySpace and many other social networking sites.

Download

40 Rounded Flat Social Media Icons

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (18)

Designed in Adobe Illustrator, these 40 free social media icons by GraphicLoads can be used for free in your projects.PNGs of different sizes and AI fileare included in the downloadable file.

Download

Bonus: Premium Social Media Icon Sets

As an added bonus, we are also including some of the topselling social media icon bundles from GraphicRiver and Creative Market. There are many great free icon sets available that you can use in your commercial work, but when you are looking for icons in certain trending styles such as retro and watercolor, you need to turn to premium icon sets.

Moreover, these icons are provided in many different sizes and styles and on purchasing them, you also get free updates. Please note that the links to these premium icon sets areaffiliate links.

Retro Social Media Icons

A premium pack of 160 social icons in retro style for when you need to adopt vintage style design. You may also want to check out thisretro and vintage font collection.

(Video) Top 3 Icon Sets for UI Design: Icon Libraries for Designers (Web and UI 2019)

Provided in fourdifferent styles -large with text, medium with text, ringed and offset, these icons feature subtle noise effect. On purchasing this icon set from, you’ll get PSD files and transparent PNG files. Icons are made up of vector shapes and can be easily resized.

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (19)

Download

Social Media Icons Bundle

This is a huge bundle of over600 icons for social media in flat style and thin line style. Flat icons are offered in 5 different variations – metro, poster, hexagonal, round and long shadow. While thin line icons give you option to choose from colored, white and black versions.

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (20)

Download

Vector Social Media Icons – Watercolor Style

These stylish watercolor style social media icon set contains 42 unique icons in PSD (24px, 32px, 48px, 60px), AI and EPS formatsplus ready to use SVG and PNG assets totalling over 700 icons. These icons are optimized for use in Android apps, iOS apps, websites and web apps.

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (21)

Download

150 Clean Social Media Icons

A premium set of 150 social media icons in black and white colors available for purchase on Creative Market. These flat round icons are provided in SVG formats along with 512×512 px JPG and PNG files.

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (22)

Download

Social Media Icons

This icon set contains icons for 71 social networking sites. Icons are available in 9 PNGsizes from 24x24pxto 1024x1024px. The purchased file includes layered PSD files as well. Each icon has 2 styles – normal and hover so they can be used as buttons in your websites and apps.

18 Free Social Media Icon Sets and Icon Fonts for Web and App Design - Super Dev Resources (23)

Download

If you are looking for quality icons for using in your apps, games and websites, don’t forget tocheck out our post where we covered great free sites which offer more than 100,000 free icons for apps and websites.

(Video) Embed Content from 700+ Sources ⚡️ Membership Tips - Webinar Wednesday 143

You may also find these icon collections useful:

  • Free SVG Icons forWeb Design
  • Material Design Icons
  • Thin Line Icon Sets

And, since this post is on social media icons, I hope that you won’t refrain from sharing this post on your social network. :-)

Related

FAQs

Are social media icons free to use? ›

Despite the ubiquity of icons in all shapes, colors and sizes online, social media icons are registered trademarks. They are protected by copyright and enforceable brand guidelines.

Is there a font with social media icons? ›

Socialico is a package of 74 social media icons, combined within a single weight font and designed by Jelio Dimitrov a.k.a. Arsek.

How do I add social media icons to WordPress for free? ›

In WordPress's left-hand menu, select Appearance > Customize. In the left-hand menu, select Widgets. Select the widget area where you want to display your social icons, for example Blog Sidebar or Footer 1. Select Add a Widget.

How do I get social media icons on canva? ›

Canva's social media icons are located in the “Shapes” section of the site. To find them, just click on the “Shapes” tab and then scroll down until you see the social media icons.

How can I make money from icon? ›

How to Make Money As An Icon Designer
  1. Discover your signature style. ...
  2. Develop a personal brand. ...
  3. Publish your work consistently. ...
  4. Icon Design Marketplaces‍ ...
  5. Additional Marketplaces. ...
  6. Create a list of your dream clients. ...
  7. Start within your network. ...
  8. Use an established platform‍
13 Mar 2020

What fonts do social media apps use? ›

10 Amazing Fonts for Social Media Graphics
  • Code Pro. Code Pro is a great-looking, easy to read font that is based on Source Sans. ...
  • Intro Rust. Intro Rust is a very unique font. ...
  • ChunkFive. ChunkFive is a super bold slab font. ...
  • Exo. ...
  • Nexa Rust. ...
  • Museo Sans. ...
  • Nobile. ...
  • PT Sans.

What is the best free social media plugin for WordPress? ›

Get it for free!
  1. Smash Balloon. Smash Balloon is by far the best social media plugin for WordPress. ...
  2. Shared Counts. Shared Counts is an awesome, lightweight social media plugin for WordPress. ...
  3. Revive Social. ...
  4. Social Warfare. ...
  5. AddToAny Share Buttons. ...
  6. Simple Social Icons. ...
  7. Better Click to Tweet. ...
  8. Sassy Social Share.
16 Aug 2022

Does Google have free icons? ›

Choose from a large, ever-growing collection of high-quality icons, this add-on is available for use for free. Use all the icons you want for free, and brighten up your documents and presentations today.

How do I add social media icons to HTML? ›

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want add the sticky icons of social media. Step 2: Now, we have to place the cursor just after the <title> tag in the <head> tag of the Html document and then attach the CDN link.

Is Canva button free? ›

For anyone wanting to design anything, on your own or with others. And it's free forever.

How do I add a social media widget? ›

Installing the Social Media Widgets plugin

Type “social media widget” in the Search Plugins box, then hit the Enter key to search. You will then see the Social Media Widget listed, click the Install Now. When you see a message stating the plugin has been “Successfully installed” click the Activate Plugin button.

How do I create a social media tag? ›

Tags is a @ symbol used before a name

A tag is the "at" symbol (@) preceding a person's or brand's name on a social network. For example, if you wanted to tag Apple's CEO Tim Cook, you would use @Tim_Cook (Apple is conspicuously absent from Twitter, however).

Which app makes highest money? ›

If you're looking for top-paying apps, here are our favorites: Swagbucks – Make money from surveys, small tasks, and special offers.
...
The Highest-Paying Apps
  • Rakuten ($40 signup bonus) ...
  • TopCashback. ...
  • Ibotta ($20 in sign up bonuses) ...
  • Drop. ...
  • Trim. ...
  • DoorDash. ...
  • Steady. ...
  • Instacart.
3 Nov 2022

What apps will make you money? ›

The Best Money-Making Apps for 2022
  • Best Overall: Upwork.
  • Best for Cashback: Rakuten.
  • Best for Surveys: Survey Junkie.
  • Best for Car Owners: Uber.
  • Best for Selling Old Goods: OfferUp.
  • Best for Odd Jobs: Swagbucks.

What app make you make money? ›

Overview of the 20 Best Money Making Apps

Google Opinion Rewards: Get paid by answering surveys. iPoll: Similar to above, get paid by taking surveys. Swagbucks: Rewards points for shopping online, browsing the web, answering surveys, and watching entertaining videos. Acorns: Puts your money to work by investing it.

Is aesthetic app icon 15 free? ›

One of the reviews i read was talking about how good this app was, meanwhile on the other hand another review said that it wasn't worth your time. I agree with the last one, since nothing is free. You have to get the membership to get the wallpapers, widgets, app decor: everything.

What is the best site for icons? ›

Top 10 best sites to download icons
  • Icons8. ...
  • The Noun Project. ...
  • Iconshock. ...
  • Iconscout. ...
  • IconArchive. ...
  • Freepik. ...
  • Pixeden. Pixeden offers both premium and free icon as icon sets. ...
  • Streamline. Streamline offers over 30,000 free PNG icons to download, along with 53 main categories and 720 sub categories.

How do I get free icons on my phone? ›

All these sites feature free icon sets that are also free for commercial use.
  1. Iconfinder - millions of free & premium vector icons. ...
  2. IconArchive - more than half a million icon sets. ...
  3. Flaticons - great collection of vector icon packs. ...
  4. Iconmonstr - great quality icon sets. ...
  5. Icondeposit - free icons from Android & iOS apps.
17 Nov 2015

What is the best font app for free? ›

You Might Also Like
  • Good Fonts - Text Keyboard App. Utilities.
  • KeyPro – Keyboard Themes Emoji. Utilities.
  • Fonts+Keyboard Themes & Emoji. Utilities.
  • Fonts Keyboard font. Utilities.
  • Keyboard Fonts Cool Fonts. Utilities.
  • Fonts: Font Keyboard, Text Art. Utilities.
13 Nov 2022

Which logo font is best? ›

To choose the perfect font for your logo, you need to align with your brand personality. If your brand is sophisticated and authoritative, a serif font would work better for you. If your brand is modern and edgy, a sans serif font might be a better choice.

What font is used in Google apps? ›

Product Sans is mainly used in the text of Google's numerous services' logotypes such as Maps, Drive, News, Earth, etc. The font is also used on the Google Store, and in some versions of Android.

What font does FB use? ›

The Facebook logo is based on Klavika, with some modifications.

Which font is used by Instagram? ›

Instagram Sans is our new, global typeface. The glyph and wordmark inspired this custom style that nods to our heritage. Instagram Sans reflects the shape of the glyph and our commitment to simplicity and craft.

What font is used in Snapchat? ›

Generally, two principal fonts are commonly seen on Snapchat – “Avenir Next” and “Helvetica Neue LT Std Roman.” The “Avenir Next” font is often found in the Snapchat logo, while the “Helvetica Neue LT Std Roman” font is often found in the Snapchat site and app interface.

What are the 5 main types of fonts? ›

There are five basic classifications of typefaces: serif, sans serif, script, monospaced, and display. As a general rule, serif and sans serif typefaces are used for either body copy or headlines (including titles, logos, etc.), while script and display typefaces are only used for headlines.

What are 3 common font styles? ›

Some of the most popular types of fonts include serif, sans serif, slab serif, script and decorative.

Which font is most professional? ›

Best Resume Fonts
  • Times New Roman.
  • Arial.
  • Calibri.
  • Helvetica.
  • Cambria.
  • Georgia.
  • Garamond.
  • Avenir Next.
30 May 2022

Can I use WordPress for free forever? ›

You can stay on WordPress.com for free as long as you need. As you grow and succeed, our plans will enable your site to scale with your needs.

What is the best free icon pack? ›

5 Best Free Icon Packs For Android
  1. Moonshine- One of the best free icon packs. Moonshine was launched in 2014 and accounts for 1M+ downloads since then. ...
  2. Whicons- White Icon pack. If you like to keep your phone's background to minimal, Whicons has to be on your list. ...
  3. Zwart- Black Icon Pack. ...
  4. 7-Bit- Retro Theme. ...
  5. Delta.
2 Nov 2022

What products are free on Google? ›

35 Free Google Tools for Small Businesses
  • Google Business Profile.
  • Google Meet.
  • Google Forms.
  • Grow with Google.
  • Google Marketing Platform.
  • Tag Manager.
  • Google Search Central.
25 Jul 2022

Does Google have a free graphic design program? ›

Create beautiful graphic designs with Pictographr. Our quick and simple drag and drop tools allow you to easily unleash your inner creativity. Design highly engaging images for digital marketing, business presentations or academic projects. Even non-designers can produce stunning visuals in minutes.

Can you build apps with HTML? ›

Most people ask that can you use HTML to make an app. Well, the simple answer to this is yes.

Can I use HTML for mobile apps? ›

MAKING MOBILE APPS WITH HTML AND CSS

With the development and advancement of mobile app frameworks, mobile apps for android, iOS, and windows have never been so easy to develop, with just one codebase, you can develop apps for all three platforms.

Can we design app in HTML? ›

Native app development from the ground up necessitates particular technologies for both platforms. HTML, CSS, and JavaScript are all that are required for a PWA.

Can I use Canva free forever? ›

For anyone wanting to design anything, on your own or with others. And it's free forever. For individuals wanting unlimited access to premium content and design tools.

How can I get Canva Pro for free without paying? ›

Canva Pro offers a free trial for those who want to try out the features before committing to a paid subscription. Simply sign up for an account, and you'll have access to all of the features for 30 days.

What is Canva free forever? ›

Canva is one of few platforms that offer a forever-free plan with access to hundreds of thousands of templates, photos, and graphics. However, the free plan is only suitable for beginners. If you're looking for more premium graphic design tools and access to visual content, Canva Pro is the best option.

What is a FB widget? ›

Home screen widgets allow you to add Facebook content to your mobile device's home screens. You can quickly see content that matters to you by adding the appropriate widget.

Can I design my own widget? ›

You can create your own widget with the help of third-party apps. One such app is KWGT Kustom Widget Maker, and for the purpose of this tutorial, we are using it to design a simple event reminder widget that links to the Google Calendar.

How do I get noticed as a widget? ›

Widgets can be quickly added to any of your Home screens.
  1. Press and hold a blank space on one of your Android phone's Home screens. ...
  2. At the bottom of the Home screen images, tap Add widgets.
  3. Flick down to the OneNote widgets and tap OneNote audio note, OneNote new note, or OneNote picture note.

Can I create my own hashtag? ›

After you've used hashtags to connect with members of your target audience, you can create your own hashtag that is specific to your brand, encouraging users to talk about you and your business (or to at least include you in the conversation).

Can you own a hashtag? ›

You can't “own” a hashtag like you own your website's domain name. Registering a hashtag just stakes your claim to that hashtag and adds you to a hashtag directory, which in turn allows you to go into more detail as to what the hashtag is for.

Can I use free icons for commercial use? ›

That's why free icons are populated. They are free to download, use and reuse for any purpose, personal as well as commercial. Together with other resources, free icons bring your projects a perfect look.

Can you use social media icons on website? ›

The benefits of using social media icons

You can add them to your website and digital marketing materials. A lot of businesses also use them in their business cards and physical marketing materials like posters and invitation cards.

Can I use free icon in a logo? ›

Logos are trademarked, meaning that they are protected by trademark law so they cannot be copied and used by other brands. Short answer: No, icons cannot be used as logos.

Is icons8 free to use? ›

Yes! You can use our icons for free with a link to us, either commercially or not. It's not allowed to resell and redistribute original icon files to third-parties — more about licensing here.

What apps are totally free? ›

People downloaded them billions of times. Some of them cost money, and some of them don't. Usually, the best apps will cost you a few bucks. However, there are plenty of amazing options that don't cost you anything.
...
  • Waze and Google Maps.
  • Imgur and Giphy.
  • Musicolet.
  • Resilio Sync.
  • TickTick.
  • Zedge.
  • Zoom.
1 Nov 2022

Which browser is best for social media? ›

The 6 best web browsers
  • Best overall: Google Chrome.
  • Best for security: Mozilla Firefox.
  • Best for customization: Vivaldi.
  • Best for social media: Opera.
  • Best for macOS: Apple Safari.
  • Best for Windows: Microsoft Edge.
31 Aug 2022

Can I use Google icon on my website? ›

To embed Google Icons in your HTML web pages you have to add the link of material-icons font library in the <head> section of your HTML file and then add the class material-icons in the <i> or <span> tag of the <body> section along with the name of the icon.

What free software can I use to design a logo? ›

Adobe Spark, Canva, Visme, DesignEvo, LogotypeMaker, Wix Logo Maker, LogoCrisp, GraphicSprings, Logofury, Ucraft, Logo Maker, Logojoy are some of the Top Free Logo Maker Software.

How do I get my logo copyrighted for free? ›

Can you trademark your logo for free? You can not register a trademark for free. However, what you can do is establish something known as a "common law trademark" for free. You can do this by simply opening for business.

Videos

1. Web Icons with No External Libraries! (🙅 No More Font Awesome)
(Eric Murphy)
2. How To Make a WordPress Website ~ 2023 ~ A WordPress Tutorial For Beginners
(WebYoda)
3. Free Design Resources 2022
(Jesse Showalter)
4. How To Create A WordPress Website in 2023 ~ A Free WordPress Tutorial For Beginners
(WebYoda)
5. Setting up Font Awesome icons as pseudo-elements
(Kevin Powell)
6. Free icon sites for commercial use 2020
(Jeremy Mura)
Top Articles
Latest Posts
Article information

Author: Manual Maggio

Last Updated: 02/06/2023

Views: 6111

Rating: 4.9 / 5 (69 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Manual Maggio

Birthday: 1998-01-20

Address: 359 Kelvin Stream, Lake Eldonview, MT 33517-1242

Phone: +577037762465

Job: Product Hospitality Supervisor

Hobby: Gardening, Web surfing, Video gaming, Amateur radio, Flag Football, Reading, Table tennis

Introduction: My name is Manual Maggio, I am a thankful, tender, adventurous, delightful, fantastic, proud, graceful person who loves writing and wants to share my knowledge and understanding with you.