feat: add new icons (fb, twitter, slack, whatsapp) (#120)

Adds both 12 and 16px sizes with both `stroke` and `fill` variations of the following:
- `arrow-retweet`
- `facebook`
- `phone-call-end`
- `phone-call-pause`
- `record`
- `slack`
- `twitter`
- `user-follow`
- `user-unfollow`
- `whatsapp`

Update the following with styling improvements:
- `phone-call-in`
- `phone-call-out`
- `phone-call-speaker`
- `phone-call-transfer`
- `phone`

.svglintrc.js

@@ -4,6 +4,10 @@ module.exports = {
       {
         'fill-rule': false
       },
+      {
+        'rule::selector': 'circle',
+        'stroke-linejoin': false
+      },
       {
         'rule::selector': 'svg',
         'viewBox': /^0 0/u

demo/12px/index.js

@@ -13,6 +13,8 @@ Garden.svgIDs = [
   'zd-svg-icon-12-align-right-stroke',
   'zd-svg-icon-12-arrow-left-fill',
   'zd-svg-icon-12-arrow-left-stroke',
+  'zd-svg-icon-12-arrow-retweet-fill',
+  'zd-svg-icon-12-arrow-retweet-stroke',
   'zd-svg-icon-12-arrow-reverse-fill',
   'zd-svg-icon-12-arrow-reverse-stroke',
   'zd-svg-icon-12-asterisk-fill',
@@ -102,6 +104,8 @@ Garden.svgIDs = [
   'zd-svg-icon-12-exit-stroke',
   'zd-svg-icon-12-eye-fill',
   'zd-svg-icon-12-eye-stroke',
+  'zd-svg-icon-12-facebook-fill',
+  'zd-svg-icon-12-facebook-stroke',
   'zd-svg-icon-12-file-document-fill',
   'zd-svg-icon-12-file-document-stroke',
   'zd-svg-icon-12-file-error-fill',
@@ -218,10 +222,14 @@ Garden.svgIDs = [
   'zd-svg-icon-12-pause-stroke',
   'zd-svg-icon-12-pencil-fill',
   'zd-svg-icon-12-pencil-stroke',
+  'zd-svg-icon-12-phone-call-end-fill',
+  'zd-svg-icon-12-phone-call-end-stroke',
   'zd-svg-icon-12-phone-call-in-fill',
   'zd-svg-icon-12-phone-call-in-stroke',
   'zd-svg-icon-12-phone-call-out-fill',
   'zd-svg-icon-12-phone-call-out-stroke',
+  'zd-svg-icon-12-phone-call-pause-fill',
+  'zd-svg-icon-12-phone-call-pause-stroke',
   'zd-svg-icon-12-phone-call-speaker-fill',
   'zd-svg-icon-12-phone-call-speaker-stroke',
   'zd-svg-icon-12-phone-call-transfer-fill',
@@ -244,6 +252,8 @@ Garden.svgIDs = [
   'zd-svg-icon-12-quote-stroke',
   'zd-svg-icon-12-rearrange-fill',
   'zd-svg-icon-12-rearrange-stroke',
+  'zd-svg-icon-12-record-fill',
+  'zd-svg-icon-12-record-stroke',
   'zd-svg-icon-12-reload-fill',
   'zd-svg-icon-12-reload-stroke',
   'zd-svg-icon-12-search-fill',
@@ -254,6 +264,8 @@ Garden.svgIDs = [
   'zd-svg-icon-12-shield-stroke',
   'zd-svg-icon-12-signpost-fill',
   'zd-svg-icon-12-signpost-stroke',
+  'zd-svg-icon-12-slack-fill',
+  'zd-svg-icon-12-slack-stroke',
   'zd-svg-icon-12-smile-slight-fill',
   'zd-svg-icon-12-smile-slight-stroke',
   'zd-svg-icon-12-smiley-fill',
@@ -296,24 +308,32 @@ Garden.svgIDs = [
   'zd-svg-icon-12-translation-updated-stroke',
   'zd-svg-icon-12-trash-fill',
   'zd-svg-icon-12-trash-stroke',
+  'zd-svg-icon-12-twitter-fill',
+  'zd-svg-icon-12-twitter-stroke',
   'zd-svg-icon-12-underline-fill',
   'zd-svg-icon-12-underline-stroke',
   'zd-svg-icon-12-upload-fill',
   'zd-svg-icon-12-upload-stroke',
   'zd-svg-icon-12-user-circle-fill',
   'zd-svg-icon-12-user-circle-stroke',
+  'zd-svg-icon-12-user-follow-fill',
+  'zd-svg-icon-12-user-follow-stroke',
   'zd-svg-icon-12-user-group-fill',
   'zd-svg-icon-12-user-group-stroke',
   'zd-svg-icon-12-user-list-fill',
   'zd-svg-icon-12-user-list-stroke',
   'zd-svg-icon-12-user-solo-fill',
   'zd-svg-icon-12-user-solo-stroke',
+  'zd-svg-icon-12-user-unfollow-fill',
+  'zd-svg-icon-12-user-unfollow-stroke',
   'zd-svg-icon-12-voicemail-fill',
   'zd-svg-icon-12-voicemail-stroke',
   'zd-svg-icon-12-volume-muted-fill',
   'zd-svg-icon-12-volume-muted-stroke',
   'zd-svg-icon-12-volume-unmuted-fill',
   'zd-svg-icon-12-volume-unmuted-stroke',
+  'zd-svg-icon-12-whatsapp-fill',
+  'zd-svg-icon-12-whatsapp-stroke',
   'zd-svg-icon-12-x-circle-fill',
   'zd-svg-icon-12-x-circle-stroke',
   'zd-svg-icon-12-x-fill',

demo/16px/index.js

@@ -13,6 +13,8 @@ Garden.svgIDs = [
   'zd-svg-icon-16-align-right-stroke',
   'zd-svg-icon-16-arrow-left-fill',
   'zd-svg-icon-16-arrow-left-stroke',
+  'zd-svg-icon-16-arrow-retweet-fill',
+  'zd-svg-icon-16-arrow-retweet-stroke',
   'zd-svg-icon-16-arrow-reverse-fill',
   'zd-svg-icon-16-arrow-reverse-stroke',
   'zd-svg-icon-16-asterisk-fill',
@@ -102,6 +104,8 @@ Garden.svgIDs = [
   'zd-svg-icon-16-exit-stroke',
   'zd-svg-icon-16-eye-fill',
   'zd-svg-icon-16-eye-stroke',
+  'zd-svg-icon-16-facebook-fill',
+  'zd-svg-icon-16-facebook-stroke',
   'zd-svg-icon-16-file-document-fill',
   'zd-svg-icon-16-file-document-stroke',
   'zd-svg-icon-16-file-error-fill',
@@ -218,10 +222,14 @@ Garden.svgIDs = [
   'zd-svg-icon-16-pause-stroke',
   'zd-svg-icon-16-pencil-fill',
   'zd-svg-icon-16-pencil-stroke',
+  'zd-svg-icon-16-phone-call-end-fill',
+  'zd-svg-icon-16-phone-call-end-stroke',
   'zd-svg-icon-16-phone-call-in-fill',
   'zd-svg-icon-16-phone-call-in-stroke',
   'zd-svg-icon-16-phone-call-out-fill',
   'zd-svg-icon-16-phone-call-out-stroke',
+  'zd-svg-icon-16-phone-call-pause-fill',
+  'zd-svg-icon-16-phone-call-pause-stroke',
   'zd-svg-icon-16-phone-call-speaker-fill',
   'zd-svg-icon-16-phone-call-speaker-stroke',
   'zd-svg-icon-16-phone-call-transfer-fill',
@@ -244,6 +252,8 @@ Garden.svgIDs = [
   'zd-svg-icon-16-quote-stroke',
   'zd-svg-icon-16-rearrange-fill',
   'zd-svg-icon-16-rearrange-stroke',
+  'zd-svg-icon-16-record-fill',
+  'zd-svg-icon-16-record-stroke',
   'zd-svg-icon-16-reload-fill',
   'zd-svg-icon-16-reload-stroke',
   'zd-svg-icon-16-search-fill',
@@ -254,6 +264,8 @@ Garden.svgIDs = [
   'zd-svg-icon-16-shield-stroke',
   'zd-svg-icon-16-signpost-fill',
   'zd-svg-icon-16-signpost-stroke',
+  'zd-svg-icon-16-slack-fill',
+  'zd-svg-icon-16-slack-stroke',
   'zd-svg-icon-16-smile-slight-fill',
   'zd-svg-icon-16-smile-slight-stroke',
   'zd-svg-icon-16-smiley-fill',
@@ -296,24 +308,32 @@ Garden.svgIDs = [
   'zd-svg-icon-16-translation-updated-stroke',
   'zd-svg-icon-16-trash-fill',
   'zd-svg-icon-16-trash-stroke',
+  'zd-svg-icon-16-twitter-fill',
+  'zd-svg-icon-16-twitter-stroke',
   'zd-svg-icon-16-underline-fill',
   'zd-svg-icon-16-underline-stroke',
   'zd-svg-icon-16-upload-fill',
   'zd-svg-icon-16-upload-stroke',
   'zd-svg-icon-16-user-circle-fill',
   'zd-svg-icon-16-user-circle-stroke',
+  'zd-svg-icon-16-user-follow-fill',
+  'zd-svg-icon-16-user-follow-stroke',
   'zd-svg-icon-16-user-group-fill',
   'zd-svg-icon-16-user-group-stroke',
   'zd-svg-icon-16-user-list-fill',
   'zd-svg-icon-16-user-list-stroke',
   'zd-svg-icon-16-user-solo-fill',
   'zd-svg-icon-16-user-solo-stroke',
+  'zd-svg-icon-16-user-unfollow-fill',
+  'zd-svg-icon-16-user-unfollow-stroke',
   'zd-svg-icon-16-voicemail-fill',
   'zd-svg-icon-16-voicemail-stroke',
   'zd-svg-icon-16-volume-muted-fill',
   'zd-svg-icon-16-volume-muted-stroke',
   'zd-svg-icon-16-volume-unmuted-fill',
   'zd-svg-icon-16-volume-unmuted-stroke',
+  'zd-svg-icon-16-whatsapp-fill',
+  'zd-svg-icon-16-whatsapp-stroke',
   'zd-svg-icon-16-x-circle-fill',
   'zd-svg-icon-16-x-circle-stroke',
   'zd-svg-icon-16-x-fill',