update icons

load-icons.js

@@ -1,6 +1,7 @@
 const fs = require('fs')
+const { execSync } = require('child_process')
 
-const iconsComponentDir = '/Users/bunmioosha/Projects/basicon-ui/icons'
+const iconsComponentDir = './src/icons'
 
 const getReactCode = (componentName, svg) => `
 import React from 'react'
@@ -115,6 +116,8 @@ async function ls(path) {
     }
 
     fs.promises.writeFile(`${iconsComponentDir}/index.ts`, importFileContent)
+    execSync('npm run format', { stdio: 'inherit' })
+    console.log('\n\n::: done with icons import :::\n\n')
 }
 
 ls('./svg').catch(console.error)

src/icons/AccountSearchUserPerson.tsx

@@ -0,0 +1,43 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AccountSearchUserPerson: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <circle
+                cx="12"
+                cy="7"
+                r="4"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M3 21V17C3 15.8954 3.89543 15 5 15H12"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M19.5 19.5L21 21M20.25 17.625C20.25 19.0747 19.0747 20.25 17.625 20.25C16.1753 20.25 15 19.0747 15 17.625C15 16.1753 16.1753 15 17.625 15C19.0747 15 20.25 16.1753 20.25 17.625Z"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AccountSearchUserPerson

src/icons/AlphabetA.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetA: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M5 21L12 3L19 21M8.14285 14.5716L15.8571 14.5714"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetA

src/icons/AlphabetB.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetB: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M14.1 12H5M14.1 12C16.8062 12 19 9.98528 19 7.5C19 5.01472 16.8062 3 14.1 3H5V21H14.1C16.8062 21 19 18.9853 19 16.5C19 14.0147 16.8062 12 14.1 12Z"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetB

src/icons/AlphabetC.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetC: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M19 4.22222C17.2072 2.83244 14.9243 2 12.4385 2C6.67346 2 2 6.47715 2 12C2 17.5228 6.67346 22 12.4385 22C14.9243 22 17.2072 21.1676 19 19.7778"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetC

src/icons/AlphabetD.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetD: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M4 3H12C16.4183 3 20 7.02944 20 12C20 16.9706 16.4183 21 12 21H4V3Z"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetD

src/icons/AlphabetE.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetE: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M19 3H5V11.5M19 21H5V11.5M5 11.5H19"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetE

src/icons/AlphabetF.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetF: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M19 3H5V11.5M5 11.5V21M5 11.5H16"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetF

src/icons/AlphabetG.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetG: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M13 13H19V16C19 19.3137 16.3137 22 13 22H11C7.68629 22 5 19.3137 5 16V8C5 4.68629 7.68629 2 11 2H13C15.973 2 18.441 4.16229 18.917 7"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetG

src/icons/AlphabetH.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetH: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M5 3V11.9474M5 11.9474V21M5 11.9474H19M19 3V11.9474M19 11.9474V21"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetH

src/icons/AlphabetI.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetI: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M12 3V21"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetI

src/icons/AlphabetJ.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetJ: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M18 3V15C18 18.3137 15.3137 21 12 21C8.68629 21 6 18.3137 6 15"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetJ

src/icons/AlphabetK.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetK: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M19 21L9 11M5 3V14M5 14V21M5 14L19 3"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetK

src/icons/AlphabetL.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import { IconConfig } from '../types'
+const AlphabetL: React.FC<IconConfig> = ({
+    size = 24,
+    color = '#000',
+    weight = 1.5
+}) => {
+    return (
+        <svg
+            width={`${size || 24}`}
+            height={`${size || 24}`}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M19 21H5V3"
+                stroke={color}
+                strokeWidth={`${weight || 1.5}`}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+export default AlphabetL