Social media icon packs
Likes, comments, shares, follows and reactions in every style. Everything you need for feeds, profiles and engagement buttons.
72 packs · 8 styles · 2,947 icons · SVG and PNG
Line social media icons
One-color outlines that take on your text color. Best for interfaces.
Flat social media icons
Solid color artwork without outlines, for websites, apps and slides.
Line color social media icons
Outlines filled with color. They pair well with line icon sets.
Solid social media icons
Solid one-color shapes that stay clear at small sizes and in print.
Gradient social media icons
Soft color gradients for landing pages, banners and presentations.
Stickers social media icons
Die-cut stickers with a white edge, made for chats and social posts.
Square social media icons
Every icon sits on a square tile, a good fit for grids and app menus.
More styles social media icons
Packs in mixed and less common styles.
Popular social media icons
A mix of the most downloaded social media icons across every style. Search to see the rest.
Social MediaFlat
Social MediaFlat
Social MediaFlat
Social MediaLineal Color
Social MediaLineal
Social MediaFlat
Social MediaFlat
Social MediaDetailed Outline
Social MediaLineal Color
Social MediaLineal Color
Social MediaLineal ColorHow to use social media icons well
Social icons do two different jobs: they link out to your profiles, and they let people act inside your product by liking, commenting, sharing and following. Treat the two groups differently.
Brand logos vs. action icons
Logos for networks like YouTube or Instagram belong to those companies, and most publish brand guidelines on color, spacing and minimum size. Keep their shapes unchanged and follow those guidelines. Action icons such as a heart, speech bubble, share arrow or bell are generic, so you can restyle them freely to match your interface.
Pick a style that matches your feed
- Line icons suit dense screens like feeds and toolbars, where the content should stand out more than the buttons.
- Solid icons work well for active states. An outlined heart that fills in when liked is a pattern people already know.
- Flat and gradient artwork fits marketing pages, social banners and slides.
Make buttons easy to tap
Share and like buttons are mostly tapped on phones. Give each icon a touch area of at least 44 × 44 px, even when the icon itself is 20–24 px, and give every button an accessible name such as "Share on X" so screen readers announce what it does.
Counts and notifications
Like and follower counts usually sit next to the icon. Keep the number in the same color as the icon and align it to the icon's center line. For notification bells, a small dot or a number badge on the top corner is enough. Don't redraw the bell for the unread state, so the shape stays familiar.
Footer and profile links
Footer links look tidier when every logo sits inside the same shape. A pack of circle or square icons, or the background shapes in the editor, gives each network the same footprint. Use one color for all of them, or each brand's own color, but don't mix the two approaches.
Before you download
- Keep brand logos and generic action icons as separate groups in your design file.
- Check each network's brand guidelines for color and minimum size.
- Pick one style for all action icons, with filled versions for active states.
- Plan touch areas of at least 44 × 44 px on mobile.
- Write an accessible name for every icon-only button.
Looking for related sets? See business icons for dashboards and e-commerce icons for shop pages, or search social media icons.
Questions about social media icons
Short answers on formats, editing and use.
Can I change the colors of social media logos?
Generic action icons like hearts, comments and share arrows can be any color. For brand logos, check the network's brand guidelines first: most allow one-color versions, but not changes to the logo's shape.
What size should social icons be?
In interfaces, 20–24 px icons inside a 44 px touch area work well. In footers, 24–32 px is common. Download SVG files so the icons stay sharp at any size.
How do I make social buttons accessible?
Give every icon-only button a text label for screen readers, for example "Follow us on Instagram", and make sure the icon has enough contrast against the background.
Can I use social media icons in commercial projects?
Yes. IconHub icons are free for personal and commercial projects with attribution. You can't resell them as files or use them in a logo. The license page has the full summary.
