Trusted by over 100k+ users

4.9

Module

Social Web

Social CSS Icons

Social Media Icons Module for Joomla

5.0 4.1K+ downloads v2.0

Try live demo Download Now

30-day money-back guarantee

Works with

Joomla 4 Joomla 5 Joomla 6

Social CSS Icons

What can Social CSS Icons do for you?

Product features

The Social CSS Icons module lets you display customizable, interactive social media icons with various sizes, styles, and positioning options.

Font Awesome 6

27 Font Awesome Icons

Current social brands
Facebook, X, Instagram, TikTok, Threads, Bluesky, LinkedIn, YouTube, and many more.

Fast and dependable
Icons reuse the Font Awesome build that ships with Joomla core, so there is no extra icon download.

Two modes

Profile Links & Smart Share

Grow your audience
Link visitors to every important channel, community, or contact method.

Share every page
Automatic sharing URLs plus Native Share and one-click Copy Link with visible confirmation.

Three layouts

Inline, Grid & Floating Docks

Flexible placement
Use a clean inline row, a labelled creator grid, or a fixed floating dock.

Five dock positions
Left centre, right centre, bottom left, bottom centre, or bottom right.

Edge control

Flush Sticky Bars

Edge offset
Float near the edge or stick flush with a zero offset.

Panel on or off
Keep the frosted dock panel or disable it for a flat classic icon strip.

Brand-ready design

Shapes & Visual Styles

Five shapes
Circle, Rounded Square, Square, Pill, and Soft Drop.

Four visual styles
Brand Colours, Single Colour, Outline, and Glass.

Purposeful animation

Hover & Entrance Motion

Hover effects
Lift, Zoom, Rotate, Pop, and Icon Flip.

Entrance effects
Fade, Scale, and Staggered Reveal with reduced-motion support.

Conversion docks

Collapsible Edge Tabs

Slim toggle
A compact edge tab opens and closes the dock without taking an icon slot.

Flush when closed
Collapsed tabs pin to the screen edge with no leftover gap.

Responsive by default

Mobile-Safe Behaviour

Phone options
Move docks to a bottom bar, return them to page flow, or hide them.

Safe areas
Bottom bars respect device safe-area insets without horizontal overflow.

Built for everyone

Accessible & Secure

Accessible controls
ARIA labels, keyboard focus, live status feedback, and large touch targets.

Safe links
noopener, noreferrer, optional nofollow, and blocked unsafe URL schemes.

Joomla 4 / 5 / 6

Modern Joomla Architecture

Services architecture
Namespaced Dispatcher and Helpers with Web Asset Manager integration.

Lightweight frontend
Vanilla JavaScript and CSS variables with no jQuery dependency.

Current social brands
Facebook, X, Instagram, TikTok, Threads, Bluesky, LinkedIn, YouTube, and many more.

Fast and dependable
Icons reuse the Font Awesome build that ships with Joomla core, so there is no extra icon download.

Grow your audience
Link visitors to every important channel, community, or contact method.

Share every page
Automatic sharing URLs plus Native Share and one-click Copy Link with visible confirmation.

Flexible placement
Use a clean inline row, a labelled creator grid, or a fixed floating dock.

Five dock positions
Left centre, right centre, bottom left, bottom centre, or bottom right.

Edge offset
Float near the edge or stick flush with a zero offset.

Panel on or off
Keep the frosted dock panel or disable it for a flat classic icon strip.

Five shapes
Circle, Rounded Square, Square, Pill, and Soft Drop.

Four visual styles
Brand Colours, Single Colour, Outline, and Glass.

Hover effects
Lift, Zoom, Rotate, Pop, and Icon Flip.

Entrance effects
Fade, Scale, and Staggered Reveal with reduced-motion support.

Slim toggle
A compact edge tab opens and closes the dock without taking an icon slot.

Flush when closed
Collapsed tabs pin to the screen edge with no leftover gap.

Phone options
Move docks to a bottom bar, return them to page flow, or hide them.

Safe areas
Bottom bars respect device safe-area insets without horizontal overflow.

Accessible controls
ARIA labels, keyboard focus, live status feedback, and large touch targets.

Safe links
noopener, noreferrer, optional nofollow, and blocked unsafe URL schemes.

Services architecture
Namespaced Dispatcher and Helpers with Web Asset Manager integration.

Lightweight frontend
Vanilla JavaScript and CSS variables with no jQuery dependency.

Docs & setup

Get up and running fast

Written guides for installing and configuring Social CSS Icons — from first setup to the options that matter.

Installation steps
Configuration options
Practical usage tips

Open documentation Ask a question

Pricing

Choose the plan that fits

Save more as you scale — longer access means a bigger discount.

Compatible with

Joomla 4 Joomla 5 Joomla 6

Tester plan

30 Days

Basic testing plan. 30 days access only. No priority support. Access expires after 30 days - no future updates.

$9

$9

You save zero

30-day money-back guarantee

Download Access - 30 Days

Support - 30 Days Email Support

1 Website License

Unlimited Downloads

No Priority Support

No Future Updates After 30 Days

Limited to Testing Only

30-Day Money Back Guarantee

Commercial Use License

6 Months

6 months access with priority support & bug fixes. Perfect for short-term projects and growing businesses.

$54

$19

You save $35

30-day money-back guarantee

Download Access - 6 Months

Support - 6 Months + Priority Updates

2 Websites License

Unlimited Downloads

Priority Email Support

Priority Bug Fixes

6 Months Free Updates

30-Day Money Back Guarantee

Commercial Use License

Recommended

1 Year

Full year access with VIP support channel. Fastest response time & priority feature requests. Best value!

$108

$29

You save $79

30-day money-back guarantee

Download Access - 1 Year

Support - 1 Year + VIP Support Channel

3 Websites License

Unlimited Downloads

VIP Support Channel

Priority Feature Requests

Fastest Response Time

1 Year Free Updates

30-Day Money Back Guarantee

Commercial Use License

Pay once

Lifetime

Lifetime access with dedicated support agent. Never pay again - unlimited updates & custom development support included.

$980

$49

You save 95%

30-day money-back guarantee

Download Access - Lifetime

Support - Lifetime + Dedicated Support

Unlimited Websites License

Unlimited Downloads

Dedicated Support Agent

Lifetime Free Updates

Feature Request Priority

Custom Development Support

30-Day Money Back Guarantee

Commercial Use License

Have questions about Social CSS Icons?

Frequently asked questions

Which Joomla versions does Social CSS Icons 2.0 support?

Version 2.0 supports Joomla 4, Joomla 5, and Joomla 6. PHP 8.0 or newer is recommended.

Which icon library does the module use?

Version 2.0 uses Font Awesome 6, the icon library already bundled with Joomla core, so no extra icon download is added. It does not load jQuery or another frontend framework.

What is the difference between Profile Links and Share mode?

Profile Links send visitors to the URLs you enter for each network. Share the current page builds sharing destinations automatically from the current page title and URL, and also supports Native Share and Copy Link.

Which layouts and dock positions are available?

Choose Inline Row, Labelled Grid, or Fixed Floating Dock. Docks can sit at left-middle, right-middle, bottom-left, bottom-centre, or bottom-right.

How do I make a dock stick flush to the screen edge?

Set Edge offset to 0. Optionally turn off Dock background panel for a flat sticky icon bar. Collapsed edge tabs always pin flush to the edge.

Why does Copy Link show “Copied!”?

After a successful clipboard copy, the button briefly turns green, swaps to a checkmark, and shows Copied! as visible confirmation. An ARIA live region also announces the result for screen readers.

Can I hide individual social items without deleting them?

Yes. Set Enabled to No on any item. The item is excluded from the frontend, and its administrator fields collapse so the form stays compact.

How do collapsible docks work?

Enable Collapsible dock to add a slim edge-tab toggle. Optionally start collapsed. The tab does not consume an icon slot, and when closed it sits flush against the screen edge.

What happens to docks on mobile?

Choose Move to Bottom Centre, Return to Page Flow, or Hide on Mobile. Bottom bars use safe-area spacing and can scroll internally without creating horizontal page overflow.

Why are tooltips appearing beside dock icons instead of above them?

On left and right docks, tooltips open toward the page so they are not clipped off the screen edge. Bottom docks keep tooltips above the icons.

Why is a brand icon missing (for example X, Threads, or Bluesky)?

The module uses the Font Awesome 6 build shipped with Joomla. If your template loads an older Font Awesome, some newer brand glyphs may not render. Update the template Font Awesome or rely on Joomla core assets.

How do I update from an older version?

Install mod_social_css_icons_2.0.zip over the existing module. Review the new parameter tabs, save once, and clear all caches. Legacy size, colour, alignment, shape, and zoom values are mapped where possible.

Still have questions?

All-access bundle

Unlock every JoomlaX extension in one plan

Get all 60+ extensions, ongoing updates, and full-time support. Plans start at $99.

Get unlimited access Keep browsing extensions

Satisfaction guarantee
Secure SSL payment
Updates included

Company

Services

Support

Terms