droplinked-editor-configs 1.8.0

package/src/assets/icon/StyleDesigner/Sidebar/SidebarLg.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SidebarLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <rect x="2.57812" y="5.4035" width="18.8456" height="13.1927" rx="2" stroke={color} strokeWidth="2" />
+        <path d="M10.001 18.0476V5.95428" stroke={color} strokeWidth="2" strokeLinecap="round" />
+        <path d="M7.3 8.70117H5.5" stroke={color} strokeLinecap="round" />
+        <path d="M5.5 10.9004H7.3" stroke={color} strokeLinecap="round" />
+        <path d="M7.3 13.0996H5.5" stroke={color} strokeLinecap="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Sidebar/SidebarMd.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SidebarMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <rect x="2.14844" y="4.50275" width="15.7047" height="10.9939" rx="1.66667" stroke={color} strokeWidth="1.5" />
+        <path d="M8.33301 15.0395V4.96173" stroke={color} strokeWidth="1.5" strokeLinecap="round" />
+        <path d="M6.07047 7.25098H4.5" stroke={color} strokeWidth="0.75" strokeLinecap="round" />
+        <path d="M4.5 9.08398H6.07047" stroke={color} strokeWidth="0.75" strokeLinecap="round" />
+        <path d="M6.07047 10.916H4.5" stroke={color} strokeWidth="0.75" strokeLinecap="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Sidebar/SidebarSm.tsx

@@ -0,0 +1,13 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SidebarSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <rect x="1.71875" y="3.60236" width="12.5637" height="8.79516" rx="1.33333" stroke={color} />
+        <path d="M6.66699 12.0318V3.96954" stroke={color} strokeLinecap="round" />
+        <path d="M4.85598 5.80078H3.59961" stroke={color} strokeWidth="0.5" strokeLinecap="round" />
+        <path d="M3.59961 7.26758H4.85598" stroke={color} strokeWidth="0.5" strokeLinecap="round" />
+        <path d="M4.85598 8.73242H3.59961" stroke={color} strokeWidth="0.5" strokeLinecap="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Strike/StrikeLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const StrikeLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5 12H19" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M16 6.50002C15.7732 6.05998 15.2536 5.67167 14.5265 5.39902C13.7994 5.12638 12.9084 4.98565 12 5.00002H11C10.0717 5.00002 9.1815 5.36877 8.52513 6.02515C7.86875 6.68153 7.5 7.57177 7.5 8.50002C7.5 9.42828 7.86875 10.3185 8.52513 10.9749C9.1815 11.6313 10.0717 12 11 12H13C13.9283 12 14.8185 12.3688 15.4749 13.0252C16.1313 13.6815 16.5 14.5718 16.5 15.5C16.5 16.4283 16.1313 17.3185 15.4749 17.9749C14.8185 18.6313 13.9283 19 13 19H11.5C10.5916 19.0144 9.70056 18.8737 8.9735 18.601C8.24644 18.3284 7.72675 17.9401 7.5 17.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Strike/StrikeMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const StrikeMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.16699 10H15.8337" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M13.3333 5.41667C13.1444 5.04997 12.7113 4.72637 12.1054 4.49917C11.4995 4.27196 10.757 4.15469 10 4.16667H9.16667C8.39312 4.16667 7.65125 4.47396 7.10427 5.02094C6.55729 5.56792 6.25 6.30979 6.25 7.08333C6.25 7.85688 6.55729 8.59875 7.10427 9.14573C7.65125 9.69271 8.39312 10 9.16667 10H10.8333C11.6069 10 12.3487 10.3073 12.8957 10.8543C13.4427 11.4013 13.75 12.1431 13.75 12.9167C13.75 13.6902 13.4427 14.4321 12.8957 14.9791C12.3487 15.526 11.6069 15.8333 10.8333 15.8333H9.58333C8.82636 15.8453 8.0838 15.728 7.47792 15.5008C6.87203 15.2736 6.43896 14.95 6.25 14.5833" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Strike/StrikeSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const StrikeSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.33301 8H12.6663" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10.6667 4.33331C10.5155 4.03995 10.169 3.78107 9.68433 3.59931C9.19963 3.41754 8.60558 3.32373 8 3.33331H7.33333C6.71449 3.33331 6.121 3.57914 5.68342 4.01673C5.24583 4.45431 5 5.0478 5 5.66664C5 6.28548 5.24583 6.87897 5.68342 7.31656C6.121 7.75414 6.71449 7.99998 7.33333 7.99998H8.66667C9.28551 7.99998 9.879 8.24581 10.3166 8.68339C10.7542 9.12098 11 9.71447 11 10.3333C11 10.9521 10.7542 11.5456 10.3166 11.9832C9.879 12.4208 9.28551 12.6666 8.66667 12.6666H7.66667C7.06109 12.6762 6.46704 12.5824 5.98233 12.4006C5.49763 12.2189 5.15117 11.96 5 11.6666" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Subtitle/SubtitleLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SubtitleLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4 12H12" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4 18V6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12 18V6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M21 17.9999H17C17 13.9999 21 14.9999 21 11.9999C21 10.4999 19 9.49994 17 10.9999" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Subtitle/SubtitleMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SubtitleMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.33301 10H9.99967" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.33301 15V5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10 15V5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.5003 15H14.167C14.167 11.6667 17.5003 12.5 17.5003 10C17.5003 8.75002 15.8337 7.91668 14.167 9.16668" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Subtitle/SubtitleSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const SubtitleSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.66699 8H8.00033" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.66699 12V4" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8 12V4" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M13.9997 12H11.333C11.333 9.3333 13.9997 9.99996 13.9997 7.99996C13.9997 6.99996 12.6663 6.3333 11.333 7.3333" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Tablet/TabletLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TabletLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M12 18H12.01M8.2 21H15.8C16.9201 21 17.4802 21 17.908 20.782C18.2843 20.5903 18.5903 20.2843 18.782 19.908C19 19.4802 19 18.9201 19 17.8V6.2C19 5.0799 19 4.51984 18.782 4.09202C18.5903 3.71569 18.2843 3.40973 17.908 3.21799C17.4802 3 16.9201 3 15.8 3H8.2C7.0799 3 6.51984 3 6.09202 3.21799C5.71569 3.40973 5.40973 3.71569 5.21799 4.09202C5 4.51984 5 5.07989 5 6.2V17.8C5 18.9201 5 19.4802 5.21799 19.908C5.40973 20.2843 5.71569 20.5903 6.09202 20.782C6.51984 21 7.07989 21 8.2 21Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Tablet/TabletMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TabletMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M9.99984 15H10.0082M6.83317 17.5H13.1665C14.0999 17.5 14.5667 17.5 14.9232 17.3183C15.2368 17.1586 15.4918 16.9036 15.6515 16.59C15.8332 16.2335 15.8332 15.7667 15.8332 14.8333V5.16667C15.8332 4.23325 15.8332 3.76653 15.6515 3.41002C15.4918 3.09641 15.2368 2.84144 14.9232 2.68166C14.5667 2.5 14.0999 2.5 13.1665 2.5H6.83317C5.89975 2.5 5.43304 2.5 5.07652 2.68166C4.76291 2.84144 4.50795 3.09641 4.34816 3.41002C4.1665 3.76653 4.1665 4.23324 4.1665 5.16667V14.8333C4.1665 15.7667 4.1665 16.2335 4.34816 16.59C4.50795 16.9036 4.76291 17.1586 5.07652 17.3183C5.43304 17.5 5.89975 17.5 6.83317 17.5Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Tablet/TabletSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TabletSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M8.00016 12H8.00683M5.46683 14H10.5335C11.2802 14 11.6536 14 11.9388 13.8547C12.1897 13.7269 12.3937 13.5229 12.5215 13.272C12.6668 12.9868 12.6668 12.6134 12.6668 11.8667V4.13333C12.6668 3.3866 12.6668 3.01323 12.5215 2.72801C12.3937 2.47713 12.1897 2.27315 11.9388 2.14533C11.6536 2 11.2802 2 10.5335 2H5.46683C4.7201 2 4.34672 2 4.06151 2.14533C3.81062 2.27315 3.60665 2.47713 3.47882 2.72801C3.3335 3.01323 3.3335 3.38659 3.3335 4.13333V11.8667C3.3335 12.6134 3.3335 12.9868 3.47882 13.272C3.60665 13.5229 3.81062 13.7269 4.06151 13.8547C4.34672 14 4.72009 14 5.46683 14Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlign/TextalignLg.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11142_285)">
+            <path d="M3.75 6H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.75 9.75H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.75 13.5H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.75 17.25H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11142_285">
+                <rect width="24" height="24" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlign/TextalignMd.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11142_279)">
+            <path d="M3.125 5H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.125 8.125H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.125 11.25H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.125 14.375H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11142_279">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlign/TextalignSm.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11142_273)">
+            <path d="M2.5 4H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2.5 6.5H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2.5 9H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2.5 11.5H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11142_273">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignCenter/TextaligncenterLg.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextaligncenterLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11142_320)">
+            <path d="M3.75 6H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M6 9.75H18" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.75 13.5H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M6 17.25H18" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11142_320">
+                <rect width="24" height="24" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignCenter/TextaligncenterMd.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextaligncenterMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11142_314)">
+            <path d="M3.125 5H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M5 8.125H15" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M3.125 11.25H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M5 14.375H15" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11142_314">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignCenter/TextaligncenterSm.tsx

@@ -0,0 +1,19 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextaligncenterSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <g clip-path="url(#clip0_11142_308)">
+            <path d="M2.5 4H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M4 6.5H12" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M2.5 9H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+            <path d="M4 11.5H12" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        </g>
+        <defs>
+            <clipPath id="clip0_11142_308">
+                <rect width="16" height="16" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignLeft/TextalignleftLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignleftLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.75 6H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.75 9.75H15.75" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.75 13.5H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.75 17.25H15.75" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignLeft/TextalignleftMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignleftMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.125 5H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.125 8.125H13.125" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.125 11.25H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.125 14.375H13.125" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignLeft/TextalignleftSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignleftSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.5 4H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.5 6.5H10.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.5 9H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.5 11.5H10.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignRight/TextalignrightLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignrightLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.75 6H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8.25 9.75H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.75 13.5H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8.25 17.25H20.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignRight/TextalignrightMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignrightMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.125 5H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6.875 8.125H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.125 11.25H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6.875 14.375H16.875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/TextAlignRight/TextalignrightSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const TextalignrightSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M2.5 4H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M5.5 6.5H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.5 9H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M5.5 11.5H13.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Underline/UnderlineLg.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const UnderlineLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M6 21H18" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17.25 5.25V12C17.25 13.3924 16.6969 14.7277 15.7123 15.7123C14.7277 16.6969 13.3924 17.25 12 17.25C10.6076 17.25 9.27226 16.6969 8.28769 15.7123C7.30312 14.7277 6.75 13.3924 6.75 12V5.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Underline/UnderlineMd.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const UnderlineMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5 17.5H15" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.375 4.375V10C14.375 11.1603 13.9141 12.2731 13.0936 13.0936C12.2731 13.9141 11.1603 14.375 10 14.375C8.83968 14.375 7.72688 13.9141 6.90641 13.0936C6.08594 12.2731 5.625 11.1603 5.625 10V4.375" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/StyleDesigner/Underline/UnderlineSm.tsx

@@ -0,0 +1,10 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const UnderlineSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4 14H12" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.5 3.5V8C11.5 8.92826 11.1313 9.8185 10.4749 10.4749C9.8185 11.1313 8.92826 11.5 8 11.5C7.07174 11.5 6.1815 11.1313 5.52513 10.4749C4.86875 9.8185 4.5 8.92826 4.5 8V3.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Affiliate/AffiliateLg.tsx

@@ -0,0 +1,14 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AffiliateLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5.93115 6.936L7.20615 11.185M12.8132 16.794L17.0641 18.069" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.6831 12.317L17.4421 6.558" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4 5.5C4 5.69698 4.0388 5.89204 4.11418 6.07403C4.18956 6.25601 4.30005 6.42137 4.43934 6.56066C4.57863 6.69995 4.74399 6.81044 4.92597 6.88582C5.10796 6.9612 5.30302 7 5.5 7C5.69698 7 5.89204 6.9612 6.07403 6.88582C6.25601 6.81044 6.42137 6.69995 6.56066 6.56066C6.69995 6.42137 6.81044 6.25601 6.88582 6.07403C6.9612 5.89204 7 5.69698 7 5.5C7 5.30302 6.9612 5.10796 6.88582 4.92597C6.81044 4.74399 6.69995 4.57863 6.56066 4.43934C6.42137 4.30005 6.25601 4.18956 6.07403 4.11418C5.89204 4.0388 5.69698 4 5.5 4C5.30302 4 5.10796 4.0388 4.92597 4.11418C4.74399 4.18956 4.57863 4.30005 4.43934 4.43934C4.30005 4.57863 4.18956 4.74399 4.11418 4.92597C4.0388 5.10796 4 5.30302 4 5.5Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17 5.5C17 5.89782 17.158 6.27936 17.4393 6.56066C17.7206 6.84196 18.1022 7 18.5 7C18.8978 7 19.2794 6.84196 19.5607 6.56066C19.842 6.27936 20 5.89782 20 5.5C20 5.10218 19.842 4.72064 19.5607 4.43934C19.2794 4.15804 18.8978 4 18.5 4C18.1022 4 17.7206 4.15804 17.4393 4.43934C17.158 4.72064 17 5.10218 17 5.5Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M17 18.5C17 18.8978 17.158 19.2794 17.4393 19.5607C17.7206 19.842 18.1022 20 18.5 20C18.8978 20 19.2794 19.842 19.5607 19.5607C19.842 19.2794 20 18.8978 20 18.5C20 18.1022 19.842 17.7206 19.5607 17.4393C19.2794 17.158 18.8978 17 18.5 17C18.1022 17 17.7206 17.158 17.4393 17.4393C17.158 17.7206 17 18.1022 17 18.5Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M4 15.5C4 16.6935 4.47411 17.8381 5.31802 18.682C6.16193 19.5259 7.30653 20 8.5 20C9.69347 20 10.8381 19.5259 11.682 18.682C12.5259 17.8381 13 16.6935 13 15.5C13 14.3065 12.5259 13.1619 11.682 12.318C10.8381 11.4741 9.69347 11 8.5 11C7.30653 11 6.16193 11.4741 5.31802 12.318C4.47411 13.1619 4 14.3065 4 15.5Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Affiliate/AffiliateMd.tsx

@@ -0,0 +1,14 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AffiliateMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.94238 5.78L6.00488 9.32083M10.6774 13.995L14.2199 15.0575" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M9.73584 10.2642L14.535 5.465" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.3335 4.58333C3.3335 4.74748 3.36583 4.91003 3.42865 5.06168C3.49146 5.21334 3.58354 5.35114 3.69961 5.46721C3.81569 5.58329 3.95348 5.67536 4.10514 5.73818C4.2568 5.801 4.41934 5.83333 4.5835 5.83333C4.74765 5.83333 4.91019 5.801 5.06185 5.73818C5.21351 5.67536 5.35131 5.58329 5.46738 5.46721C5.58345 5.35114 5.67553 5.21334 5.73835 5.06168C5.80116 4.91003 5.8335 4.74748 5.8335 4.58333C5.8335 4.41918 5.80116 4.25663 5.73835 4.10497C5.67553 3.95332 5.58345 3.81552 5.46738 3.69944C5.35131 3.58337 5.21351 3.4913 5.06185 3.42848C4.91019 3.36566 4.74765 3.33333 4.5835 3.33333C4.41934 3.33333 4.2568 3.36566 4.10514 3.42848C3.95348 3.4913 3.81569 3.58337 3.69961 3.69944C3.58354 3.81552 3.49146 3.95332 3.42865 4.10497C3.36583 4.25663 3.3335 4.41918 3.3335 4.58333Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.1665 4.58333C14.1665 4.91485 14.2982 5.23279 14.5326 5.46721C14.767 5.70163 15.085 5.83333 15.4165 5.83333C15.748 5.83333 16.066 5.70163 16.3004 5.46721C16.5348 5.23279 16.6665 4.91485 16.6665 4.58333C16.6665 4.25181 16.5348 3.93387 16.3004 3.69944C16.066 3.46502 15.748 3.33333 15.4165 3.33333C15.085 3.33333 14.767 3.46502 14.5326 3.69944C14.2982 3.93387 14.1665 4.25181 14.1665 4.58333Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M14.1665 15.4167C14.1665 15.7482 14.2982 16.0661 14.5326 16.3006C14.767 16.535 15.085 16.6667 15.4165 16.6667C15.748 16.6667 16.066 16.535 16.3004 16.3006C16.5348 16.0661 16.6665 15.7482 16.6665 15.4167C16.6665 15.0852 16.5348 14.7672 16.3004 14.5328C16.066 14.2984 15.748 14.1667 15.4165 14.1667C15.085 14.1667 14.767 14.2984 14.5326 14.5328C14.2982 14.7672 14.1665 15.0852 14.1665 15.4167Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M3.3335 12.9167C3.3335 13.9112 3.72858 14.8651 4.43185 15.5683C5.13511 16.2716 6.08893 16.6667 7.0835 16.6667C8.07806 16.6667 9.03188 16.2716 9.73515 15.5683C10.4384 14.8651 10.8335 13.9112 10.8335 12.9167C10.8335 11.9221 10.4384 10.9683 9.73515 10.265C9.03188 9.56176 8.07806 9.16667 7.0835 9.16667C6.08893 9.16667 5.13511 9.56176 4.43185 10.265C3.72858 10.9683 3.3335 11.9221 3.3335 12.9167Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Affiliate/AffiliateSm.tsx

@@ -0,0 +1,14 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AffiliateSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M3.9541 4.62399L4.8041 7.45666M8.5421 11.196L11.3761 12.046" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M7.78857 8.21133L11.6279 4.37199" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.6665 3.66667C2.6665 3.79799 2.69237 3.92803 2.74262 4.04936C2.79288 4.17068 2.86654 4.28092 2.9594 4.37378C3.05226 4.46664 3.16249 4.5403 3.28382 4.59055C3.40515 4.64081 3.53518 4.66667 3.6665 4.66667C3.79783 4.66667 3.92786 4.64081 4.04919 4.59055C4.17051 4.5403 4.28075 4.46664 4.37361 4.37378C4.46647 4.28092 4.54013 4.17068 4.59038 4.04936C4.64064 3.92803 4.6665 3.79799 4.6665 3.66667C4.6665 3.53535 4.64064 3.40531 4.59038 3.28399C4.54013 3.16266 4.46647 3.05242 4.37361 2.95956C4.28075 2.86671 4.17051 2.79305 4.04919 2.74279C3.92786 2.69254 3.79783 2.66667 3.6665 2.66667C3.53518 2.66667 3.40515 2.69254 3.28382 2.74279C3.16249 2.79305 3.05226 2.86671 2.9594 2.95956C2.86654 3.05242 2.79288 3.16266 2.74262 3.28399C2.69237 3.40531 2.6665 3.53535 2.6665 3.66667Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.3335 3.66667C11.3335 3.93189 11.4389 4.18624 11.6264 4.37378C11.8139 4.56132 12.0683 4.66667 12.3335 4.66667C12.5987 4.66667 12.8531 4.56132 13.0406 4.37378C13.2281 4.18624 13.3335 3.93189 13.3335 3.66667C13.3335 3.40146 13.2281 3.1471 13.0406 2.95956C12.8531 2.77203 12.5987 2.66667 12.3335 2.66667C12.0683 2.66667 11.8139 2.77203 11.6264 2.95956C11.4389 3.1471 11.3335 3.40146 11.3335 3.66667Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M11.3335 12.3333C11.3335 12.5985 11.4389 12.8529 11.6264 13.0404C11.8139 13.228 12.0683 13.3333 12.3335 13.3333C12.5987 13.3333 12.8531 13.228 13.0406 13.0404C13.2281 12.8529 13.3335 12.5985 13.3335 12.3333C13.3335 12.0681 13.2281 11.8138 13.0406 11.6262C12.8531 11.4387 12.5987 11.3333 12.3335 11.3333C12.0683 11.3333 11.8139 11.4387 11.6264 11.6262C11.4389 11.8138 11.3335 12.0681 11.3335 12.3333Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M2.6665 10.3333C2.6665 11.129 2.98257 11.892 3.54518 12.4546C4.10779 13.0173 4.87085 13.3333 5.6665 13.3333C6.46215 13.3333 7.22522 13.0173 7.78782 12.4546C8.35043 11.892 8.6665 11.129 8.6665 10.3333C8.6665 9.53768 8.35043 8.77462 7.78782 8.21201C7.22522 7.6494 6.46215 7.33333 5.6665 7.33333C4.87085 7.33333 4.10779 7.6494 3.54518 8.21201C2.98257 8.77462 2.6665 9.53768 2.6665 10.3333Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Audio/AudioLg.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AudioLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M6.5 22C8.433 22 10 20.433 10 18.5C10 16.567 8.433 15 6.5 15C4.567 15 3 16.567 3 18.5C3 20.433 4.567 22 6.5 22Z" stroke={color} strokeWidth="2" />
+        <path d="M18 19C19.6569 19 21 17.6569 21 16C21 14.3431 19.6569 13 18 13C16.3431 13 15 14.3431 15 16C15 17.6569 16.3431 19 18 19Z" stroke={color} strokeWidth="2" />
+        <path d="M10 18.5V7.00001C10 6.07656 10 5.61484 10.2635 5.32795C10.5269 5.04107 11.0175 4.99921 11.9986 4.9155C16.022 4.57223 18.909 3.26006 20.3553 2.40979C20.6508 2.23601 20.7986 2.14913 20.8993 2.20673C21 2.26433 21 2.43151 21 2.76588V16" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10 10C15.8667 10 19.7778 7.66667 21 7" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Audio/AudioMd.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AudioMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M5.41667 18.3333C7.0275 18.3333 8.33333 17.0275 8.33333 15.4167C8.33333 13.8058 7.0275 12.5 5.41667 12.5C3.80584 12.5 2.5 13.8058 2.5 15.4167C2.5 17.0275 3.80584 18.3333 5.41667 18.3333Z" stroke={color} strokeWidth="1.5" />
+        <path d="M15 15.8333C16.3807 15.8333 17.5 14.7141 17.5 13.3333C17.5 11.9526 16.3807 10.8333 15 10.8333C13.6193 10.8333 12.5 11.9526 12.5 13.3333C12.5 14.7141 13.6193 15.8333 15 15.8333Z" stroke={color} strokeWidth="1.5" />
+        <path d="M8.33301 15.4167V5.83334C8.33301 5.0638 8.33301 4.67904 8.55259 4.43996C8.77209 4.20089 9.18092 4.16601 9.99851 4.09625C13.3513 3.8102 15.7572 2.71672 16.9624 2.00816C17.2087 1.86335 17.3318 1.79095 17.4158 1.83895C17.4997 1.88695 17.4997 2.02626 17.4997 2.3049V13.3333" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8.33301 8.33334C13.2219 8.33334 16.4812 6.3889 17.4997 5.83334" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Audio/AudioSm.tsx

@@ -0,0 +1,12 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const AudioSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M4.33333 14.6667C5.622 14.6667 6.66667 13.622 6.66667 12.3333C6.66667 11.0447 5.622 10 4.33333 10C3.04467 10 2 11.0447 2 12.3333C2 13.622 3.04467 14.6667 4.33333 14.6667Z" stroke={color} />
+        <path d="M12 12.6667C13.1046 12.6667 14 11.7712 14 10.6667C14 9.56209 13.1046 8.66666 12 8.66666C10.8954 8.66666 10 9.56209 10 10.6667C10 11.7712 10.8954 12.6667 12 12.6667Z" stroke={color} />
+        <path d="M6.66699 12.3333V4.66668C6.66699 4.05104 6.66699 3.74323 6.84266 3.55197C7.01826 3.36072 7.34533 3.33281 7.99939 3.277C10.6817 3.04816 12.6063 2.17338 13.5705 1.60653C13.7675 1.49068 13.8661 1.43276 13.9332 1.47116C14.0003 1.50956 14.0003 1.62101 14.0003 1.84392V10.6667" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6.66699 6.66666C10.5781 6.66666 13.1855 5.1111 14.0003 4.66666" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Blog/BlogLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlogLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M16.5 7.5H19.875C20.4963 7.5 21 8.00368 21 8.625V18C21 19.2426 19.9926 20.25 18.75 20.25M16.5 7.5V18C16.5 19.2426 17.5074 20.25 18.75 20.25M16.5 7.5V4.875C16.5 4.25368 15.9963 3.75 15.375 3.75H4.125C3.50368 3.75 3 4.25368 3 4.875V18C3 19.2426 4.00736 20.25 5.25 20.25H18.75" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M12 7.5H13.5M12 10.5H13.5M6 13.5H13.5M6 16.5H13.5M6 7.5H9V10.5H6V7.5Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+);

package/src/assets/icon/System/Blog/BlogMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlogMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M10 6.25H11.25M10 8.75H11.25M5 11.25H11.25M5 13.75H11.25M13.75 6.25H16.5625C17.0802 6.25 17.5 6.66973 17.5 7.1875V15C17.5 16.0355 16.6605 16.875 15.625 16.875M13.75 6.25V15C13.75 16.0355 14.5895 16.875 15.625 16.875M13.75 6.25V4.0625C13.75 3.54473 13.3302 3.125 12.8125 3.125H3.4375C2.91973 3.125 2.5 3.54473 2.5 4.0625V15C2.5 16.0355 3.33947 16.875 4.375 16.875H15.625M5 6.25H7.5V8.75H5V6.25Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Blog/BlogSm.tsx

@@ -0,0 +1,11 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BlogSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M11 5H13.25C13.6642 5 14 5.33579 14 5.75V12C14 12.8284 13.3284 13.5 12.5 13.5M11 5V12C11 12.8284 11.6716 13.5 12.5 13.5M11 5V3.25C11 2.83579 10.6642 2.5 10.25 2.5H2.75C2.33579 2.5 2 2.83579 2 3.25V12C2 12.8284 2.67157 13.5 3.5 13.5H12.5" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M6 5H4V7H6V5Z" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M8 5H9M8 7H9M4 9H9M4 11H9" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Building/BuildingLg.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BuildingLg = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M11 11H6.2C5.07989 11 4.51984 11 4.09202 11.218C3.71569 11.4097 3.40973 11.7157 3.21799 12.092C3 12.5198 3 13.0799 3 14.2V21M21 21V6.2C21 5.0799 21 4.51984 20.782 4.09202C20.5903 3.71569 20.2843 3.40973 19.908 3.21799C19.4802 3 18.9201 3 17.8 3H14.2C13.0799 3 12.5198 3 12.092 3.21799C11.7157 3.40973 11.4097 3.71569 11.218 4.09202C11 4.51984 11 5.0799 11 6.2V21M22 21H2M14.5 7H17.5M14.5 11H17.5M14.5 15H17.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Building/BuildingMd.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BuildingMd = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M9.16699 9.16667H5.16699C4.23357 9.16667 3.76686 9.16667 3.41034 9.34832C3.09674 9.50811 2.84177 9.76308 2.68198 10.0767C2.50033 10.4332 2.50033 10.8999 2.50033 11.8333V17.5M17.5003 17.5V5.16667C17.5003 4.23325 17.5003 3.76654 17.3187 3.41002C17.1589 3.09641 16.9039 2.84144 16.5903 2.68166C16.2338 2.5 15.7671 2.5 14.8337 2.5H11.8337C10.9002 2.5 10.4335 2.5 10.077 2.68166C9.76341 2.84144 9.50844 3.09641 9.34865 3.41002C9.16699 3.76654 9.16699 4.23325 9.16699 5.16667V17.5M18.3337 17.5H1.66699M12.0837 5.83333H14.5837M12.0837 9.16667H14.5837M12.0837 12.5H14.5837" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);

package/src/assets/icon/System/Building/BuildingSm.tsx

@@ -0,0 +1,9 @@
+// Generated from SVG to React Component
+import React, { SVGProps } from "react";
+
+export const BuildingSm = ({ color = "black", ...props }: SVGProps<SVGSVGElement>) => (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+        <path d="M7.33301 7.33333H4.13301C3.38627 7.33333 3.0129 7.33333 2.72769 7.47866C2.4768 7.60649 2.27283 7.81046 2.145 8.06135C1.99967 8.34656 1.99967 8.71993 1.99967 9.46667V14M13.9997 14V4.13333C13.9997 3.3866 13.9997 3.01323 13.8544 2.72801C13.7265 2.47713 13.5225 2.27316 13.2717 2.14532C12.9864 2 12.6131 2 11.8663 2H9.46634C8.7196 2 8.34624 2 8.06102 2.14532C7.81014 2.27316 7.60616 2.47713 7.47833 2.72801C7.33301 3.01323 7.33301 3.3866 7.33301 4.13333V14M14.6663 14H1.33301M9.66634 4.66667H11.6663M9.66634 7.33333H11.6663M9.66634 10H11.6663" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+
+);