---
title: "Social Icons Bar — Free Framer component · Best of Framer"
description: "Free Framer component · by Russet Supply · Buttons. Social Icons Bar A simple, flexible icon row for your website — perfect for social links, contact icons, quick actions, or any set…"
canonical: "https://framer.elliotli.dev/component/social-icons-bar"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Social Icons Bar

# Social Icons Bar

Animated icons bar with tooltips

[View on Framer](https://framer.com/marketplace/components/social-icons-bar/?via=elliot-li)

![Social Icons Bar preview image 1](https://framer.elliotli.dev/og/component/social-icons-bar/a7669f21b0e18c1c/1600x1200.jpg)

## Summary

Social Icons Bar A simple, flexible icon row for your website — perfect for social links, contact icons, quick actions, or any set of clickable icons with tooltips.

## Description

[**Social Icons Bar**](https://socialiconsbar.framer.website/)

A simple, flexible icon row for your website — perfect for social links, contact icons, quick actions, or any set of clickable icons with tooltips.

### **What it does:**

-   Add as many icons as you want, each linking to any URL
    
-   Choose icons from a large built-in icon library, or upload your own image/SVG
    
-   Show a tooltip label on hover for each icon
    
-   Works in horizontal or vertical layout
    

### **Customizable controls:**

-   Icon size, padding, corner radius, and spacing (gap)
    
-   Icon stroke thickness (for built-in icons)
    
-   Background, icon, and border colors — plus separate hover colors
    
-   Hover fill and transition speed/easing
    
-   Tooltip font, text color, background, padding, corner radius, position offset, and its own transition speed/easing
    
-   Direction control to switch between a horizontal row or vertical stack
    

If you ship something cool with it, post it on X and tag me, or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime through my Framer profile or (webdesignbysaqlain@gmail.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #1991

## Details

- **Author**: Russet Supply
- **Published**: 2026-08-01
- **Updated**: 2026-08-01
- **Added**: 2026-08-01
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything