🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. CSS Plugins
  3. Social Icons (SVG Sprite + Image Replacement)

Social Icons (SVG Sprite + Image Replacement)

Here's a clean and semantic way to add social icons to your web page. It makes use of a SVG sprite, Image replacement, and a PNG fallback technique.

Social Icons
Demo Tutorial

See the Pen by robbyklein (@robbyklein) on CodePen.

This awesome script developed by robbyklein. Visit their official repository for more information and follow for future updates.

You May Also Like

LED Social Icons

Cool CSS3 Hover Effects Social Icons

Social Icons

B. Social

Circular Social Icons

Footer

Social Icons animation with css

Social Icons with Hover

Social Icons

Social Icon

Liquid ripple click effect applied to social icons

Tooltips Over SVG Social Icons

Bootstrap 4 Footer with Social icons

Blogger Author Bio box with Social icons

Social Icons On Hover

Social Icons

Bat Signal Social Icons

Slide Out Social Icon Buttons

SVG Social Icon CSS Transition

Font Awesome Rounded Social Icons

Social Icons - SCSS Example

Social icons

Flex flexbox social icons

3D Hover Interaction

Pure Social icons with no images

social icons

Social Icon Light Show

Letterpress social icons

Round rollover social icons

Ripple social icon

Animated Social Icons

Social Icon Animation

fixed social icons

Social Icons with Long Shadow

Social icons hover effect

Social Icons Hover Effect

SCSS Social Icons Flat

Animated social icons

Social icons with Sass maps

Social Icon Hover Boxes

Social Icons (SVG Sprite + Image Replacement)

Social Icons - Hover Slide Transition

Animated Social Icons

Social Icons in a Horizontal List

Rotating Social Icons on Page Scroll

Floating Social Icons

jQuery Plugins

AngularJs Plugins