Social Icons Bar

Show Preview
Social Icons Bar

About Social Icons Bar

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.

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)