Free Social Media Icon HTML Generator

Create SVG social media icons with custom colors, shapes, and sizes. FB, Instagram, TikTok, Threads and more! Just copy and paste the HTML code and add them to your website. Create your social buttons below!

1 Choose Your Social Icons

[ Please enable javascript and refresh the page. ]

2 Choose Your Background Shape

3 Customize Size and Color!


4 Add Your Social Media Links!

Enter the URLs to your social profiles

Get Your HTML Code

Select a donation amount to continue

(After you donate through PayPal, select "Back to Merchant" to return and get your buttons.)

Stuck? Here’s How to Generate the HTML Social Media Buttons

Here is how to use free social media icon generator above.

  1. Select the social media icons you wish to use (Facebook, Tiktok, Instagram, etc.)
  2. Customize your social icons by choosing color, size, and shape using the controls. You may want to choose a color that goes with the style of your website.
  3. Copy and paste the URLs of your social media profiles next to the corresponding icons
  4. Select a support amount. (Free is an option, but your support helps me improve the site!)
  5. Click “Get My Buttons” (If you decide to donate, you will be redirected to PayPal. Make your donation and then click “Back to Merchant” to get your code)

You will be provided with a snippet of HTML code that includes vector social icons that you can copy and paste into your website. I recommend pasting the code into a plain text document for safekeeping. But be careful using a word processing app because it can add formatting that may break the code.

Most website builders will have designated ways to insert HTML code. If you’re not sure where to paste the code, you will need to contact your web host, web designer, or developer for help. I’ve also provided a few links below that may be of use. More answers can be found in our FAQ section.

Frequently Asked Questions

Where to paste the code for my social media icons?

How to add your social media icons to Squarespace

How to add your social media icons to Wordpress

Social Follow Icons vs. Social Share Buttons

When it comes to social media icons and buttons, there are two major players in the game: follow icons and share buttons. But what’s the deal with each, and why should you care? Well, here’s the breakdown.

Social Follow Buttons

Follow buttons are all about guiding your website visitors to your social media profiles. Click on one of these, and boom—you’re checking out a brand’s Facebook, TikTok, or Instagram page. It’s here that people can hit “follow” and join your online community.

Here at NiftyButtons, this is our jam. We create these follow icons to help businesses grow their social media followers, which in turn, broadens their reach and strengthens their online presence.

So, What About Share Buttons?

On the flip side, you’ve got share buttons. These handy little things let people share your content—like a blog post or a product—straight from your website to their social media profiles. It’s a quick and easy way for your visitors to show their followers what they’re digging on your site.

Which One’s For You?

So, should you go with follow icons or share buttons? Well, we recomend both! We just haven’t developed our own share buttons so you may need to do a Google search or two to find the right share button options for your site. Luckily, many website builders have features and plugins that can do this for you with a flick of a switch.

Get Nifty Online Marketing News

Promo Code Disco

Find discounts on your favorite online services and products.