@@ -25,94 +25,95 @@ The Redux Social Profiles extension easily allows one to create and display link
25
25
## The 'Include' Argument
26
26
The Social Profile extension includes 82 default social profile icons from [ FontAwesome 6x] ( https://fontawesome.com/search?m=free&s=solid%2Cregular%2Cbrands ) . The icons and their IDs are as follows.
27
27
28
- <link rel =" stylesheet " href =" https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css " crossorigin =" anonymous " >
28
+ <link rel =" stylesheet " href =" https://devs.redux.io/css/all.css " crossorigin =" anonymous " >
29
+ <link rel =" stylesheet " href =" https://devs.redux.io/css/v4-shims.css " crossorigin =" anonymous " >
29
30
30
31
<i class =" fa fa-2xs fa-ad " ></i >
31
32
32
- | Name| Icon| ID|
33
- | --- | --- | --|
34
- | ADN| <i name =" adn " class =" fa fa-2x fa-adn " ></i >| adn|
35
- | Android| <i class =" fa fa-2x fa-android " ></i >| android|
36
- | Apple| <i class =" fa fa-2x fa-apple " ></i >| apple|
37
- | behance| <i class =" fa fa-2x fa-behance " ></i >| behance|
38
- | behance| <i class =" fa fa-2x fa-behance-square " ></i > (square icon)| behance-square|
39
- | Bitbucket| <i class =" fa fa-2x fa-bitbucket " ></i >| bitbucket|
40
- | Bitbucket (square icon)| <i class =" fa fa-2x fa-bitbucket-square " ></i >| bitbucket-square|
41
- | Bitcoin| <i class =" fa fa-2x fa-btc " ></i >| bitcoin|
42
- | Codepen| <i class =" fa fa-2x fa-codepen " ></i >| codepen|
43
- | CSS3| <i class =" fa fa-2x fa-css3 " ></i >| css3|
44
- | Delicious| <i class =" fa fa-2x fa-delicious " ></i >| delicious|
45
- | Deviantart| <i class =" fa fa-2x fa-deviantart " ></i >| deviantart|
46
- | Digg| <i class =" fa fa-2x fa-digg " ></i >| digg|
47
- | Dribbble| <i class =" fa fa-2x fa-dribbble " ></i >| dribbble|
48
- | Dropbox| <i class =" fa fa-2x fa-dropbox " ></i >| dropbox|
49
- | Drupal| <i class =" fa fa-2x fa-drupal " ></i >| drupal|
50
- | Empire| <i class =" fa fa-2x fa-empire " ></i >| empire|
51
- | Facebook| <i class =" fa fa-2x fa-facebook " ></i >| facebook|
52
- | Facebook| <i class =" fa fa-2x fa-facebook-square " ></i > (square icon)| facebook-square|
53
- | Flickr| <i class =" fa fa-2x fa-flickr " ></i >| flickr|
54
- | FourSquare| <i class =" fa fa-2x fa-foursquare " ></i >| foursquare|
55
- | git| <i class =" fa fa-2x fa-git " ></i >| git|
56
- | git (square icon)| <i class =" fa fa-2x fa-github-square " ></i >| git-square|
57
- | github| <i class =" fa fa-2x fa-github " ></i >| github|
58
- | github alt| <i class =" fa fa-2x fa-github-alt " ></i >| github-alt|
59
- | github (square icon)| <i class =" fa fa-2x fa-github-square " ></i >| github-square|
60
- | git tip| <i class =" fa fa-2x fa-gittip " ></i >| gittip|
61
- | Google| <i class =" fa fa-2x fa-google " ></i >| google|
62
- | Google Plus| <i class =" fa fa-2x fa-google-plus " ></i >| google-plus|
63
- | Google Plus (square icon)| <i class =" fa fa-2x fa-google-plus-square " ></i >| google-plus-square|
64
- | Hacker News| <i class =" fa fa-2x fa-hacker-news " ></i >| hacker-news|
65
- | HTML5| <i class =" fa fa-2x fa-html5 " ></i >| html5|
66
- | Instagram| <i class =" fa fa-2x fa-instagram " ></i >| instagram|
67
- | Joomla| <i class =" fa fa-2x fa-joomla " ></i >| joomla|
68
- | JS Fiddle| <i class =" fa fa-2x fa-jsfiddle " ></i >| jsfiddle|
69
- | LinkedIn| <i class =" fa fa-2x fa-linkedin " ></i >| linkedin|
70
- | LinkedIn| <i class =" fa fa-2x fa-linkedin-square " ></i > (square icon)| linkedin-square|
71
- | Linux| <i class =" fa fa-2x fa-linux " ></i >| linux|
72
- | Max CDN| <i class =" fa fa-2x fa-maxcdn " ></i >| maxcdn|
73
- | OpenID| <i class =" fa fa-2x fa-openid " ></i >| openid|
74
- | Page Lines| <i class =" fa fa-2x fa-pagelines " ></i >| pagelines|
75
- | Pied Piper| <i class =" fa fa-2x fa-pied-piper " ></i >| pied-piper|
76
- | Pied Piper alt| <i class =" fa fa-2x fa-pied-piper-alt " ></i >| pied-piper-alt|
77
- | Pinterest| <i class =" fa fa-2x fa-pinterest " ></i >| pinterest|
78
- | Pinterest (square icon)| <i class =" fa fa-2x fa-pinterest-square " ></i >| pinterest-square|
79
- | QQ| <i class =" fa fa-2x fa-qq " ></i >| qq|
80
- | Rebel| <i class =" fa fa-2x fa-rebel " ></i >| rebel|
81
- | Reddit| <i class =" fa fa-2x fa-reddit " ></i >| reddit|
82
- | Reddit (square icon)| <i class =" fa fa-2x fa-reddit-square " ></i >| reddit-square|
83
- | Ren Ren| <i class =" fa fa-2x fa-renren " ></i >| renren|
84
- | Share alt| <i class =" fa fa-2x fa-share-alt " ></i >| share-alt|
85
- | Share (square icon)| <i class =" fa fa-2x fa-share-alt-square " ></i >| share-alt-square|
86
- | Skype| <i class =" fa fa-2x fa-skype " ></i >| skype|
87
- | Slack| <i class =" fa fa-2x fa-slack " ></i >| slack|
88
- | Sound Cloud| <i class =" fa fa-2x fa-soundcloud " ></i >| soundcloud|
89
- | Spotify| <i class =" fa fa-2x fa-spotify " ></i >| spotify|
90
- | Stack Exchange| <i class =" fa fa-2x fa-stack-exchange " ></i >| stack-exchange|
91
- | Stack Overflow| <i class =" fa fa-2x fa-stack-overflow " ></i >| stack-overflow|
92
- | Steam| <i class =" fa fa-2x fa-steam " ></i >| steam|
93
- | Steam (square icon)| <i class =" fa fa-2x fa-steam-square " ></i >| steam-square|
94
- | Stumble Upon| <i class =" fa fa-2x fa-stumbleupon " ></i >| stumbleupon|
95
- | Stumble Upon (circle icon)| <i class =" fa fa-2x fa-stumbleupon-circle " ></i >| stumbleupon-circle|
96
- | Tencent Weibo| <i class =" fa fa-2x fa-tencent-weibo " ></i >| tencent-weibo|
97
- | Trello| <i class =" fa fa-2x fa-trello " ></i >| trello|
98
- | Tumblr| <i class =" fa fa-2x fa-tumblr " ></i >| tumblr|
99
- | Tumblr (square icon)| <i class =" fa fa-2x fa-tumblr-square " ></i >| tumblr-square|
100
- | Twitter| <i class =" fa fa-2x fa-twitter " ></i >| twitter|
101
- | Twitter (square icon)| <i class =" fa fa-2x fa-twitter-square " ></i >| twitter-square|
102
- | Vimeo (square icon)| <i class =" fa fa-2x fa-vimeo-square " ></i >| vimeo-square|
103
- | Vine| <i class =" fa fa-2x fa-vine " ></i >| vine|
104
- | VK| <i class =" fa fa-2x fa-vk " ></i >| vk|
105
- | Weibo| <i class =" fa fa-2x fa-weibo " ></i >| weibo|
106
- | Weixin| <i class =" fa fa-2x fa-weixin " ></i >| weixin|
107
- | Windows| <i class =" fa fa-2x fa-windows " ></i >| windows|
108
- | WordPress| <i class =" fa fa-2x fa-wordpress " ></i >| wordpress|
109
- | Xing| <i class =" fa fa-2x fa-xing " ></i >| xing|
110
- | Xing (square icon)| <i class =" fa fa-2x fa-xing-square " ></i >| xing-square|
111
- | Yahoo| <i class =" fa fa-2x fa-yahoo " ></i >| yahoo|
112
- | Yelp| <i class =" fa fa-2x fa-yelp " ></i >| yelp|
113
- | YouTube| <i class =" fa fa-2x fa-youtube " ></i >| youtube|
114
- | YouTube (play icon)| <i class =" fa fa-2x fa-youtube-play " ></i >| youtube-play|
115
- | YouTube (square icon)| <i class =" fa fa-2x fa-youtube-square " ></i >| youtube-square|
33
+ | Name| Icon | ID|
34
+ | --- | ------------------------------------------------------------ | --|
35
+ | ADN| <i name =" adn " class =" fa fa-2x fa-adn " ></i > | adn|
36
+ | Android| <i class =" fa fa-2x fa-android " ></i > | android|
37
+ | Apple| <i class =" fa fa-2x fa-apple " ></i > | apple|
38
+ | behance| <i class =" fa fa-2x fa-behance " ></i > | behance|
39
+ | behance| <i class =" fa fa-2x fa-behance-square " ></i > (square icon) | behance-square|
40
+ | Bitbucket| <i class =" fa fa-2x fa-bitbucket " ></i > | bitbucket|
41
+ | Bitbucket (square icon)| <i class =" fa fa-2x fa-bitbucket-square " ></i > | bitbucket-square|
42
+ | Bitcoin| <i class =" fa fa-2x fa-btc " ></i > | bitcoin|
43
+ | Codepen| <i class =" fa fa-2x fa-codepen " ></i > | codepen|
44
+ | CSS3| <i class =" fa fa-2x fa-css3 " ></i > | css3|
45
+ | Delicious| <i class =" fa fa-2x fa-delicious " ></i > | delicious|
46
+ | Deviantart| <i class =" fa fa-2x fa-deviantart " ></i > | deviantart|
47
+ | Digg| <i class =" fa fa-2x fa-digg " ></i > | digg|
48
+ | Dribbble| <i class =" fa fa-2x fa-dribbble " ></i > | dribbble|
49
+ | Dropbox| <i class =" fa fa-2x fa-dropbox " ></i > | dropbox|
50
+ | Drupal| <i class =" fa fa-2x fa-drupal " ></i > | drupal|
51
+ | Empire| <i class =" fa fa-2x fa-empire " ></i > | empire|
52
+ | Facebook| <i class =" fa fa-2x fa-facebook " ></i > | facebook|
53
+ | Facebook| <i class =" fa fa-2x fa-facebook-square " ></i > (square icon) | facebook-square|
54
+ | Flickr| <i class =" fa fa-2x fa-flickr " ></i > | flickr|
55
+ | FourSquare| <i class =" fa fa-2x fa-foursquare " ></i > | foursquare|
56
+ | git| <i class =" fa fa-2x fa-git " ></i > | git|
57
+ | git (square icon)| <i class =" fa fa-2x fa-github-square " ></i > | git-square|
58
+ | github| <i class =" fa fa-2x fa-github " ></i > | github|
59
+ | github alt| <i class =" fa fa-2x fa-github-alt " ></i > | github-alt|
60
+ | github (square icon)| <i class =" fa fa-2x fa-github-square " ></i > | github-square|
61
+ | git tip| <i class =" fa fa-2x fa-gittip " ></i > | gittip|
62
+ | Google| <i class =" fa fa-2x fa-google " ></i > | google|
63
+ | Google Plus| <i class =" fa fa-2x fa-google-plus " ></i > | google-plus|
64
+ | Google Plus (square icon)| <i class =" fa fa-2x fa-google-plus-square " ></i > | google-plus-square|
65
+ | Hacker News| <i class =" fa fa-2x fa-hacker-news " ></i > | hacker-news|
66
+ | HTML5| <i class =" fa fa-2x fa-html5 " ></i > | html5|
67
+ | Instagram| <i class =" fa fa-2x fa-instagram " ></i > | instagram|
68
+ | Joomla| <i class =" fa fa-2x fa-joomla " ></i > | joomla|
69
+ | JS Fiddle| <i class =" fa fa-2x fa-jsfiddle " ></i > | jsfiddle|
70
+ | LinkedIn| <i class =" fa fa-2x fa-linkedin " ></i > | linkedin|
71
+ | LinkedIn| <i class =" fa fa-2x fa-linkedin-square " ></i > (square icon) | linkedin-square|
72
+ | Linux| <i class =" fa fa-2x fa-linux " ></i > | linux|
73
+ | Max CDN| <i class =" fa fa-2x fa-maxcdn " ></i > | maxcdn|
74
+ | OpenID| <i class =" fa fa-2x fa-openid " ></i > | openid|
75
+ | Page Lines| <i class =" fa fa-2x fa-pagelines " ></i > | pagelines|
76
+ | Pied Piper| <i class =" fa fa-2x fa-pied-piper " ></i > | pied-piper|
77
+ | Pied Piper alt| <i class =" fa fa-2x fa-pied-piper-alt " ></i > | pied-piper-alt|
78
+ | Pinterest| <i class =" fa fa-2x fa-pinterest " ></i > | pinterest|
79
+ | Pinterest (square icon)| <i class =" fa fa-2x fa-pinterest-square " ></i > | pinterest-square|
80
+ | QQ| <i class =" fa fa-2x fa-qq " ></i > | qq|
81
+ | Rebel| <i class =" fa fa-2x fa-rebel " ></i > | rebel|
82
+ | Reddit| <i class =" fa fa-2x fa-reddit " ></i > | reddit|
83
+ | Reddit (square icon)| <i class =" fa fa-2x fa-reddit-square " ></i > | reddit-square|
84
+ | Ren Ren| <i class =" fa fa-2x fa-renren " ></i > | renren|
85
+ | Share alt| <i class =" fa fa-2x fa-share-alt " ></i > | share-alt|
86
+ | Share (square icon)| <i class =" fa fa-2x fa-share-alt-square " ></i > | share-alt-square|
87
+ | Skype| <i class =" fa fa-2x fa-skype " ></i > | skype|
88
+ | Slack| <i class =" fa fa-2x fa-slack " ></i > | slack|
89
+ | Sound Cloud| <i class =" fa fa-2x fa-soundcloud " ></i > | soundcloud|
90
+ | Spotify| <i class =" fa fa-2x fa-spotify " ></i > | spotify|
91
+ | Stack Exchange| <i class =" fa fa-2x fa-stack-exchange " ></i > | stack-exchange|
92
+ | Stack Overflow| <i class =" fa fa-2x fa-stack-overflow " ></i > | stack-overflow|
93
+ | Steam| <i class =" fa fa-2x fa-steam " ></i > | steam|
94
+ | Steam (square icon)| <i class =" fa fa-2x fa-steam-square " ></i > | steam-square|
95
+ | Stumble Upon| <i class =" fa fa-2x fa-stumbleupon " ></i > | stumbleupon|
96
+ | Stumble Upon (circle icon)| <i class =" fa fa-2x fa-stumbleupon-circle " ></i > | stumbleupon-circle|
97
+ | Tencent Weibo| <i class =" fa fa-2x fa-tencent-weibo " ></i > | tencent-weibo|
98
+ | Trello| <i class =" fa fa-2x fa-trello " ></i > | trello|
99
+ | Tumblr| <i class =" fa fa-2x fa-tumblr " ></i > | tumblr|
100
+ | Tumblr (square icon)| <i class =" fa fa-2x fa-tumblr-square " ></i > | tumblr-square|
101
+ | Twitter| <i class =" fa-brands fa-2x fa-x- twitter " ></i > | twitter|
102
+ | Twitter (square icon)| <i class =" fa fa-2x fa-twitter-square " ></i > | twitter-square|
103
+ | Vimeo (square icon)| <i class =" fa fa-2x fa-vimeo-square " ></i > | vimeo-square|
104
+ | Vine| <i class =" fa fa-2x fa-vine " ></i > | vine|
105
+ | VK| <i class =" fa fa-2x fa-vk " ></i > | vk|
106
+ | Weibo| <i class =" fa fa-2x fa-weibo " ></i > | weibo|
107
+ | Weixin| <i class =" fa fa-2x fa-weixin " ></i > | weixin|
108
+ | Windows| <i class =" fa fa-2x fa-windows " ></i > | windows|
109
+ | WordPress| <i class =" fa fa-2x fa-wordpress " ></i > | wordpress|
110
+ | Xing| <i class =" fa fa-2x fa-xing " ></i > | xing|
111
+ | Xing (square icon)| <i class =" fa fa-2x fa-xing-square " ></i > | xing-square|
112
+ | Yahoo| <i class =" fa fa-2x fa-yahoo " ></i > | yahoo|
113
+ | Yelp| <i class =" fa fa-2x fa-yelp " ></i > | yelp|
114
+ | YouTube| <i class =" fa fa-2x fa-youtube " ></i > | youtube|
115
+ | YouTube (play icon)| <i class =" fa fa-2x fa-youtube-play " ></i > | youtube-play|
116
+ | YouTube (square icon)| <i class =" fa fa-2x fa-youtube-square " ></i > | youtube-square|
116
117
117
118
By default, the extension offers all 82 to the user. This doesn't mean you must offer each one. Using the ` include ` argument, you may specify which profile icons you'd prefer to offer by assigning an array of existing icons IDs. For example, let's say you'd like to offer only Facebook, Twitter, LinkedIn, and Google Plus. The ` include ` argument would look as follows:
118
119
0 commit comments