Icon: Update Icons [GESTALT-8440]

docs/pages/foundations/iconography/ICON_DATA.json

@@ -815,6 +815,12 @@
       "description": "Indicates a GIF media",
       "keywords": ["media", "animated", "image"]
     },
+    {
+      "name": "gift",
+      "categories": ["Reactions and ratings"],
+      "description": "Indicates a gift feature or concept.",
+      "keywords": ["present", "celebrate", "birthday", "box"]
+    },
     {
       "name": "globe",
       "categories": ["Toggle"],
@@ -946,6 +952,12 @@
       "description": "Indicates a legal statement of ownership/authorship",
       "keywords": []
     },
+    {
+      "name": "indent",
+      "categories": ["Text"],
+      "description": "Indicates a text indent.",
+      "keywords": ["formatting"]
+    },
     {
       "name": "info-circle",
       "categories": ["Utility and tools"],
@@ -982,6 +994,12 @@
       "description": "Indicates the ability to see or take action on an invoice",
       "keywords": ["receipt", "billing", "payment"]
     },
+    {
+      "name": "kakao-talk",
+      "categories": ["Brand"],
+      "description": "Indicates Kakao Talk service or feature.",
+      "keywords": ["message"]
+    },
     {
       "name": "key",
       "categories": ["Utility and tools"],
@@ -1012,6 +1030,12 @@
       "description": "Indicates service-amp is available",
       "keywords": ["flash", "service", "bolt", "lightening"]
     },
+    {
+      "name": "line-logo",
+      "categories": ["Brand"],
+      "description": "Indicates Line service or feature.",
+      "keywords": ["message"]
+    },
     {
       "name": "link",
       "categories": ["Utility and tools"],
@@ -1030,6 +1054,18 @@
       "description": "Indicates the ability to try a lipstick color",
       "keywords": ["mouth", "lipstick"]
     },
+    {
+      "name": "list-numbered",
+      "categories": ["Text"],
+      "description": "Indicates the ability to add a numbered list in a left to right language.",
+      "keywords": ["numbers", "bullets"]
+    },
+    {
+      "name": "list-numbered-rtl",
+      "categories": ["Text"],
+      "description": "Indicates the ability to add a numbered list in a right to left language.",
+      "keywords": ["numbers", "bullets"]
+    },
     {
       "name": "live",
       "categories": ["Utility and tools"],
@@ -1162,6 +1198,12 @@
       "description": "Indicates the ability to mute the audio",
       "keywords": ["sound", "off", "audio", "volume"]
     },
+    {
+      "name": "outdent",
+      "categories": ["Text"],
+      "description": "Indicates a text outdent.",
+      "keywords": ["formatting"]
+    },
     {
       "name": "overlay-text",
       "categories": ["Text"],
@@ -1228,6 +1270,12 @@
       "description": "Indicates the ability to hide a pin",
       "keywords": []
     },
+    {
+      "name": "pincode",
+      "categories": ["Utility and tools"],
+      "description": "Indicates the ability to scan and open a Pincode.",
+      "keywords": ["scan", "code"]
+    },
     {
       "name": "pinterest",
       "categories": ["Social", "Utility and tools"],
@@ -1258,6 +1306,12 @@
       "description": "Indicates help is available",
       "keywords": ["help", "support"]
     },
+    {
+      "name": "reddit",
+      "categories": ["Brand"],
+      "description": "Indicates Reddit service or feature.",
+      "keywords": ["social", "media"]
+    },
     {
       "name": "refresh",
       "categories": ["Utility and tools"],
@@ -1427,6 +1481,12 @@
       "description": "Indicates the ability to select skintones",
       "keywords": []
     },
+    {
+      "name": "skype",
+      "categories": ["Brand"],
+      "description": "Indicates Skype service or feature.",
+      "keywords": ["message"]
+    },
     {
       "name": "smiley",
       "categories": ["Reactions and ratings"],
@@ -1439,6 +1499,12 @@
       "description": "Indicates an unselected mild happy reaction",
       "keywords": ["happy"]
     },
+    {
+      "name": "snapchat",
+      "categories": ["Brand"],
+      "description": "Indicates SnapChat service or feature.",
+      "keywords": ["social", "media"]
+    },
     {
       "name": "sort-ascending",
       "categories": ["Arrows"],
@@ -1566,6 +1632,12 @@
         "focus"
       ]
     },
+    {
+      "name": "telegram",
+      "categories": ["Brand"],
+      "description": "Indicates Telegram service or feature.",
+      "keywords": ["message"]
+    },
     {
       "name": "terms",
       "categories": ["Utility and tools"],
@@ -1680,6 +1752,12 @@
       "description": "Indicates the ability to upload a feed, usually for ad conversions",
       "keywords": ["conversions", "api"]
     },
+    {
+      "name": "viber",
+      "categories": ["Brand"],
+      "description": "Indicates Viber service or feature.",
+      "keywords": ["message"]
+    },
     {
       "name": "video-advance-10-seconds",
       "categories": ["Media controls"],
@@ -1728,6 +1806,12 @@
       "description": "Indicates an external link or domain",
       "keywords": ["external", "link", "new window"]
     },
+    {
+      "name": "wechat",
+      "categories": ["Brand"],
+      "description": "Indicates WeChat service or feature.",
+      "keywords": ["message"]
+    },
     {
       "name": "whats-app",
       "categories": ["Social"],

docs/pages/foundations/international_design/rtl_guidelines/iconography.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import cx from 'classnames';
 import { Box, Flex, Heading, Icon, Image, Mask, Table, Text } from 'gestalt';
 import { DOCS_COPY_MAX_WIDTH_PX } from '../../../../docs-components/consts';
 import MainSection from '../../../../docs-components/MainSection';
@@ -22,6 +23,9 @@ export default function FormsLayoutOverview() {
     'chevron-small-right',
     'directional-arrow-left',
     'directional-arrow-right',
+    'list-numbered',
+    'indent',
+    'outdent',
     'move-pin',
     'reorder-images',
     'send',
@@ -30,27 +34,35 @@ export default function FormsLayoutOverview() {
 
   const generateIconRow = (iconName: IconName) => {
     if (!iconName) return null;
+    const swapIcons = ['list-numbered'];
+
+    const shouldSwapIcon = swapIcons.includes(iconName);
+
     return (
       <Table.Row>
         <Table.Cell>
           <Text size="200">{iconName}</Text>
         </Table.Cell>
         <Table.Cell>
-          <Icon
-            accessibilityLabel={`${iconName.split('-').join(' ')}`}
-            color="default"
-            icon={iconName}
-          />
-        </Table.Cell>
-        <Table.Cell>
-          <div className="rotateIcon">
+          <div>
             <Icon
-              accessibilityLabel={`${iconName.split('-').join(' ')} mirrored`}
+              accessibilityLabel={`${iconName.split('-').join(' ')}`}
               color="default"
               icon={iconName}
             />
           </div>
         </Table.Cell>
+        <Table.Cell>
+          <Box display="flex" justifyContent="end" width="100%">
+            <div className={cx({ 'rotateIcon': !shouldSwapIcon })} style={{ width: 'fit-content' }}>
+              <Icon
+                accessibilityLabel={`${iconName.split('-').join(' ')} mirrored`}
+                color="default"
+                icon={(iconName + (shouldSwapIcon ? '-rtl' : '')) as IconName}
+              />
+            </div>
+          </Box>
+        </Table.Cell>
       </Table.Row>
     );
   };

docs/public/icons-diff.html

@@ -15582,7 +15582,7 @@
 
     <div class="new-icon-header" id="new-icons">New Icons</div>
     <div class="new-icon-details">
-      0 icons appear in the
+      11 icons appear in the
       <a
         href="https://www.figma.com/file/cPXcu0NmmxRf5ywyybuxTU/Gestalt-foundations?type=design&node-id=2388-914&mode=design"
         >Figma file</a
@@ -15592,19 +15592,134 @@
         >repo</a
       >.
     </div>
-    <div class="new-icon-list"></div>
+    <div class="new-icon-list">
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M2.7 5.98A5 5 0 0 0 3.02 7H2.5C1.67 7 1 7.67 1 8.5v6c0 .65.42 1.2 1 1.41v5.59c0 .83.67 1.5 1.5 1.5h17c.83 0 1.5-.67 1.5-1.5v-5.59c.58-.2 1-.76 1-1.41v-6c0-.83-.67-1.5-1.5-1.5h-.52a5 5 0 0 0 .32-1.02l.05-.23A4.8 4.8 0 0 0 12 3.55a4.8 4.8 0 0 0-9.35 2.2zM7.6 7a2 2 0 0 1-1.96-1.6l-.05-.24a1.8 1.8 0 1 1 3.56-.62L9.52 7zm7.25-2.46a1.8 1.8 0 1 1 3.56.62l-.05.23A2 2 0 0 1 16.4 7h-1.92zM20 10v3h-6.5v-3zm-9.5 0v3H4v-3zm3 6H19v4h-5.5zm-3 0v4H5v-4z"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">gift.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M22.5 5a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm-4 11a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3zM12 12c0-.83.67-1.5 1.5-1.5h9a1.5 1.5 0 0 1 0 3h-9A1.5 1.5 0 0 1 12 12M0 17.28V6.72a.72.72 0 0 1 1.2-.53l5.43 4.97a1.14 1.14 0 0 1 0 1.68L1.21 17.8A.72.72 0 0 1 0 17.28"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">indent.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="m9.46 9.66.7 1.96h-1.4zM0 10.76C0 5.53 5.37 1.3 12 1.3s12 4.23 12 9.46-5.37 9.46-12 9.46q-1.1 0-2.13-.15c-.7.5-4.7 3.3-5.07 3.35 0 0-.16.06-.29-.01-.13-.08-.1-.28-.1-.28.03-.27 1.03-3.72 1.21-4.35C2.25 17.1 0 14.14 0 10.76m4.67 2.64c0 .37.31.66.7.66s.69-.3.69-.66V9.3h1.08a.68.68 0 0 0 0-1.36H3.59a.68.68 0 0 0 0 1.36h1.08zm6.19.35q.12.3.58.3.23 0 .44-.1c.19-.08.37-.32.16-.98l-1.66-4.35a1 1 0 0 0-.92-.69c-.45.01-.8.36-.92.69l-1.66 4.36c-.2.65-.02.89.17.98q.21.1.44.1.45-.01.57-.31l.35-.9h2.1zm1.63-.42c0 .35.3.63.66.63h2.22c.37 0 .67-.28.67-.63s-.3-.64-.66-.64H13.9V8.63a.7.7 0 0 0-.7-.7.7.7 0 0 0-.71.7zm3.82.03a.7.7 0 0 0 1.38 0v-1.5l.24-.25 1.63 2.15a.7.7 0 0 0 .97.14.7.7 0 0 0 .13-.97l-1.7-2.26 1.58-1.58q.16-.17.15-.42a.7.7 0 0 0-.2-.44.7.7 0 0 0-.48-.2.5.5 0 0 0-.39.15l-1.93 1.93V8.63a.7.7 0 0 0-1.38 0z"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">kakao-talk.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M2.8 2.77V7h1.48V.66H2.85Q2.82 1.87 1.4 1.88v1.5c.72 0 1.22-.2 1.4-.61M.54 14.41c0 .19.02.45.06.59h4.78v-1.39H2.34q.1-.25.56-.5l1.12-.58c.86-.43 1.42-1.04 1.42-2.01 0-1.24-.86-2-2.38-2-1.46 0-2.46.72-2.52 2l1.51.37c.06-.69.43-1.07 1.02-1.07.5 0 .83.3.83.76q-.01.55-.65.85l-1.15.56A2.5 2.5 0 0 0 .53 14.4m4.86 6.54c0-1.12-.64-1.85-1.8-1.92L5.11 18v-1.34H.74V18h2.52l-1.9 1.17.55 1.04c.27-.18.57-.32.95-.32.6 0 1.01.38 1.01.95 0 .6-.4 1-1.04 1q-.84 0-1.08-.87l-1.3.64c.27 1 1.15 1.52 2.46 1.52 1.45 0 2.48-.9 2.48-2.18M7 6h17V3H7zm0 7.5h17v-3H7zM7 21h17v-3H7z"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">list-numbered-ltr.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M20.3 2.77V7h1.47V.66h-1.42q-.03 1.21-1.46 1.22v1.5c.72 0 1.23-.2 1.42-.61m-1.77 11.64c0 .19.02.45.06.59h4.78v-1.39h-3.03q.09-.25.56-.5l1.12-.58c.86-.43 1.42-1.04 1.42-2.01 0-1.24-.86-2-2.38-2-1.46 0-2.47.72-2.52 2l1.51.37c.06-.69.43-1.07 1.02-1.07.5 0 .83.3.83.76q-.01.55-.65.85l-1.15.56a2.5 2.5 0 0 0-1.57 2.42m4.86 6.54c0-1.12-.64-1.85-1.8-1.92L23.11 18v-1.34h-4.38V18h2.52l-1.9 1.17.55 1.04c.27-.18.57-.32.95-.32.6 0 1.01.38 1.01.95 0 .6-.4 1-1.04 1q-.84 0-1.08-.87l-1.3.64c.27 1 1.15 1.52 2.46 1.52 1.45 0 2.48-.9 2.48-2.18M0 6h17V3H0zm17 4.5H0v3h17zm0 7.5H0v3h17z"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">list-numbered-rtl.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M2.8 2.77V7h1.48V.66H2.85Q2.82 1.87 1.4 1.88v1.5c.72 0 1.22-.2 1.4-.61M.54 14.41c0 .19.02.45.06.59h4.78v-1.39H2.34q.1-.25.56-.5l1.12-.58c.86-.43 1.42-1.04 1.42-2.01 0-1.24-.86-2-2.38-2-1.46 0-2.46.72-2.52 2l1.51.37c.06-.69.43-1.07 1.02-1.07.5 0 .83.3.83.76q-.01.55-.65.85l-1.15.56A2.5 2.5 0 0 0 .53 14.4m4.86 6.54c0-1.12-.64-1.85-1.8-1.92L5.11 18v-1.34H.74V18h2.52l-1.9 1.17.55 1.04c.27-.18.57-.32.95-.32.6 0 1.01.38 1.01.95 0 .6-.4 1-1.04 1q-.84 0-1.08-.87l-1.3.64c.27 1 1.15 1.52 2.46 1.52 1.45 0 2.48-.9 2.48-2.18M7 6h17V3H7zm0 7.5h17v-3H7zM7 21h17v-3H7z"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">list-numbered.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M13.5 5a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3zm0 11a1.5 1.5 0 0 0 0 3h5a1.5 1.5 0 0 0 0-3zM24 12c0-.83-.67-1.5-1.5-1.5h-9a1.5 1.5 0 0 0 0 3h9c.83 0 1.5-.67 1.5-1.5M6.28 18c.4 0 .72-.32.72-.72V6.72a.72.72 0 0 0-1.2-.53L.36 11.16a1.14 1.14 0 0 0 0 1.68l5.42 4.97q.21.19.49.19"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">outdent.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M13.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M7 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0m12 8a7 7 0 1 1-14 0 7 7 0 0 1 14 0M1 20a3 3 0 1 1 6 0 3 3 0 0 1-6 0m12.5 2.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-12-12a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m21 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M23 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-6 16a3 3 0 1 1 6 0 3 3 0 0 1-6 0"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">pincode.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M11.99 1.73c3.22 0 5.9 2.68 5.9 5.91q0 1.13.07 2.1a.74.74 0 0 0 .9.66l1.02-.23a.57.57 0 0 1 .67.42.74.74 0 0 1-.48.86l-1.53.62a.8.8 0 0 0-.48.98c1.23 4.54 4.66 4.07 4.66 4.66 0 .74-2.59.85-2.82 1.08-.24.23-.01 1.37-.53 1.59q-.15.05-.41.05c-.4 0-.95-.07-1.54-.07-.5 0-1.04.05-1.5.27-1.24.57-2.44 1.64-3.92 1.64s-2.68-1.07-3.91-1.64a4 4 0 0 0-1.51-.27c-.59 0-1.14.07-1.54.07q-.25 0-.4-.05c-.53-.22-.3-1.36-.54-1.59-.23-.23-2.82-.34-2.82-1.08 0-.6 3.43-.12 4.66-4.66a.8.8 0 0 0-.48-.98l-1.53-.62a.74.74 0 0 1-.48-.86.56.56 0 0 1 .67-.42l1.01.23a.74.74 0 0 0 .9-.67q.07-.95.07-2.09A5.95 5.95 0 0 1 12 1.73m0-1.28a7 7 0 0 0-5.06 2.12 7.3 7.3 0 0 0-2.1 5.07q0 .7-.04 1.37l-.37-.09a1.85 1.85 0 0 0-2.22 1.39c-.22.99.32 1.98 1.27 2.33l1.12.46c-.74 2.28-2.12 2.72-3.04 3.02q-.37.1-.66.24a1.5 1.5 0 0 0-.89 1.35c0 .52.25 1 .7 1.34q.33.25.84.43c.47.16 1.01.26 1.46.34q.03.25.1.52a1.8 1.8 0 0 0 1.04 1.22c.33.14.67.15.9.15l.72-.03q.4-.04.82-.04.63 0 .97.15.46.23.99.55c.97.57 2.07 1.21 3.46 1.21s2.49-.64 3.46-1.21q.52-.31 1-.55.32-.15.96-.15.42 0 .82.04l.72.03c.23 0 .57-.01.9-.15a1.8 1.8 0 0 0 1.04-1.22q.07-.27.1-.52c.45-.08 1-.18 1.46-.34q.52-.18.85-.43.68-.54.69-1.34c0-.27-.09-.95-.89-1.35q-.3-.14-.66-.24c-.92-.3-2.3-.74-3.04-3.02l1.12-.46a2 2 0 0 0 1.27-2.33 1.83 1.83 0 0 0-2.22-1.4l-.37.1q-.03-.66-.03-1.37a7 7 0 0 0-2.12-5.07A7.3 7.3 0 0 0 11.99.45"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">snapchat.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M24 12a12 12 0 1 1-24 0 12 12 0 0 1 24 0M12.43 8.86q-1.75.73-7 3.01-.85.34-.9.67c-.04.36.42.5 1.04.7l.27.08c.6.2 1.43.44 1.86.45q.58 0 1.3-.48 4.9-3.32 5.06-3.35.13-.05.25.02c.07.07.07.18.06.22-.05.19-1.84 1.86-2.77 2.72l-.54.5-.28.28c-.57.55-1 .96.02 1.64.5.32.89.59 1.28.85.42.3.85.58 1.4.95q.21.13.4.28c.5.35.95.67 1.5.62.32-.03.65-.33.82-1.23.4-2.13 1.18-6.73 1.36-8.63.02-.17 0-.38-.02-.47a.5.5 0 0 0-.17-.33 1 1 0 0 0-.46-.14c-.45.01-1.15.25-4.48 1.64"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">telegram.svg</div>
+      </div>
+      <div class="new-icon">
+        <div class="icon">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+            <path
+              d="M12.52 8.69c0 .16.14.28.3.27a1.35 1.35 0 0 1 1.42 1.46.29.29 0 1 0 .57.05A1.93 1.93 0 0 0 12.8 8.4a.3.3 0 0 0-.27.3m-.11-1.84a.29.29 0 0 0-.02.57c.93.03 1.81.4 2.47 1.07a3.3 3.3 0 0 1 .85 2.42.29.29 0 0 0 .57.03 4 4 0 0 0-1-2.84V8.1a4.2 4.2 0 0 0-2.87-1.24m-.83-1.2c0 .16.13.29.29.28a5.3 5.3 0 0 1 3.8 1.5 5.5 5.5 0 0 1 1.55 4.1.29.29 0 1 0 .58.02 6 6 0 0 0-1.71-4.52h-.01a5.8 5.8 0 0 0-4.22-1.68.3.3 0 0 0-.28.3m1.62 8.6a1 1 0 0 1-.33.05 5.6 5.6 0 0 1-3.74-3.76.8.8 0 0 1 .23-.62l.54-.42a.94.94 0 0 0 .16-1.18l-.1-.18c-.17-.27-.4-.65-.58-.88l-.79-.98a.8.8 0 0 0-1.06-.17q-.57.45-.97 1.05-.35.38-.44.9v.13q0 .2.07.38a13 13 0 0 0 1.13 2.46 15 15 0 0 0 2.2 3h.03q.44.45.93.82.98.78 2.06 1.38 1.17.69 2.47 1.14.19.06.37.05h.13q.52-.08.9-.43.53-.47.88-1.08a.8.8 0 0 0-.17-1.06 12 12 0 0 0-2.03-1.48.9.9 0 0 0-1.18.16l-.42.53a1 1 0 0 1-.29.19M20.36 3.5c-.56-.53-2.85-2.18-7.93-2.2 0 0-5.99-.37-8.93 2.31-1.63 1.63-2.2 4.01-2.26 6.96s-.14 8.47 5.19 9.97v2.3s0 .92.57 1.1c.61.2 1.02-.26 1.54-.85l.34-.38c.39-.42.92-1.03 1.32-1.5q3.42.32 6.76-.49l.28-.08c1.18-.3 4.69-1.19 5.3-6.22.73-5.7-.31-9.3-2.18-10.92m.62 10.51c-.52 4.15-3.3 4.8-4.31 5.04l-.26.06c-1.9.47-3.87.64-5.82.5 0 0-2.31 2.75-3.04 3.51a.4.4 0 0 1-.33.14q-.17-.06-.15-.4v-3.8c-4.37-1.21-4.26-5.66-4.2-8.18v-.24c.06-2.46.52-4.48 1.9-5.84 2.46-2.23 7.55-1.9 7.55-1.9 4.3 0 6.36 1.31 6.84 1.74 1.6 1.36 2.4 4.6 1.82 9.37"
+            />
+          </svg>
+        </div>
+        <div class="new-icon-name">viber.svg</div>
+      </div>
+    </div>
 
     <div id="stats" class="stats">
       <div class="stats-header">Stats</div>
-      <div class="stats-details">Last Update: Fri Sep 06 2024 12:13:56 PM</div>
+      <div class="stats-details">Last Update: Thu Sep 19 2024 10:26:06 AM</div>
       <div class="stats-details">Current SVG icons file count: 368</div>
       <div class="stats-details">
         Current SVG icon total size (bytes): 136258
       </div>
-      <div class="stats-details">New SVG icon file count: 368</div>
-      <div class="stats-details">New SVG icon total size (bytes): 134789</div>
+      <div class="stats-details">New SVG icon file count: 379</div>
+      <div class="stats-details">New SVG icon total size (bytes): 142669</div>
       <div class="stats-details">Missing icons:<br /></div>
-      <div class="stats-details">New icons:<br /></div>
+      <div class="stats-details">
+        New icons:<br />gift.svg, indent.svg, kakao-talk.svg,
+        list-numbered-ltr.svg, list-numbered-rtl.svg, list-numbered.svg,
+        outdent.svg, pincode.svg, snapchat.svg, telegram.svg, viber.svg
+      </div>
     </div>
   </body>
 </html>