Added Pencil24 Icon

Author: ponnexcodev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-root",
-    "version": "16.26.1",
+    "version": "16.27.0",
     "private": true,
     "description": "Root design system mono-repo package.",
     "homepage": "https://github.com/Toniq-Labs/toniq-labs-design-system",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system",
-    "version": "16.26.1",
+    "version": "16.27.0",
     "private": false,
     "description": "Design system elements for Toniq Labs",
     "keywords": [

packages/design-system/package.json

@@ -70,6 +70,7 @@ import {Ordinals24Icon} from './svgs/core-24/ordinals-24.icon';
 import {Outbound24Icon} from './svgs/core-24/outbound-24.icon';
 import {Pamphlet24Icon} from './svgs/core-24/pamphlet-24.icon';
 import {Paper24Icon} from './svgs/core-24/paper-24.icon';
+import {Pencil24Icon} from './svgs/core-24/pencil-24.icon';
 import {People24Icon} from './svgs/core-24/people-24.icon';
 import {Person24Icon} from './svgs/core-24/person-24.icon';
 import {Photo24Icon} from './svgs/core-24/photo-24.icon';
@@ -213,6 +214,7 @@ export * from './svgs/core-24/ordinals-24.icon';
 export * from './svgs/core-24/outbound-24.icon';
 export * from './svgs/core-24/pamphlet-24.icon';
 export * from './svgs/core-24/paper-24.icon';
+export * from './svgs/core-24/pencil-24.icon';
 export * from './svgs/core-24/people-24.icon';
 export * from './svgs/core-24/person-24.icon';
 export * from './svgs/core-24/photo-24.icon';
@@ -362,6 +364,7 @@ export const allIconsByCategory = {
         Outbound24Icon,
         Pamphlet24Icon,
         Paper24Icon,
+        Pencil24Icon,
         People24Icon,
         Person24Icon,
         Photo24Icon,

packages/design-system/src/icons/index.ts

@@ -0,0 +1,28 @@
+import {html} from 'element-vir';
+import {defineIcon} from 'vira';
+import {toniqIconCssVars} from '../../../styles/icon-css-vars';
+
+export const Pencil24Icon = defineIcon({
+    name: 'Pencil24Icon',
+    svgTemplate: html`
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            stroke=${toniqIconCssVars['toniq-icon-stroke-color'].value}
+            fill=${toniqIconCssVars['toniq-icon-fill-color'].value}
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+        >
+            <path
+                stroke-width=${toniqIconCssVars['toniq-icon-stroke-width'].value}
+                d="M4 19.9998H8L18.5 9.49981C18.7626 9.23717 18.971 8.92537 19.1131 8.58221C19.2553 8.23905 19.3284 7.87125 19.3284 7.49981C19.3284 7.12838 19.2553 6.76058 19.1131 6.41742C18.971 6.07426 18.7626 5.76246 18.5 5.49981C18.2374 5.23717 17.9256 5.02883 17.5824 4.88669C17.2392 4.74455 16.8714 4.67139 16.5 4.67139C16.1286 4.67139 15.7608 4.74455 15.4176 4.88669C15.0744 5.02883 14.7626 5.23717 14.5 5.49981L4 15.9998V19.9998Z"
+            />
+            <path
+                stroke-width=${toniqIconCssVars['toniq-icon-stroke-width'].value}
+                d="M13.5 6.5L17.5 10.5"
+            />
+        </svg>
+    `,
+});

packages/design-system/src/icons/svgs/core-24/pencil-24.icon.ts

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-native-elements-test",
-    "version": "16.26.1",
+    "version": "16.27.0",
     "private": true,
     "scripts": {
         "compile": "virmator compile",

packages/native-elements-test/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-scripts",
-    "version": "16.26.1",
+    "version": "16.27.0",
     "private": true,
     "scripts": {
         "compile": "virmator compile",