feat: add taskly icon

Author: capJavert

components/Icons/SvgRoot.tsx

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react'
 
 export type TSvgRootProps = {
+    viewBox?: string
     fill?: string
     size?: number
     width?: number
@@ -11,10 +12,10 @@ export type TSvgRootProps = {
 export type TSvgChildProps = Omit<TSvgRootProps, 'children'>
 
 const SvgRoot = forwardRef<SVGSVGElement, TSvgRootProps>(
-    ({ fill = 'currentColor', size, height, width, children }, ref) => {
+    ({ fill = 'currentColor', viewBox, size, height, width, children }, ref) => {
         return (
             <svg
-                viewBox="0 0 24 24"
+                viewBox={viewBox || '0 0 24 24'}
                 ref={ref}
                 fill={fill}
                 width={size || width || 24}

components/Icons/TasklyIcon.tsx

@@ -0,0 +1,20 @@
+import { SvgRoot, TSvgChildProps } from './SvgRoot'
+
+const TasklyIcon = (props: TSvgChildProps) => {
+    return (
+        <SvgRoot {...props} viewBox="0 0 467 122">
+            <path
+                fillRule="evenodd"
+                d="M0 25C0 11.193 11.193 0 25 0h417c13.807 0 25 11.193 25 25v72c0 13.807-11.193 25-25 25H25c-13.807 0-25-11.193-25-25V25Zm313.082 39.665-14.744-13.872-15.545 16.003 30.761 28.889 52.196-52.07-16.001-15.526-36.667 36.576ZM28.591 26.182v15.273h21V96h18.682V41.455h21V26.182H28.59ZM85.276 96h20.454l4.034-13.364h23.023L136.821 96h20.455L134.23 26.182h-25.909L85.276 96Zm43.229-27.546-6.957-23.045h-.545l-6.957 23.045h14.459Zm67.856-25.772c1.523 1.273 2.375 3.045 2.557 5.318h18.136c-.023-4.568-1.159-8.557-3.409-11.966-2.227-3.432-5.398-6.09-9.511-7.977-4.114-1.886-8.989-2.83-14.625-2.83-5.523 0-10.421.932-14.694 2.796-4.25 1.863-7.579 4.466-9.988 7.807-2.387 3.318-3.568 7.193-3.546 11.625-.022 5.454 1.739 9.76 5.284 12.92 3.569 3.136 8.444 5.375 14.625 6.716l6.955 1.5c2.591.568 4.648 1.182 6.17 1.84 1.523.637 2.614 1.365 3.273 2.183.682.795 1.034 1.727 1.057 2.795a4.907 4.907 0 0 1-1.091 3.034c-.705.886-1.739 1.58-3.102 2.08-1.364.5-3.057.75-5.08.75-2.409 0-4.488-.375-6.238-1.125-1.728-.75-3.069-1.852-4.023-3.307-.955-1.455-1.489-3.25-1.602-5.386h-18c.022 5.84 1.272 10.636 3.75 14.386 2.5 3.727 6 6.489 10.5 8.284 4.522 1.796 9.818 2.693 15.886 2.693 5.909 0 10.966-.83 15.17-2.489 4.228-1.658 7.478-4.079 9.75-7.26 2.273-3.183 3.421-7.069 3.444-11.66-.023-2.659-.455-5.114-1.296-7.364-.818-2.25-2.102-4.272-3.852-6.068-1.75-1.818-4-3.397-6.75-4.738-2.75-1.341-6.057-2.42-9.921-3.239l-5.727-1.227c-1.659-.341-3.091-.728-4.295-1.16-1.205-.431-2.194-.908-2.966-1.431-.773-.546-1.341-1.148-1.705-1.807-.341-.682-.488-1.443-.443-2.284a4.642 4.642 0 0 1 .92-2.727c.591-.796 1.5-1.42 2.728-1.875 1.25-.478 2.852-.716 4.807-.716 3.068 0 5.352.636 6.852 1.909Zm28.858-16.5V96h18.954V78l6.273-8.182L266.128 96h22.636l-24.136-38.727 23.591-31.091h-22.091l-21 28.227h-.955V26.182h-18.954Zm163.397 0H367.48l25.636 47.864V96h18.819V74.046l25.636-47.864h-21.136l-13.637 28.363h-.545l-13.637-28.363Z"
+                clipRule="evenodd"
+            />
+        </SvgRoot>
+    )
+}
+
+TasklyIcon.defaultProps = {
+    width: 191,
+    height: 50
+}
+
+export { TasklyIcon }

components/Icons/index.ts

@@ -15,6 +15,7 @@ export * from './SearchIcon'
 export * from './SortIcon'
 export * from './SunIcon'
 export * from './TaskIcon'
+export * from './TasklyIcon'
 export * from './TrashIcon'
 export * from './TrelloIcon'
 export * from './UserIcon'