1. Home
  2. Features
  3. Web Page Elements
  4. Social Icons Element
  5. Social Icons Designs

How to use Social Icons Designs

In some cases, it is not enough to use the default element or its presets to get inspiration for good design. You can use the designer-made designs for Blocks containing the Social Icons element, which will give you ideas and speed up the website building.
Learn more
How to use Social Icons Designs

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

Add Custom Icon to Social Icons

We have most of the social network logos added to the Add option for the Social Icons element. If you do not find a required icon for your website, add any existing icon, click on the added icon to replace it, upload a new social icon, select it, and enter the link for the icon.
Change Color For Social Icons

You can easily change the Color of the Social icons. Click on the Social Icons element to select, go to the Property Panel, scroll down to the Color section, and select a Color. You can add or change a Custom Color or choose no color to get the original colors back.
Social Icon Customization

You can easily customize the Social Icons element by changing its size and spacing between icons. Click and drag the resize bullets on the corners of the Social Icons element selection rectangle to adjust the size. And pull the Spacing slider to change the Spacing between icons.
Animation for Social Icons

You can add the Animation effects to the Social Icons element like any other element. You can animate the social icons on Scroll and Hover. Click on the Social Icons element, then go to the Property Panel. Click on the needed animation type link and apply an effect.
Add Icon to Social Icons

You can easily add a new icon to the Social Icons elements. Select the element in a block, then go to the Property Panel. Click on the Add icon below the list of the existing icons, and select a new icon from the list. After adding, specify the social link for the newly added social icon.
Social Icon Presets
Social Icon Presets

Social Icons allow you to build and keep social connections with your audience, and you can use the Social Icons element for that. Start with the presets, which have universal styling and fit most cases. Click the Add icons to open the Panel, go to and click on the Social Icons, and select a needed preset to add to a web block.

Free Templates with Social Icons Element

Get started with our best templates, great for any business. Create and customize them with our powerful and free website builder with no code. All templates are mobile-friendly and look excellent on any device.

How To Add And Customize The Available Designs For Social Icons Element

When you build your site structure, if you want to attract even more attention, you always add social that contain links to your social profiles on the social platforms. And if you already know how to add a social block, then customizing the social in it will be even simpler. Click on the social block to select it to go to the block settings on the property panel on the right. You can add custom and additional social, customize the whole button block, add your social profiles links, and change the pill shape of logos. Also, add CSS class, similar to Gutenberg blocks, into your future WordPress themes to save your time.

You can write a custom CSS code style and use available icons to realize it for your social blocks. The website's social block allows adding media icons with your media profiles into the icon block and re-shape the standard pill shape, but apply it to any post or page you will use in your WordPress themes or table of contents. Use similar block settings with your custom CSS for your video block, image bloc, or gallery block. Your post or page and even a new tab will already have a CSS class you integrated, so your custom post type will automatically insert social block settings.

Add stylish media icons with integrated social media profiles and press enter to link the social icon blocks into one table of contents similar to Gutenberg blocks. The logos only partially affect the user experience. If you add social media profiles into the social blocks, you must interest users that open a new tab and scroll through the social icon block in those social links, so they would want to click or press enter to follow your social media profile. Your media icons should stay standard for any post type on your pages.

Company
Product
Themes & Templates
Nicepage
Web Design