Merge pull request #69 from Wikia/WW-329

lukaszkonieczny · web-flow · commit d16ff94fd225 · 2016-09-22T09:04:36.000-07:00
WW-329: Move avatar badges from icons to graphics
diff --git a/assets/avatar-badges/admin.svg b/assets/avatar-badges/admin.svg
@@ -1,6 +1,6 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
   <g fill-rule="evenodd">
-    <path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9"/>
+    <path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9" fill="#E3BD00"/>
     <path d="M12.567 7.523L10.41 7.21l-.964-1.954c-.17-.34-.728-.34-.897 0L7.584 7.21l-2.157.313a.5.5 0 0 0-.277.853l1.562 1.52-.368 2.15a.5.5 0 0 0 .725.526l1.927-1.014 1.93 1.014a.5.5 0 0 0 .725-.526l-.37-2.148 1.562-1.52a.502.502 0 0 0-.277-.855z" fill="#FFF"/>
   </g>
 </svg>
diff --git a/assets/avatar-badges/content-moderator.svg b/assets/avatar-badges/content-moderator.svg
@@ -1,6 +1,6 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
   <g fill-rule="evenodd">
-    <path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9"/>
+    <path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" fill="#999"/>
     <path d="M9.05 6.75l-3.9 3.9c-.1.1-.15.2-.15.35v1.5c0 .3.2.5.5.5H7c.15 0 .25-.05.35-.15l3.9-3.9-2.2-2.2zm3.8-.1l-1.5-1.5c-.2-.2-.5-.2-.7 0l-.9.9 2.2 2.2.9-.9c.2-.2.2-.5 0-.7z" fill="#FFF"/>
   </g>
 </svg>
diff --git a/assets/avatar-badges/discussion-moderator.svg b/assets/avatar-badges/discussion-moderator.svg
@@ -1,6 +1,6 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
   <g fill-rule="evenodd">
-    <path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9" id="b"/>
+    <path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9" id="b" fill="#999"/>
     <path d="M12.82 8.232c0 1.782-1.753 3.232-3.91 3.232a4.69 4.69 0 0 1-.978-.104l-1.833.727a.33.33 0 0 1-.32-.043.322.322 0 0 1-.126-.293l.17-1.532C5.293 9.653 5 8.953 5 8.232 5 6.45 6.754 5 8.91 5c2.157 0 3.91 1.45 3.91 3.232z" fill="#FFF"/>
   </g>
 </svg>
diff --git a/assets/avatar-badges/helper.svg b/assets/avatar-badges/helper.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
   <g fill-rule="evenodd">
     <path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9"/>
     <path d="M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" fill="#FFF"/>
diff --git a/assets/avatar-badges/staff.svg b/assets/avatar-badges/staff.svg
@@ -0,0 +1,6 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+  <g fill-rule="evenodd">
+    <path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" fill="#00B7E0"/>
+    <path d="M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" fill="#FFF"/>
+  </g>
+</svg>
diff --git a/assets/avatar-badges/vstf.svg b/assets/avatar-badges/vstf.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
   <g fill-rule="evenodd">
     <path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9"/>
     <g fill="#FFF">
diff --git a/dist/svg/sprite-avatar-badges.svg b/dist/svg/sprite-avatar-badges.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"><symbol id="wds-avatar-badges-admin" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9" fill="#E3BD00"/><path d="M12.567 7.523L10.41 7.21l-.964-1.954c-.17-.34-.728-.34-.897 0L7.584 7.21l-2.157.313a.5.5 0 0 0-.277.853l1.562 1.52-.368 2.15a.5.5 0 0 0 .725.526l1.927-1.014 1.93 1.014a.5.5 0 0 0 .725-.526l-.37-2.148 1.562-1.52a.502.502 0 0 0-.277-.855z" fill="#FFF"/></g></symbol><symbol id="wds-avatar-badges-content-moderator" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" fill="#999"/><path d="M9.05 6.75l-3.9 3.9c-.1.1-.15.2-.15.35v1.5c0 .3.2.5.5.5H7c.15 0 .25-.05.35-.15l3.9-3.9-2.2-2.2zm3.8-.1l-1.5-1.5c-.2-.2-.5-.2-.7 0l-.9.9 2.2 2.2.9-.9c.2-.2.2-.5 0-.7z" fill="#FFF"/></g></symbol><symbol id="wds-avatar-badges-discussion-moderator" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9" fill="#999"/><path d="M12.82 8.232c0 1.782-1.753 3.232-3.91 3.232a4.69 4.69 0 0 1-.978-.104l-1.833.727a.33.33 0 0 1-.32-.043.322.322 0 0 1-.126-.293l.17-1.532C5.293 9.653 5 8.953 5 8.232 5 6.45 6.754 5 8.91 5c2.157 0 3.91 1.45 3.91 3.232z" fill="#FFF"/></g></symbol><symbol id="wds-avatar-badges-helper" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9"/><path d="M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" fill="#FFF"/></g></symbol><symbol id="wds-avatar-badges-staff" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" fill="#00B7E0"/><path d="M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" fill="#FFF"/></g></symbol><symbol id="wds-avatar-badges-vstf" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9"/><g fill="#FFF"><path d="M7.667 5h2.667v8H7.667z"/><path d="M13 7.667v2.667H5V7.667z"/></g></g></symbol></svg>
diff --git a/dist/svg/sprite-icons.svg b/dist/svg/sprite-icons.svg
diff --git a/dist/svg/wds-avatar-badges-admin.svg b/dist/svg/wds-avatar-badges-admin.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9" fill="#E3BD00"/><path d="M12.567 7.523L10.41 7.21l-.964-1.954c-.17-.34-.728-.34-.897 0L7.584 7.21l-2.157.313a.5.5 0 0 0-.277.853l1.562 1.52-.368 2.15a.5.5 0 0 0 .725.526l1.927-1.014 1.93 1.014a.5.5 0 0 0 .725-.526l-.37-2.148 1.562-1.52a.502.502 0 0 0-.277-.855z" fill="#FFF"/></g></svg>
diff --git a/dist/svg/wds-avatar-badges-content-moderator.svg b/dist/svg/wds-avatar-badges-content-moderator.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" fill="#999"/><path d="M9.05 6.75l-3.9 3.9c-.1.1-.15.2-.15.35v1.5c0 .3.2.5.5.5H7c.15 0 .25-.05.35-.15l3.9-3.9-2.2-2.2zm3.8-.1l-1.5-1.5c-.2-.2-.5-.2-.7 0l-.9.9 2.2 2.2.9-.9c.2-.2.2-.5 0-.7z" fill="#FFF"/></g></svg>
diff --git a/dist/svg/wds-avatar-badges-discussion-moderator.svg b/dist/svg/wds-avatar-badges-discussion-moderator.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9" fill="#999"/><path d="M12.82 8.232c0 1.782-1.753 3.232-3.91 3.232a4.69 4.69 0 0 1-.978-.104l-1.833.727a.33.33 0 0 1-.32-.043.322.322 0 0 1-.126-.293l.17-1.532C5.293 9.653 5 8.953 5 8.232 5 6.45 6.754 5 8.91 5c2.157 0 3.91 1.45 3.91 3.232z" fill="#FFF"/></g></svg>
diff --git a/dist/svg/wds-avatar-badges-helper.svg b/dist/svg/wds-avatar-badges-helper.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9"/><path d="M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" fill="#FFF"/></g></svg>
diff --git a/dist/svg/wds-avatar-badges-staff.svg b/dist/svg/wds-avatar-badges-staff.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" fill="#00B7E0"/><path d="M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" fill="#FFF"/></g></svg>
diff --git a/dist/svg/wds-avatar-badges-vstf.svg b/dist/svg/wds-avatar-badges-vstf.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M0 9c0-1.15 1.247-2.04 1.66-3.04.43-1.035.196-2.544.976-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.248 7.85 0 9 0c1.15 0 2.04 1.247 3.04 1.66 1.035.43 2.544.196 3.324.976.78.78.546 2.29.975 3.324C16.752 6.96 18 7.85 18 9c0 1.15-1.247 2.04-1.66 3.04-.43 1.035-.196 2.544-.976 3.324-.78.78-2.29.546-3.324.975-1 .413-1.89 1.66-3.04 1.66-1.15 0-2.04-1.247-3.04-1.66-1.035-.43-2.544-.196-3.324-.976-.78-.78-.546-2.29-.975-3.324C1.248 11.04 0 10.15 0 9"/><g fill="#FFF"><path d="M7.667 5h2.667v8H7.667z"/><path d="M13 7.667v2.667H5V7.667z"/></g></g></svg>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "design-system",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Design System developed for Wikia",
   "scripts": {
     "build": "gulp",
diff --git a/reference-page/components/avatar-badges.md b/reference-page/components/avatar-badges.md
@@ -0,0 +1,41 @@
+###Avatar Badges:
+	@example
+	<h4>Avatar badges</h4>
+	<div class="icon-preview-group">
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-admin">
+			</svg>
+			<div class="icon-name">admin</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-content-moderator">
+			</svg>
+			<div class="icon-name">content-moderator</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-discussion-moderator">
+			</svg>
+			<div class="icon-name">discussion-moderator</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-helper">
+			</svg>
+			<div class="icon-name">helper</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-staff">
+			</svg>
+			<div class="icon-name">staff</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-vstf">
+			</svg>
+			<div class="icon-name">vstf</div>
+		</div>
+	</div>
diff --git a/reference-page/components/avatar.md b/reference-page/components/avatar.md
@@ -3,4 +3,4 @@
 	@example
 	<h4>Avatar</h4>
 	<img src="./assets/avatar.jpg" class="wds-avatar wds-is-circle wds-is-padded-right" alt="user name"/>
-	<img src="./assets/avatar.jpg" class="wds-avatar" alt="user name"/>
+	<img src="./assets/avatar.jpg" class="wds-avatar" alt="user name"/>
diff --git a/reference-page/index.html b/reference-page/index.html
diff --git a/reference-page/styles/_icons.scss b/reference-page/styles/_icons.scss
diff --git a/reference-page/visuals/reference-page/reference-page.chrome-mobile.baseline.png b/reference-page/visuals/reference-page/reference-page.chrome-mobile.baseline.png
diff --git a/reference-page/visuals/reference-page/reference-page.chrome.1000px.baseline.png b/reference-page/visuals/reference-page/reference-page.chrome.1000px.baseline.png
diff --git a/reference-page/visuals/reference-page/reference-page.chrome.1300px.baseline.png b/reference-page/visuals/reference-page/reference-page.chrome.1300px.baseline.png
diff --git a/reference-page/visuals/reference-page/reference-page.firefox.1000px.baseline.png b/reference-page/visuals/reference-page/reference-page.firefox.1000px.baseline.png
diff --git a/reference-page/visuals/reference-page/reference-page.firefox.1300px.baseline.png b/reference-page/visuals/reference-page/reference-page.firefox.1300px.baseline.png
