@liner-fe/icon 0.0.54 → 0.1.0

package/assets/color-docx/index.tsx

@@ -11,7 +11,7 @@ interface ColorDocxProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ColorDocx = forwardRef<SVGSVGElement, ColorDocxProps>(
+export const IconColorDocx = forwardRef<SVGSVGElement, ColorDocxProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/color-excel/index.tsx

@@ -0,0 +1,70 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface ColorExcelProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconColorExcel = forwardRef<SVGSVGElement, ColorExcelProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  }
+);

package/assets/color-facebook/index.tsx

@@ -11,7 +11,7 @@ interface ColorFacebookProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ColorFacebook = forwardRef<SVGSVGElement, ColorFacebookProps>(
+export const IconColorFacebook = forwardRef<SVGSVGElement, ColorFacebookProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/color-fire/index.tsx

@@ -11,7 +11,7 @@ interface ColorFireProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ColorFire = forwardRef<SVGSVGElement, ColorFireProps>(
+export const IconColorFire = forwardRef<SVGSVGElement, ColorFireProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/color-google/index.tsx

@@ -11,7 +11,7 @@ interface ColorGoogleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ColorGoogle = forwardRef<SVGSVGElement, ColorGoogleProps>(
+export const IconColorGoogle = forwardRef<SVGSVGElement, ColorGoogleProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/color-html/index.tsx

@@ -0,0 +1,78 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface ColorHtmlProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconColorHtml = forwardRef<SVGSVGElement, ColorHtmlProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  }
+);

package/assets/color-liner/index.tsx

@@ -11,7 +11,7 @@ interface ColorLinerProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ColorLiner = forwardRef<SVGSVGElement, ColorLinerProps>(
+export const IconColorLiner = forwardRef<SVGSVGElement, ColorLinerProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/color-liner-variation/index.tsx

@@ -11,7 +11,7 @@ interface ColorLinerVariationProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
   fillType?: BasicColorType;
 }
 
-export const ColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariationProps>(
+export const IconColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariationProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/color-link/index.tsx

@@ -0,0 +1,74 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface ColorLinkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconColorLink = forwardRef<SVGSVGElement, ColorLinkProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  }
+);

package/assets/color-pdf/index.tsx

@@ -11,7 +11,7 @@ interface ColorPdfProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ColorPdf = forwardRef<SVGSVGElement, ColorPdfProps>(
+export const IconColorPdf = forwardRef<SVGSVGElement, ColorPdfProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/color-powerpoint/index.tsx

@@ -0,0 +1,70 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface ColorPowerpointProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconColorPowerpoint = forwardRef<SVGSVGElement, ColorPowerpointProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_357)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M19.6365 28.0636V24.6818H23.6456C24.8274 24.6818 25.7092 24.4363 26.2911 23.9454C26.8729 23.4545 27.1638 22.6272 27.1638 21.4636C27.1638 20.4454 26.8911 19.6727 26.3456 19.1454C25.8183 18.6181 24.9729 18.3545 23.8092 18.3545H19.6365V14.9999H23.9456C25.1092 14.9999 26.1547 15.1363 27.082 15.409C28.0274 15.6818 28.8365 16.0908 29.5092 16.6363C30.182 17.1636 30.6911 17.8454 31.0365 18.6818C31.4002 19.4999 31.582 20.4636 31.582 21.5727C31.582 22.9908 31.2547 24.1818 30.6002 25.1454C29.9638 26.109 29.0092 26.8363 27.7365 27.3272C26.482 27.8181 24.9092 28.0636 23.0183 28.0636H19.6365ZM16.4183 32.9999V14.9999H20.8092V32.9999H16.4183Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_357">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_357)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M19.6365 28.0636V24.6818H23.6456C24.8274 24.6818 25.7092 24.4363 26.2911 23.9454C26.8729 23.4545 27.1638 22.6272 27.1638 21.4636C27.1638 20.4454 26.8911 19.6727 26.3456 19.1454C25.8183 18.6181 24.9729 18.3545 23.8092 18.3545H19.6365V14.9999H23.9456C25.1092 14.9999 26.1547 15.1363 27.082 15.409C28.0274 15.6818 28.8365 16.0908 29.5092 16.6363C30.182 17.1636 30.6911 17.8454 31.0365 18.6818C31.4002 19.4999 31.582 20.4636 31.582 21.5727C31.582 22.9908 31.2547 24.1818 30.6002 25.1454C29.9638 26.109 29.0092 26.8363 27.7365 27.3272C26.482 27.8181 24.9092 28.0636 23.0183 28.0636H19.6365ZM16.4183 32.9999V14.9999H20.8092V32.9999H16.4183Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_357">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_357)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M19.6365 28.0636V24.6818H23.6456C24.8274 24.6818 25.7092 24.4363 26.2911 23.9454C26.8729 23.4545 27.1638 22.6272 27.1638 21.4636C27.1638 20.4454 26.8911 19.6727 26.3456 19.1454C25.8183 18.6181 24.9729 18.3545 23.8092 18.3545H19.6365V14.9999H23.9456C25.1092 14.9999 26.1547 15.1363 27.082 15.409C28.0274 15.6818 28.8365 16.0908 29.5092 16.6363C30.182 17.1636 30.6911 17.8454 31.0365 18.6818C31.4002 19.4999 31.582 20.4636 31.582 21.5727C31.582 22.9908 31.2547 24.1818 30.6002 25.1454C29.9638 26.109 29.0092 26.8363 27.7365 27.3272C26.482 27.8181 24.9092 28.0636 23.0183 28.0636H19.6365ZM16.4183 32.9999V14.9999H20.8092V32.9999H16.4183Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_357">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_357)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M19.6365 28.0636V24.6818H23.6456C24.8274 24.6818 25.7092 24.4363 26.2911 23.9454C26.8729 23.4545 27.1638 22.6272 27.1638 21.4636C27.1638 20.4454 26.8911 19.6727 26.3456 19.1454C25.8183 18.6181 24.9729 18.3545 23.8092 18.3545H19.6365V14.9999H23.9456C25.1092 14.9999 26.1547 15.1363 27.082 15.409C28.0274 15.6818 28.8365 16.0908 29.5092 16.6363C30.182 17.1636 30.6911 17.8454 31.0365 18.6818C31.4002 19.4999 31.582 20.4636 31.582 21.5727C31.582 22.9908 31.2547 24.1818 30.6002 25.1454C29.9638 26.109 29.0092 26.8363 27.7365 27.3272C26.482 27.8181 24.9092 28.0636 23.0183 28.0636H19.6365ZM16.4183 32.9999V14.9999H20.8092V32.9999H16.4183Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_357">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  }
+);

package/assets/color-txt/index.tsx

@@ -11,7 +11,7 @@ interface ColorTxtProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ColorTxt = forwardRef<SVGSVGElement, ColorTxtProps>(
+export const IconColorTxt = forwardRef<SVGSVGElement, ColorTxtProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/copy/index.tsx

@@ -11,7 +11,7 @@ interface CopyProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Copy = forwardRef<SVGSVGElement, CopyProps>(
+export const IconCopy = forwardRef<SVGSVGElement, CopyProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/credit/index.tsx

@@ -11,7 +11,7 @@ interface CreditProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Credit = forwardRef<SVGSVGElement, CreditProps>(
+export const IconCredit = forwardRef<SVGSVGElement, CreditProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/credit-add/index.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface CreditAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconCreditAdd = forwardRef<SVGSVGElement, CreditAddProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M35.7487 12.75V18.4996H39.7486V12.75H45.4996V8.75H39.7486V3H35.7487V8.75H30V12.75H35.7487Z" style={{ fill: `var(--${type})` }}/>
+<path d="M43.4142 19.1772C43.7971 20.7233 44 22.3391 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.666 4.40064 19.4213 5.13855 17.3335C7.88318 9.56825 15.2888 4 24 4C25.6631 4 27.2786 4.20295 28.8231 4.58538C28.0637 5.69726 27.5125 6.9626 27.2255 8.32529C26.1835 8.112 25.1048 8 24 8C17.0366 8 11.1073 12.4494 8.90991 18.6665C8.32121 20.3321 8 22.1264 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 22.8938 39.888 21.8152 39.6751 20.7744C41.0375 20.4874 42.3025 19.9364 43.4142 19.1772Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.1062 15.5895C27.4742 15.2738 26.8127 15.0364 26.1234 14.8771V12.1113H22.3461V14.8817C21.2125 15.1613 20.2355 15.692 19.4446 16.4898C18.4766 17.4584 17.9821 18.6506 17.9821 20.0189C17.9821 20.7418 18.094 21.4179 18.3364 22.0333L18.3393 22.0407L18.3424 22.048C18.5871 22.6372 18.9264 23.1475 19.3728 23.5543L19.3798 23.5606C19.7813 23.9184 20.2308 24.2287 20.7249 24.4928L20.7302 24.4956C21.2187 24.7523 21.7275 24.9673 22.2559 25.1407L22.2635 25.1431L22.2711 25.1455C22.7687 25.2986 23.2628 25.4442 23.7533 25.5821L23.7609 25.5842L23.7685 25.5862C24.2406 25.7097 24.6843 25.8433 25.1002 25.9867L25.1085 25.9896L25.1168 25.9923C25.5198 26.122 25.8597 26.2675 26.1422 26.4244L26.152 26.4299L26.1619 26.435C26.3905 26.5543 26.5468 26.6998 26.6559 26.8677L26.66 26.8739L26.6641 26.8801C26.7632 27.0269 26.8235 27.2076 26.8235 27.4547C26.8235 27.9509 26.6399 28.3362 26.2139 28.6708C25.771 29.0113 25.1613 29.216 24.3141 29.216C22.8474 29.216 21.4472 28.6323 20.0947 27.3626L19.4383 26.7463L16.9321 29.6935L17.4778 30.2525C18.1706 30.9622 19.005 31.5595 19.9696 32.05L19.9774 32.0539C20.7348 32.4295 21.5249 32.7046 22.3461 32.8791V35.6457H26.1234V32.8831C27.3833 32.6096 28.4574 32.0459 29.306 31.1673C30.3163 30.1215 30.8388 28.8635 30.8388 27.4321C30.8388 26.7131 30.7219 26.0416 30.4662 25.4347C30.2212 24.8457 29.8783 24.3365 29.426 23.9311C29.028 23.5609 28.5745 23.2445 28.0706 22.9794C27.9379 22.9086 27.8033 22.841 27.6667 22.7766C27.3045 22.6059 26.9283 22.4577 26.5386 22.3318C26.0373 22.1698 25.5322 22.0194 25.0233 21.8805C24.5486 21.7416 24.0969 21.5995 23.6682 21.4543C23.2756 21.3117 22.9332 21.1562 22.6377 20.99C22.4063 20.8496 22.2348 20.6833 22.1082 20.4924C22.0034 20.3278 21.9407 20.1267 21.9407 19.8602C21.9407 19.5106 22.0702 19.233 22.4208 18.9737C22.7908 18.7 23.3053 18.5297 24.0307 18.5297C24.6858 18.5297 25.3283 18.6657 25.9646 18.9449L25.9743 18.949C26.3752 19.1191 26.7289 19.3249 27.0393 19.5654C27.2284 19.7119 27.4015 19.8712 27.5592 20.0431L28.2527 20.7987L30.6037 17.7043L30.1862 17.1824C29.6666 16.5329 28.9597 16.0083 28.1062 15.5895Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/creditcard/index.tsx

@@ -11,7 +11,7 @@ interface CreditcardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Creditcard = forwardRef<SVGSVGElement, CreditcardProps>(
+export const IconCreditcard = forwardRef<SVGSVGElement, CreditcardProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/dark-mode/index.tsx

@@ -11,7 +11,7 @@ interface DarkModeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const DarkMode = forwardRef<SVGSVGElement, DarkModeProps>(
+export const IconDarkMode = forwardRef<SVGSVGElement, DarkModeProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/description/index.tsx

@@ -11,7 +11,7 @@ interface DescriptionProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Description = forwardRef<SVGSVGElement, DescriptionProps>(
+export const IconDescription = forwardRef<SVGSVGElement, DescriptionProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/desktop/index.tsx

@@ -11,7 +11,7 @@ interface DesktopProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Desktop = forwardRef<SVGSVGElement, DesktopProps>(
+export const IconDesktop = forwardRef<SVGSVGElement, DesktopProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/desktop-on-cursor/index.tsx

@@ -11,7 +11,7 @@ interface DesktopOnCursorProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const DesktopOnCursor = forwardRef<SVGSVGElement, DesktopOnCursorProps>(
+export const IconDesktopOnCursor = forwardRef<SVGSVGElement, DesktopOnCursorProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/document/index.tsx

@@ -11,7 +11,7 @@ interface DocumentProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Document = forwardRef<SVGSVGElement, DocumentProps>(
+export const IconDocument = forwardRef<SVGSVGElement, DocumentProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/document-add/index.tsx

@@ -11,7 +11,7 @@ interface DocumentAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const DocumentAdd = forwardRef<SVGSVGElement, DocumentAddProps>(
+export const IconDocumentAdd = forwardRef<SVGSVGElement, DocumentAddProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/document-check/index.tsx

@@ -11,7 +11,7 @@ interface DocumentCheckProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const DocumentCheck = forwardRef<SVGSVGElement, DocumentCheckProps>(
+export const IconDocumentCheck = forwardRef<SVGSVGElement, DocumentCheckProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/document-warning/index.tsx

@@ -11,7 +11,7 @@ interface DocumentWarningProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const DocumentWarning = forwardRef<SVGSVGElement, DocumentWarningProps>(
+export const IconDocumentWarning = forwardRef<SVGSVGElement, DocumentWarningProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/double-arrow-backward/index.tsx

@@ -11,7 +11,7 @@ interface DoubleArrowBackwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
   fillType?: BasicColorType;
 }
 
-export const DoubleArrowBackward = forwardRef<SVGSVGElement, DoubleArrowBackwardProps>(
+export const IconDoubleArrowBackward = forwardRef<SVGSVGElement, DoubleArrowBackwardProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/double-arrow-forward/index.tsx

@@ -11,7 +11,7 @@ interface DoubleArrowForwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
   fillType?: BasicColorType;
 }
 
-export const DoubleArrowForward = forwardRef<SVGSVGElement, DoubleArrowForwardProps>(
+export const IconDoubleArrowForward = forwardRef<SVGSVGElement, DoubleArrowForwardProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/download/index.tsx

@@ -11,7 +11,7 @@ interface DownloadProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Download = forwardRef<SVGSVGElement, DownloadProps>(
+export const IconDownload = forwardRef<SVGSVGElement, DownloadProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/drop-down/index.tsx

@@ -11,7 +11,7 @@ interface DropDownProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const DropDown = forwardRef<SVGSVGElement, DropDownProps>(
+export const IconDropDown = forwardRef<SVGSVGElement, DropDownProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>

package/assets/drop-up/index.tsx

@@ -11,7 +11,7 @@ interface DropUpProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const DropUp = forwardRef<SVGSVGElement, DropUpProps>(
+export const IconDropUp = forwardRef<SVGSVGElement, DropUpProps>(
   ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>