·Î±×ÀÎ
ȸ¿ø°¡ÀÔ
¸¶À̼îÇÎ
Àå¹Ù±¸´Ï
°ü½É»óÇ°
ÁÖ¹®Á¶È¸
Çѱ¹¾î
English
ñéÏÐåÞ
ìíÜâåÞ
COMPANY
ȸ»ç¼Ò°³ 1
ȸ»ç¼Ò°³ 2
ȸ»ç¼Ò°³ 3
ȸ»ç¼Ò°³ 4
ÀÓÁ÷¿ø¼Ò°³ 1
ÀÓÁ÷¿ø¼Ò°³ 2
Á¶Á÷µµ
¿À½Ã´Â±æ 1
¿À½Ã´Â±æ 2
ȸ»ç¿¬Çõ
BUSINESS
»ç¾÷¼Ò°³ 1
»ç¾÷¼Ò°³ 2
»ç¾÷¼Ò°³ 3
»ç¾÷¼Ò°³ 4
»ç¾÷¼Ò°³ 5
»ç¾÷¼Ò°³ 6
Çù·Â»ç ¼Ò°³
°¡°ÝÇ¥
PORTFOLIO
Layouts
2 Columns
3 Columns
4 Columns
5 Columns
Full Width
Full Width No Margins
Portfolio Styles
Grid Classic
Grid Overlay
Grid Transform
Masonry Overlay
Masonry Slider
Full With Masonry
Single Project
Small Slider
Wide Slider
Full Width Slider
Gallery
BLOG
ºí·Î±× 1
ºí·Î±× 2
ºí·Î±× 3
ºí·Î±× 4
COMMUNITY
°øÁö»çÇ×
ÀÚÁÖ¹¯´ÂÁú¹®
¹¯°í´äÇϱâ
Á¦ÈÞ¹®ÀÇ
ÀÚ·á½Ç
ä¿ë°ø°í
Á¦ÈÞ»ç¼Ò°³
¹Ìµð¾îÀÚ·á
°í°´¸®ºä
Elements
Elements One
Accordions
Alert Messages
Animations
Blockquotes
Bootstrap Carousel
Buttons
Cards
Call To Actions
Circle Charts
Clients & Brands
Elements Two
Counters
Content Carousels
Data Tables
Grid System
Headings
Hr & Dividers
Icon Font Awesome
Icon Streamline Icons
Icon Box
Icon List
Elements Three
Image Hover Effect 1
Image Hover Effect 2
Image Hover Effect 3
Lightbox
Modals
Paginations
Platform Blocks
Popovers
Pricing Tables
Pricing Tables Alt
Elements Four
Process Steps
Progress Bars
Promo Bars
Section Arrows
Social Icons
Tabs
Testimonials
Tooltips
Typograpy
SHOPPING
ºÐ·ù - 1
ºÐ·ù - 2
ºÐ·ù - 3
Social Icons
Home
Elements
Social Icons
Elements One
Accordions
Alert Messages
Animations
Blockquotes
Bootstrap Carousel
Buttons
Cards
Call To Actions
Circle Charts
Clients & Brands
Elements Two
Counters
Content Carousels
Data Tables
Grid System
Headings
Hr & Dividers
Icon Font Awesome
Icon Streamline Icons
Icon Box
Icon List
Elements Three
Image Hover Effect 1
Image Hover Effect 2
Image Hover Effect 3
Lightbox
Modals
Paginations
Platform Blocks
Popovers
Pricing Tables
Pricing Tables Alt
Elements Four
Process Steps
Progress Bars
Promo Bars
Section Arrows
Social Icons
Tabs
Testimonials
Tooltips
Typograpy
Social icons
#01
Note:
Just add the class
.si-dark
to the
.social-icon
to make it dark
Note:
Just add the class
.si-light
to the
.social-icon
to make it light
Note:
Just add the class
.si-rounded
to the
.social-icon
to make it rounded
Note:
Just add the class
.si-dark
&
.si-rounded
to the
.social-icon
to make it dark & rounded
Note:
Just add the class
.si-light
&
.si-rounded
to the
.social-icon
to make it light & rounded
Note:
Just add the class
.si-borderless
to the
.social-icon
to make it borderless
Note:
Just add the class
.si-text-color
to the
.social-icon
to make the Icon Colored
Note:
Just add the class
.si-colored
to the
.social-icon
to make it colored
Small Icons
Note:
Just add the class
.si-dark
&
.si-small
to the
.social-icon
to make it dark & small
Large Icons
Note:
Just add the class
.si-dark
&
.si-large
to the
.social-icon
to make it dark & large
Share Panel
Share this Post:
Note:
You can mix various classes together to make the social icons look according to your needs. It is completely flexible and extendable.