1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00

missing social icons

This commit is contained in:
chomik
2019-06-17 21:54:40 +02:00
parent c7b2d64fff
commit 4fe34be786
11 changed files with 1022 additions and 986 deletions

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 342 KiB

After

Width:  |  Height:  |  Size: 345 KiB

View File

@@ -22,325 +22,328 @@ brand:
dropbox: \f115
facebook: \f116
figma: \f117
foursquare: \f118
git: \f119
github: \f11a
gitlab: \f11b
google: \f11c
googleplus: \f11d
gravatar: \f11e
hipchat: \f11f
html5: \f120
instagram: \f121
invision: \f122
javascript: \f123
kickstarter: \f124
linkedin: \f125
medium: \f126
meetup: \f127
messenger: \f128
netflix: \f129
pagekit: \f12a
paypal: \f12b
producthunt: \f12c
rss: \f12d
sass: \f12e
sentry: \f12f
skype: \f130
slack: \f131
snapchat: \f132
spotify: \f133
strava: \f134
stripe: \f135
telegram: \f136
tumblr: \f137
typescript: \f138
uber: \f139
uikit: \f13a
vimeo: \f13b
vk: \f13c
wechat: \f13d
whatsapp: \f13e
wordpress: \f13f
ycombinator: \f140
youtube: \f141
flickr: \f118
foursquare: \f119
git: \f11a
github: \f11b
gitlab: \f11c
google: \f11d
googleplus: \f11e
gravatar: \f11f
hipchat: \f120
html5: \f121
instagram: \f122
invision: \f123
javascript: \f124
kickstarter: \f125
linkedin: \f126
medium: \f127
meetup: \f128
messenger: \f129
netflix: \f12a
pagekit: \f12b
paypal: \f12c
pinterest: \f12d
producthunt: \f12e
rss: \f12f
sass: \f130
sentry: \f131
skype: \f132
slack: \f133
snapchat: \f134
spotify: \f135
strava: \f136
stripe: \f137
telegram: \f138
tumblr: \f139
twitter: \f13a
typescript: \f13b
uber: \f13c
uikit: \f13d
vimeo: \f13e
vk: \f13f
wechat: \f140
whatsapp: \f141
wordpress: \f142
ycombinator: \f143
youtube: \f144
fe:
activity: \f142
airplay: \f143
alert-circle: \f144
alert-octagon: \f145
alert-triangle: \f146
align-center: \f147
align-justify: \f148
align-left: \f149
align-right: \f14a
anchor: \f14b
aperture: \f14c
archive: \f14d
arrow-down-circle: \f14e
arrow-down-left: \f14f
arrow-down-right: \f150
arrow-down: \f151
arrow-left-circle: \f152
arrow-left: \f153
arrow-right-circle: \f154
arrow-right: \f155
arrow-up-circle: \f156
arrow-up-left: \f157
arrow-up-right: \f158
arrow-up: \f159
at-sign: \f15a
award: \f15b
bar-chart-2: \f15c
bar-chart: \f15d
battery-charging: \f15e
battery: \f15f
bell-off: \f160
bell: \f161
bluetooth: \f162
bold: \f163
book-open: \f164
book: \f165
bookmark: \f166
box: \f167
briefcase: \f168
calendar: \f169
camera-off: \f16a
camera: \f16b
cast: \f16c
check-circle: \f16d
check-square: \f16e
check: \f16f
chevron-down: \f170
chevron-left: \f171
chevron-right: \f172
chevron-up: \f173
chevrons-down: \f174
chevrons-left: \f175
chevrons-right: \f176
chevrons-up: \f177
chrome: \f178
circle: \f179
clipboard: \f17a
clock: \f17b
cloud-drizzle: \f17c
cloud-lightning: \f17d
cloud-off: \f17e
cloud-rain: \f17f
cloud-snow: \f180
cloud: \f181
code: \f182
codepen: \f183
codesandbox: \f184
coffee: \f185
columns: \f186
command: \f187
compass: \f188
copy: \f189
corner-down-left: \f18a
corner-down-right: \f18b
corner-left-down: \f18c
corner-left-up: \f18d
corner-right-down: \f18e
corner-right-up: \f18f
corner-up-left: \f190
corner-up-right: \f191
cpu: \f192
credit-card: \f193
crop: \f194
crosshair: \f195
database: \f196
delete: \f197
disc: \f198
dollar-sign: \f199
download-cloud: \f19a
download: \f19b
droplet: \f19c
edit-2: \f19d
edit-3: \f19e
edit: \f19f
external-link: \f1a0
eye-off: \f1a1
eye: \f1a2
facebook: \f1a3
fast-forward: \f1a4
feather: \f1a5
figma: \f1a6
file-minus: \f1a7
file-plus: \f1a8
file-text: \f1a9
file: \f1aa
film: \f1ab
filter: \f1ac
flag: \f1ad
folder-minus: \f1ae
folder-plus: \f1af
folder: \f1b0
frown: \f1b1
gift: \f1b2
git-branch: \f1b3
git-commit: \f1b4
git-merge: \f1b5
git-pull-request: \f1b6
github: \f1b7
gitlab: \f1b8
globe: \f1b9
grid: \f1ba
hard-drive: \f1bb
hash: \f1bc
headphones: \f1bd
heart: \f1be
help-circle: \f1bf
hexagon: \f1c0
home: \f1c1
image: \f1c2
inbox: \f1c3
info: \f1c4
instagram: \f1c5
italic: \f1c6
key: \f1c7
layers: \f1c8
layout: \f1c9
life-buoy: \f1ca
link-2: \f1cb
link: \f1cc
linkedin: \f1cd
list: \f1ce
loader: \f1cf
lock: \f1d0
log-in: \f1d1
log-out: \f1d2
mail: \f1d3
map-pin: \f1d4
map: \f1d5
maximize-2: \f1d6
maximize: \f1d7
meh: \f1d8
menu: \f1d9
message-circle: \f1da
message-square: \f1db
mic-off: \f1dc
mic: \f1dd
minimize-2: \f1de
minimize: \f1df
minus-circle: \f1e0
minus-square: \f1e1
minus: \f1e2
monitor: \f1e3
moon: \f1e4
more-horizontal: \f1e5
more-vertical: \f1e6
mouse-pointer: \f1e7
move: \f1e8
music: \f1e9
navigation-2: \f1ea
navigation: \f1eb
octagon: \f1ec
package: \f1ed
paperclip: \f1ee
pause-circle: \f1ef
pause: \f1f0
pen-tool: \f1f1
percent: \f1f2
phone-call: \f1f3
phone-forwarded: \f1f4
phone-incoming: \f1f5
phone-missed: \f1f6
phone-off: \f1f7
phone-outgoing: \f1f8
phone: \f1f9
pie-chart: \f1fa
play-circle: \f1fb
play: \f1fc
plus-circle: \f1fd
plus-square: \f1fe
plus: \f1ff
pocket: \f200
power: \f201
printer: \f202
radio: \f203
refresh-ccw: \f204
refresh-cw: \f205
repeat: \f206
rewind: \f207
rotate-ccw: \f208
rotate-cw: \f209
rss: \f20a
save: \f20b
scissors: \f20c
search: \f20d
send: \f20e
server: \f20f
settings: \f210
share-2: \f211
share: \f212
shield-off: \f213
shield: \f214
shopping-bag: \f215
shopping-cart: \f216
shuffle: \f217
sidebar: \f218
skip-back: \f219
skip-forward: \f21a
slack: \f21b
slash: \f21c
sliders: \f21d
smartphone: \f21e
smile: \f21f
speaker: \f220
square: \f221
star: \f222
stop-circle: \f223
sun: \f224
sunrise: \f225
sunset: \f226
tablet: \f227
tag: \f228
target: \f229
terminal: \f22a
thermometer: \f22b
thumbs-down: \f22c
thumbs-up: \f22d
toggle-left: \f22e
toggle-right: \f22f
trash-2: \f230
trash: \f231
trello: \f232
trending-down: \f233
trending-up: \f234
triangle: \f235
truck: \f236
tv: \f237
twitter: \f238
type: \f239
umbrella: \f23a
underline: \f23b
unlock: \f23c
upload-cloud: \f23d
upload: \f23e
user-check: \f23f
user-minus: \f240
user-plus: \f241
user-x: \f242
user: \f243
users: \f244
video-off: \f245
video: \f246
voicemail: \f247
volume-1: \f248
volume-2: \f249
volume-x: \f24a
volume: \f24b
watch: \f24c
wifi-off: \f24d
wifi: \f24e
wind: \f24f
x-circle: \f250
x-octagon: \f251
x-square: \f252
x: \f253
youtube: \f254
zap-off: \f255
zap: \f256
zoom-in: \f257
zoom-out: \f258
activity: \f145
airplay: \f146
alert-circle: \f147
alert-octagon: \f148
alert-triangle: \f149
align-center: \f14a
align-justify: \f14b
align-left: \f14c
align-right: \f14d
anchor: \f14e
aperture: \f14f
archive: \f150
arrow-down-circle: \f151
arrow-down-left: \f152
arrow-down-right: \f153
arrow-down: \f154
arrow-left-circle: \f155
arrow-left: \f156
arrow-right-circle: \f157
arrow-right: \f158
arrow-up-circle: \f159
arrow-up-left: \f15a
arrow-up-right: \f15b
arrow-up: \f15c
at-sign: \f15d
award: \f15e
bar-chart-2: \f15f
bar-chart: \f160
battery-charging: \f161
battery: \f162
bell-off: \f163
bell: \f164
bluetooth: \f165
bold: \f166
book-open: \f167
book: \f168
bookmark: \f169
box: \f16a
briefcase: \f16b
calendar: \f16c
camera-off: \f16d
camera: \f16e
cast: \f16f
check-circle: \f170
check-square: \f171
check: \f172
chevron-down: \f173
chevron-left: \f174
chevron-right: \f175
chevron-up: \f176
chevrons-down: \f177
chevrons-left: \f178
chevrons-right: \f179
chevrons-up: \f17a
chrome: \f17b
circle: \f17c
clipboard: \f17d
clock: \f17e
cloud-drizzle: \f17f
cloud-lightning: \f180
cloud-off: \f181
cloud-rain: \f182
cloud-snow: \f183
cloud: \f184
code: \f185
codepen: \f186
codesandbox: \f187
coffee: \f188
columns: \f189
command: \f18a
compass: \f18b
copy: \f18c
corner-down-left: \f18d
corner-down-right: \f18e
corner-left-down: \f18f
corner-left-up: \f190
corner-right-down: \f191
corner-right-up: \f192
corner-up-left: \f193
corner-up-right: \f194
cpu: \f195
credit-card: \f196
crop: \f197
crosshair: \f198
database: \f199
delete: \f19a
disc: \f19b
dollar-sign: \f19c
download-cloud: \f19d
download: \f19e
droplet: \f19f
edit-2: \f1a0
edit-3: \f1a1
edit: \f1a2
external-link: \f1a3
eye-off: \f1a4
eye: \f1a5
facebook: \f1a6
fast-forward: \f1a7
feather: \f1a8
figma: \f1a9
file-minus: \f1aa
file-plus: \f1ab
file-text: \f1ac
file: \f1ad
film: \f1ae
filter: \f1af
flag: \f1b0
folder-minus: \f1b1
folder-plus: \f1b2
folder: \f1b3
frown: \f1b4
gift: \f1b5
git-branch: \f1b6
git-commit: \f1b7
git-merge: \f1b8
git-pull-request: \f1b9
github: \f1ba
gitlab: \f1bb
globe: \f1bc
grid: \f1bd
hard-drive: \f1be
hash: \f1bf
headphones: \f1c0
heart: \f1c1
help-circle: \f1c2
hexagon: \f1c3
home: \f1c4
image: \f1c5
inbox: \f1c6
info: \f1c7
instagram: \f1c8
italic: \f1c9
key: \f1ca
layers: \f1cb
layout: \f1cc
life-buoy: \f1cd
link-2: \f1ce
link: \f1cf
linkedin: \f1d0
list: \f1d1
loader: \f1d2
lock: \f1d3
log-in: \f1d4
log-out: \f1d5
mail: \f1d6
map-pin: \f1d7
map: \f1d8
maximize-2: \f1d9
maximize: \f1da
meh: \f1db
menu: \f1dc
message-circle: \f1dd
message-square: \f1de
mic-off: \f1df
mic: \f1e0
minimize-2: \f1e1
minimize: \f1e2
minus-circle: \f1e3
minus-square: \f1e4
minus: \f1e5
monitor: \f1e6
moon: \f1e7
more-horizontal: \f1e8
more-vertical: \f1e9
mouse-pointer: \f1ea
move: \f1eb
music: \f1ec
navigation-2: \f1ed
navigation: \f1ee
octagon: \f1ef
package: \f1f0
paperclip: \f1f1
pause-circle: \f1f2
pause: \f1f3
pen-tool: \f1f4
percent: \f1f5
phone-call: \f1f6
phone-forwarded: \f1f7
phone-incoming: \f1f8
phone-missed: \f1f9
phone-off: \f1fa
phone-outgoing: \f1fb
phone: \f1fc
pie-chart: \f1fd
play-circle: \f1fe
play: \f1ff
plus-circle: \f200
plus-square: \f201
plus: \f202
pocket: \f203
power: \f204
printer: \f205
radio: \f206
refresh-ccw: \f207
refresh-cw: \f208
repeat: \f209
rewind: \f20a
rotate-ccw: \f20b
rotate-cw: \f20c
rss: \f20d
save: \f20e
scissors: \f20f
search: \f210
send: \f211
server: \f212
settings: \f213
share-2: \f214
share: \f215
shield-off: \f216
shield: \f217
shopping-bag: \f218
shopping-cart: \f219
shuffle: \f21a
sidebar: \f21b
skip-back: \f21c
skip-forward: \f21d
slack: \f21e
slash: \f21f
sliders: \f220
smartphone: \f221
smile: \f222
speaker: \f223
square: \f224
star: \f225
stop-circle: \f226
sun: \f227
sunrise: \f228
sunset: \f229
tablet: \f22a
tag: \f22b
target: \f22c
terminal: \f22d
thermometer: \f22e
thumbs-down: \f22f
thumbs-up: \f230
toggle-left: \f231
toggle-right: \f232
trash-2: \f233
trash: \f234
trello: \f235
trending-down: \f236
trending-up: \f237
triangle: \f238
truck: \f239
tv: \f23a
twitter: \f23b
type: \f23c
umbrella: \f23d
underline: \f23e
unlock: \f23f
upload-cloud: \f240
upload: \f241
user-check: \f242
user-minus: \f243
user-plus: \f244
user-x: \f245
user: \f246
users: \f247
video-off: \f248
video: \f249
voicemail: \f24a
volume-1: \f24b
volume-2: \f24c
volume-x: \f24d
volume: \f24e
watch: \f24f
wifi-off: \f250
wifi: \f251
wind: \f252
x-circle: \f253
x-octagon: \f254
x-square: \f255
x: \f256
youtube: \f257
zap-off: \f258
zap: \f259
zoom-in: \f25a
zoom-out: \f25b

View File

@@ -113,19 +113,19 @@ Create block level buttons—those that span the full width of a parent—by add
Basic buttons are traditional buttons with borders and background with an extra commponent like an icon. You can place it either on the left or the right which ever you want with different color opitons.
{% example html wrapper=btn-list %}
<button type="button" class="btn btn-dark"><i class="fe fe-upload mr-2"></i>Upload</button>
<button type="button" class="btn btn-warning"><i class="fe fe-heart mr-2"></i>I like</button>
<button type="button" class="btn btn-success"><i class="fe fe-check mr-2"></i>I agree</button>
<button type="button" class="btn btn-outline-primary"><i class="fe fe-plus mr-2"></i>More</button>
<button type="button" class="btn btn-danger"><i class="fe fe-link mr-2"></i>Link</button>
<button type="button" class="btn btn-info"><i class="fe fe-message-circle mr-2"></i>Comment</button>
<button type="button" class="btn btn-dark"><i class="icon fe fe-upload mr-2"></i>Upload</button>
<button type="button" class="btn btn-warning"><i class="icon fe fe-heart mr-2"></i>I like</button>
<button type="button" class="btn btn-success"><i class="icon fe fe-check mr-2"></i>I agree</button>
<button type="button" class="btn btn-outline-primary"><i class="icon fe fe-plus mr-2"></i>More</button>
<button type="button" class="btn btn-danger"><i class="icon fe fe-link mr-2"></i>Link</button>
<button type="button" class="btn btn-info"><i class="icon fe fe-message-circle mr-2"></i>Comment</button>
{% endexample %}
### Social buttons
{% example html wrapper=btn-list %}
{% for button in site.socials %}
{% include ui/button.html color=button.name icon=button.name text=button.title provider="fas" %}
{% include ui/button.html color=button.name icon=button.name text=button.title provider="brand" %}
{% endfor %}
{% endexample %}
@@ -133,7 +133,7 @@ You can use only icons.
{% example html wrapper=btn-list %}
{% for button in site.socials %}
{% include ui/button.html color=button.name icon=button.name provider="fas" %}
{% include ui/button.html color=button.name icon=button.name provider="brand" %}
{% endfor %}
{% endexample %}
@@ -142,13 +142,13 @@ You can use only icons.
Icon only button. Add `.btn-icon` class to remove unnecessary padding from button.
{% example html wrapper=btn-list %}
<button type="button" class="btn btn-icon btn-primary"><i class="fe fe-activity"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-github"><i class="fe fe-github"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-success"><i class="fe fe-bell"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-warning"><i class="fe fe-star"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-danger"><i class="fe fe-trash"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-purple"><i class="fe fe-bar-chart"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-secondary"><i class="fe fe-git-merge"></i></button>
<button type="button" class="btn btn-icon btn-primary"><i class="icon fe fe-activity"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-github"><i class="icon fe fe-github"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-success"><i class="icon fe fe-bell"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-warning"><i class="icon fe fe-star"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-danger"><i class="icon fe fe-trash"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-purple"><i class="icon fe fe-bar-chart"></i></button>
<button type="button" class="btn btn-icon btn-primary btn-secondary"><i class="icon fe fe-git-merge"></i></button>
{% endexample %}
### Button dropdown
@@ -158,7 +158,7 @@ Wrap the dropdowns toggle (your button or link) and the dropdown menu within
{% example html wrapper=btn-list %}
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
<i class="fe fe-calendar"></i>
<i class="icon fe fe-calendar"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
@@ -168,7 +168,7 @@ Wrap the dropdowns toggle (your button or link) and the dropdown menu within
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
<i class="fe fe-calendar mr-2"></i>Show calendar
<i class="icon fe fe-calendar mr-2"></i>Show calendar
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>

File diff suppressed because it is too large Load Diff

3
svg/brand/flickr.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z"/>
</svg>

After

Width:  |  Height:  |  Size: 322 B

3
svg/brand/pinterest.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 881 B

3
svg/brand/twitter.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/>
</svg>

After

Width:  |  Height:  |  Size: 609 B