BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off

Social Icons

Free

Links to your social profiles, or share buttons for the current page, in brand colors. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.

Live demo

See the Social Icons block

This is the block itself with its starting settings. Change any of them in the block sidebar.

What you can set

Everything is in the block sidebar

The Social Icons block has 3 settings panels. No code needed.

  • Icons

    Set mode, Items and Open profiles in a new tab.

  • Layout

    Set show labels, Shape, Colors, Direction, Alignment, Size (px) and Gap (px).

  • Colors

    Set 4 color settings.

How to use it

Add it in four steps

  1. Install the plugin

    Install Bright Addons Blocks Library from Plugins > Add New (search “Bright Addons Blocks”), or use Blocks Pro, which includes it.
  2. Add the block

    Open a page or post in the block editor, press +, and search for “Social Icons”. It is in the Bright Addons category.
  3. Set it up

    Open the block sidebar and work through Icons, Layout and Colors.
  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Settings

The main settings

The full list, panel by panel, is in the Social Icons guide.

Setting What it does Choices
Mode (Icons) Choose one. Link to my profiles, Share this page
Items (Icons) A list you can add to, remove from and reorder. Each item has: network, profile link or email, label and custom color. –
Open profiles in a new tab (Icons) On or off. –
Show labels (Layout) On or off. –
Shape (Layout) Choose one. Circle, Rounded, Square
Colors (Layout) Choose one. Official brand colors, Brand outline, Custom
Direction (Layout) Choose one. Horizontal, Vertical
Alignment (Layout) Choose one. Left, Center, Right
Size (px) (Layout) From 28 to 80. –
Gap (px) (Layout) From 0 to 40. –
Icon (Colors) Color picker. –
Background (Colors) Color picker. –
Icon on hover (Colors) Color picker. –
Background on hover (Colors) Color picker. –

Questions

Good to know

Is the Social Icons block free?

Yes. Social Icons is one of the 62 free blocks of Bright Addons Blocks Library on WordPress.org. Bright Addons Blocks Pro includes it as well.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Can I animate it?

Yes. Open Entrance animation in the sidebar and pick one of 40 animations with its duration and delay. Visitors who prefer reduced motion see no animation.

More blocks

Also in navigation and utility

Bright Addons Blocks

Get every block in one plugin

Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.