@liner-fe/icon 0.0.3 → 0.0.5

package/assets/arrow-up/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface ArrowUpProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const ArrowUp = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.5 11.6207L36.5175 22.6382L38.6388 20.5168L26.4752 8.35325C25.1084 6.98642 22.8923 6.98642 21.5255 8.35325L9.36188 20.5168L11.4832 22.6382L22.5 11.6213V41.0003H25.5V11.6207Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.5 11.6207L36.5175 22.6382L38.6388 20.5168L26.4752 8.35325C25.1084 6.98642 22.8923 6.98642 21.5255 8.35325L9.36188 20.5168L11.4832 22.6382L22.5 11.6213V41.0003H25.5V11.6207Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26 12.8278L36.1639 22.9917L38.9923 20.1633L26.8287 7.9997C25.2666 6.4376 22.734 6.4376 21.1719 7.9997L9.0083 20.1633L11.8367 22.9917L22 12.8285V41.0003H26V12.8278Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.5 11.6207L36.5175 22.6382L38.6388 20.5168L26.4752 8.35325C25.1084 6.98642 22.8923 6.98642 21.5255 8.35325L9.36188 20.5168L11.4832 22.6382L22.5 11.6213V41.0003H25.5V11.6207Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/arrow-up-down/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface ArrowUpDownProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const ArrowUpDown = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpDownProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.501 35.3805L25.0607 27.9402L22.9393 30.0615L31.8985 39.0207C33.0596 40.1818 34.942 40.1818 36.1031 39.0207L45.0623 30.0615L42.941 27.9402L35.501 35.3802V8H32.501V35.3805Z" style={{ fill: `var(--${color})` }}/>
+<path d="M15.5006 12.6195L22.9409 20.0598L25.0623 17.9385L16.1031 8.97932C14.942 7.81825 13.0596 7.81825 11.8985 8.97932L2.93933 17.9385L5.06065 20.0598L12.5006 12.6198V39.999H15.5006V12.6195Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.501 35.3805L25.0607 27.9402L22.9393 30.0615L31.8985 39.0207C33.0596 40.1818 34.942 40.1818 36.1031 39.0207L45.0623 30.0615L42.941 27.9402L35.501 35.3802V8H32.501V35.3805Z" style={{ fill: `var(--${color})` }}/>
+<path d="M15.5006 12.6195L22.9409 20.0598L25.0623 17.9385L16.1031 8.97932C14.942 7.81825 13.0596 7.81825 11.8985 8.97932L2.93933 17.9385L5.06065 20.0598L12.5006 12.6198V39.999H15.5006V12.6195Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0006 13.8274L22.5874 20.4142L25.4158 17.5858L16.4566 8.62663C15.1003 7.27029 12.9012 7.27029 11.5449 8.62663L2.58575 17.5858L5.41418 20.4142L12.0006 13.8278V40H16.0006V13.8274Z" style={{ fill: `var(--${color})` }}/>
+<path d="M32.001 34.1745L25.4142 27.5877L22.5858 30.4162L31.5449 39.3753C32.9013 40.7317 35.1003 40.7317 36.4567 39.3753L45.4158 30.4162L42.5874 27.5877L36.001 34.1742V8.00097L32.001 8.00097V34.1745Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.501 35.3805L25.0607 27.9402L22.9393 30.0615L31.8985 39.0207C33.0596 40.1818 34.942 40.1818 36.1031 39.0207L45.0623 30.0615L42.941 27.9402L35.501 35.3802V8H32.501V35.3805Z" style={{ fill: `var(--${color})` }}/>
+<path d="M15.5006 12.6195L22.9409 20.0598L25.0623 17.9385L16.1031 8.97932C14.942 7.81825 13.0596 7.81825 11.8985 8.97932L2.93933 17.9385L5.06065 20.0598L12.5006 12.6198V39.999H15.5006V12.6195Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/arrow-up-left/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface ArrowUpLeftProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const ArrowUpLeft = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpLeftProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5858 15.8286L12.5858 31H8.58581L8.58581 13C8.58581 10.7909 10.3767 9 12.5858 9H30.5858V13L15.4141 13L39 36.5859L36.1716 39.4144L12.5858 15.8286Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/arrow-up-right/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface ArrowUpRightProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const ArrowUpRight = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpRightProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.5 14.6214L35.5 31H38.5L38.5 13C38.5 11.067 36.933 9.5 35 9.5H17V12.5L33.3788 12.5L8.93933 36.9395L11.0607 39.0608L35.5 14.6214Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.5 14.6214L35.5 31H38.5L38.5 13C38.5 11.067 36.933 9.5 35 9.5H17V12.5L33.3788 12.5L8.93933 36.9395L11.0607 39.0608L35.5 14.6214Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35 15.8286L35 31H39L39 13C39 10.7909 37.2091 9 35 9H17V13L32.1718 13L8.58582 36.5859L11.4142 39.4144L35 15.8286Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.5 14.6214L35.5 31H38.5L38.5 13C38.5 11.067 36.933 9.5 35 9.5H17V12.5L33.3788 12.5L8.93933 36.9395L11.0607 39.0608L35.5 14.6214Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/arrow-upward/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface ArrowUpwardProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const ArrowUpward = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: ArrowUpwardProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M37.9391 30.0602L24.3534 16.4746C24.1582 16.2793 23.8416 16.2793 23.6463 16.4746L10.0607 30.0602L7.93936 27.9389L21.525 14.3533C22.8918 12.9864 25.1079 12.9864 26.4748 14.3533L40.0604 27.9389L37.9391 30.0602Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M37.9391 30.0602L24.3534 16.4746C24.1582 16.2793 23.8416 16.2793 23.6463 16.4746L10.0607 30.0602L7.93936 27.9389L21.525 14.3533C22.8918 12.9864 25.1079 12.9864 26.4748 14.3533L40.0604 27.9389L37.9391 30.0602Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M37.5855 30.4138L23.9999 16.8281L10.4142 30.4138L7.58582 27.5853L21.1715 13.9997C22.7336 12.4376 25.2662 12.4376 26.8283 13.9997L40.414 27.5853L37.5855 30.4138Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M37.9391 30.0602L24.3534 16.4746C24.1582 16.2793 23.8416 16.2793 23.6463 16.4746L10.0607 30.0602L7.93936 27.9389L21.525 14.3533C22.8918 12.9864 25.1079 12.9864 26.4748 14.3533L40.0604 27.9389L37.9391 30.0602Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/balance/index.tsx

@@ -0,0 +1,40 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BalanceProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Balance = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BalanceProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.2842 11.1651L39.312 7.95019L38.4184 4.05127L5.98584 11.4843L6.8794 15.3832L21.2842 12.0818L21.2842 39.0011H11.5469V43.0011H34.8807V39.0011H25.2842L25.2842 11.1651Z" style={{ fill: `var(--${color})` }}/>
+<path d="M39.1225 22.3676C39.5542 23.6627 38.5903 25.0001 37.2251 25.0001H30.7748C29.4097 25.0001 28.4458 23.6627 28.8775 22.3676L32.1026 12.6922C32.7104 10.8688 35.2896 10.8688 35.8974 12.6922L39.1225 22.3676Z" style={{ fill: `var(--${color})` }}/>
+<path d="M18.1225 27.3676C18.5542 28.6627 17.5903 30.0001 16.2251 30.0001H9.77485C8.40973 30.0001 7.44579 28.6627 7.87748 27.3676L11.1026 17.6922C11.7104 15.8688 14.2896 15.8688 14.8974 17.6922L18.1225 27.3676Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.7842 10.7662L39.2005 7.46227L38.5303 4.53809L6.09775 11.9711L6.76792 14.8953L21.7842 11.4538L21.7842 39.5009H11.5471V42.5009H34.8809V39.5009H24.7842L24.7842 10.7662Z" style={{ fill: `var(--${color})` }}/>
+<path d="M39.1225 22.3673C39.5542 23.6623 38.5903 24.9997 37.2251 24.9997H30.7748C29.4097 24.9997 28.4458 23.6623 28.8775 22.3673L32.1026 12.6918C32.7104 10.8684 35.2896 10.8684 35.8974 12.6918L39.1225 22.3673Z" style={{ fill: `var(--${color})` }}/>
+<path d="M18.1225 27.3673C18.5542 28.6623 17.5903 29.9997 16.2251 29.9997H9.77485C8.40973 29.9997 7.44579 28.6623 7.87748 27.3673L11.1026 17.6918C11.7104 15.8684 14.2896 15.8684 14.8974 17.6918L18.1225 27.3673Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.2842 11.1647L39.3122 7.9497L38.4186 4.05078L5.98605 11.4838L6.87962 15.3827L21.2842 12.0814L21.2842 39.0009H11.5471V43.0009H34.8809V39.0009H25.2842L25.2842 11.1647Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M29.7748 27.7405H38.0522C39.4173 27.7405 40.3813 26.4031 39.9496 25.108L35.8109 12.692C35.2031 10.8686 32.624 10.8686 32.0162 12.6919L27.8775 25.108C27.4458 26.4031 28.4097 27.7405 29.7748 27.7405ZM35.2774 23.7405L33.9135 19.649L32.5497 23.7405H35.2774Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.0522 32.925H8.77485C7.40973 32.925 6.44579 31.5877 6.87748 30.2926L11.0162 17.8765C11.624 16.0531 14.2031 16.0531 14.8109 17.8765L18.9496 30.2926C19.3813 31.5877 18.4173 32.925 17.0522 32.925ZM12.9135 24.8335L14.2774 28.925H11.5497L12.9135 24.8335Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.7842 10.7662L39.2005 7.46227L38.5303 4.53809L6.09775 11.9711L6.76792 14.8953L21.7842 11.4538L21.7842 39.5009H11.5471V42.5009H34.8809V39.5009H24.7842L24.7842 10.7662Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M29.7748 27.7404H38.0522C39.4173 27.7404 40.3813 26.403 39.9496 25.108L35.8109 12.6919C35.2031 10.8685 32.624 10.8685 32.0162 12.6919L27.8775 25.108C27.4458 26.403 28.4097 27.7404 29.7748 27.7404ZM36.6648 24.7404L33.9135 16.4866L31.1623 24.7404H36.6648Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.0522 32.925H8.77485C7.40973 32.925 6.44579 31.5876 6.87748 30.2925L11.0162 17.8765C11.624 16.0531 14.2031 16.0531 14.8109 17.8765L18.9496 30.2925C19.3813 31.5876 18.4173 32.925 17.0522 32.925ZM12.9135 21.6712L15.6648 29.925H10.1623L12.9135 21.6712Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/bell/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BellProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Bell = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BellProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M27 7C27 5.34315 25.6569 4 24 4C22.3431 4 21 5.34315 21 7V7.35005C15.2666 8.71286 11 13.8957 11 20.0813V30L7.82996 34.6984C6.71794 35.9958 7.63976 38 9.34847 38H38.6516C40.3603 38 41.2821 35.9958 40.1701 34.6984L37 30V20.0813C37 13.8957 32.7334 8.71282 27 7.35003V7ZM34 20.0813V30.9174L36.7546 35H11.2455L14 30.9174V20.0813C14 14.4959 18.4948 10 24 10C29.5053 10 34 14.4959 34 20.0813Z" style={{ fill: `var(--${color})` }}/>
+<path d="M28 40H20C20 42.2091 21.7909 44 24 44C26.2091 44 28 42.2091 28 40Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 7C27 5.34315 25.6569 4 24 4C22.3431 4 21 5.34315 21 7V7.35005C15.2666 8.71286 11 13.8957 11 20.0813V30L7.82996 34.6984C6.71794 35.9958 7.63976 38 9.34847 38H38.6516C40.3603 38 41.2821 35.9958 40.1701 34.6984L37 30V20.0813C37 13.8957 32.7334 8.71282 27 7.35003V7Z" style={{ fill: `var(--${color})` }}/>
+<path d="M28 40H20C20 42.2091 21.7909 44 24 44C26.2091 44 28 42.2091 28 40Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M27 7C27 5.34315 25.6569 4 24 4C22.3431 4 21 5.34315 21 7V7.35005C15.2666 8.71286 11 13.8957 11 20.0813V30L7.82996 34.6984C6.71794 35.9958 7.63976 38 9.34847 38H38.6516C40.3603 38 41.2821 35.9958 40.1701 34.6984L37 30V20.0813C37 13.8957 32.7334 8.71282 27 7.35003V7ZM15 20.0813C15 15.0423 19.0529 11 24 11C28.9471 11 33 15.0423 33 20.0813V31.2232L34.8735 34H13.1265L15 31.2232V20.0813Z" style={{ fill: `var(--${color})` }}/>
+<path d="M28 40H20C20 42.2091 21.7909 44 24 44C26.2091 44 28 42.2091 28 40Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M27 7C27 5.34315 25.6569 4 24 4C22.3431 4 21 5.34315 21 7V7.35005C15.2666 8.71286 11 13.8957 11 20.0813V30L7.82996 34.6984C6.71794 35.9958 7.63976 38 9.34847 38H38.6516C40.3603 38 41.2821 35.9958 40.1701 34.6984L37 30V20.0813C37 13.8957 32.7334 8.71282 27 7.35003V7ZM34 20.0813V30.9174L36.7546 35H11.2455L14 30.9174V20.0813C14 14.4959 18.4948 10 24 10C29.5053 10 34 14.4959 34 20.0813Z" style={{ fill: `var(--${color})` }}/>
+<path d="M28 40H20C20 42.2091 21.7909 44 24 44C26.2091 44 28 42.2091 28 40Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/block/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BlockProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Block = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BlockProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM40 24C40 32.8366 32.8366 40 24 40C20.3028 40 16.8985 38.746 14.1892 36.6401L36.6401 14.1892C38.746 16.8985 40 20.3028 40 24ZM11.3607 33.8118L33.8118 11.3607C31.1024 9.25432 27.6977 8 24 8C15.1634 8 8 15.1634 8 24C8 27.6977 9.25432 31.1024 11.3607 33.8118Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/bolt/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BoltProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Bolt = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BoltProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M23.3575 26.5L21.8951 38.4838L36.4033 21.5L24.9545 21.5L26.4166 9.5162L11.9088 26.5H23.3575ZM28.4452 2.52257C29.0887 1.7693 30.3182 2.3098 30.1982 3.2932L28.3427 18.5L40.7421 18.5C41.5957 18.5 42.0569 19.5005 41.5025 20.1495L19.8664 45.4774C19.2229 46.2307 17.9934 45.6902 18.1134 44.7068L19.9692 29.5H7.56999C6.71643 29.5 6.25523 28.4995 6.80963 27.8505L28.4452 2.52257Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.1982 3.2932C30.3182 2.3098 29.0887 1.7693 28.4452 2.52257L6.80963 27.8505C6.25523 28.4995 6.71643 29.5 7.56999 29.5H19.9692L18.1134 44.7068C17.9934 45.6902 19.2229 46.2307 19.8664 45.4774L41.5025 20.1495C42.0569 19.5005 41.5957 18.5 40.7421 18.5L28.3427 18.5L30.1982 3.2932Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24.487 25.5L23.2896 35.3117L34.2338 22.5H23.825L25.0222 12.6883L14.0782 25.5H24.487ZM28.4452 2.52257C29.0887 1.7693 30.3182 2.3098 30.1982 3.2932L28.3427 18.5L40.7421 18.5C41.5957 18.5 42.0569 19.5005 41.5025 20.1495L19.8664 45.4774C19.2229 46.2307 17.9934 45.6902 18.1134 44.7068L19.9692 29.5H7.56999C6.71643 29.5 6.25523 28.4995 6.80963 27.8505L28.4452 2.52257Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M23.3575 26.5L21.8951 38.4838L36.4033 21.5L24.9545 21.5L26.4166 9.5162L11.9088 26.5H23.3575ZM28.4452 2.52257C29.0887 1.7693 30.3182 2.3098 30.1982 3.2932L28.3427 18.5L40.7421 18.5C41.5957 18.5 42.0569 19.5005 41.5025 20.1495L19.8664 45.4774C19.2229 46.2307 17.9934 45.6902 18.1134 44.7068L19.9692 29.5H7.56999C6.71643 29.5 6.25523 28.4995 6.80963 27.8505L28.4452 2.52257Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/book/index.tsx

@@ -0,0 +1,33 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BookProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Book = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BookProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M25.5814 39.0531C27.4473 38.0387 29.9235 37.2286 32.7442 37.2286C35.7959 37.2286 38.4167 38.0225 40.3597 38.8818C41.9032 39.5645 44 38.4644 44 36.7767V13.5247C44 12.4072 43.531 11.3345 42.5861 10.7379C40.8175 9.62124 37.4408 7.9997 32.7442 8C28.4002 8.00027 25.5573 9.73415 23.9926 11.0988C22.416 9.73415 19.5603 8.00027 15.2273 8C10.1925 7.99968 6.67825 9.87271 5.04178 10.9789C4.34848 11.4476 4 12.2473 4 13.0842V36.7699C4 38.4588 6.1001 39.5594 7.64452 38.8759C9.5812 38.0189 12.1904 37.2286 15.2273 37.2286C18.0995 37.2286 20.5891 38.1122 22.4891 39.1143C22.4926 39.1162 22.4962 39.118 22.4998 39.1199C22.8743 39.3281 23.4487 39.6493 23.9951 39.9548C24.5188 39.6611 25.049 39.3425 25.5814 39.0531ZM7 35.8896C9.15192 35.0053 11.9669 34.2286 15.2273 34.2286C18.0296 34.2286 20.4976 34.9198 22.4998 35.7925V13.8067C21.5194 12.812 19.2032 11.0003 15.2271 11C11.2402 10.9997 8.41494 12.3833 7 13.2821V35.8896ZM25.5008 35.7554C25.4702 28.4724 25.5 21.1887 25.5 13.9057C25.5 13.8569 25.5034 13.8182 25.5075 13.7898C26.4753 12.8026 28.7627 11.0003 32.7444 11C36.7004 10.9998 39.5151 12.353 40.9527 13.2546C40.9701 13.2918 41 13.3822 41 13.5247V35.8939C38.842 35.0078 36.017 34.2286 32.7442 34.2286C29.9962 34.2286 27.5289 34.8663 25.5008 35.7554Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 13.066C4 12.2398 4.33953 11.449 5.01952 10.9797C6.62236 9.87361 10.0659 7.99968 15 8C18.1293 8.0002 20.6591 8.94238 22.5 9.98428V39.2278C22.3308 39.1998 22.1971 39.1587 22.1147 39.1143C20.2532 38.1122 17.8141 37.2286 15 37.2286C12.081 37.2286 9.56539 37.9891 7.67948 38.8272C6.12751 39.5168 4 38.4126 4 36.7143V13.066Z" style={{ fill: `var(--${color})` }}/>
+<path d="M25.5 39.2504C25.6749 39.2025 25.843 39.1361 26 39.0531C27.8465 38.0765 30.2434 37.2286 33 37.2286C35.919 37.2286 38.4346 37.9891 40.3205 38.8272C41.8725 39.5168 44 38.4126 44 36.7143V13.4975C44 12.3959 43.5446 11.3365 42.6194 10.7386C40.8913 9.62196 37.5908 7.9997 33 8C29.8707 8.0002 27.3409 8.94238 25.5 9.98429V39.2504Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M25.9081 39.0992C25.9391 39.0844 25.9698 39.0691 26 39.0531C27.8465 38.0765 30.2434 37.2286 33 37.2286C35.919 37.2286 38.4346 37.9891 40.3205 38.8272C41.8725 39.5168 44 38.4126 44 36.7143V13.4975C44 12.3959 43.5446 11.3365 42.6194 10.7386C40.8913 9.62196 37.5908 7.9997 33 8C28.9085 8.00026 25.842 9.61078 24 10.9491C22.158 9.61078 19.0915 8.00026 15 8C10.0659 7.99968 6.62236 9.87361 5.01952 10.9797C4.33953 11.449 4 12.2398 4 13.066V36.7143C4 38.4126 6.12751 39.5168 7.67948 38.8272C9.56539 37.9891 12.081 37.2286 15 37.2286C17.8141 37.2286 20.2532 38.1122 22.1147 39.1143C22.13 39.1225 22.1471 39.1306 22.1658 39.1386C22.8631 39.5126 23.4781 39.9023 24 40.2671C24.5403 39.8894 25.1803 39.4851 25.9081 39.0992ZM8 34.4096C9.96647 33.7392 12.3367 33.2286 15 33.2286C17.6678 33.2286 20.0359 33.8388 22 34.6418V14.4503C20.6965 13.4225 18.2911 12.0002 14.9997 12C11.7633 11.9998 9.37645 13.0204 8 13.8229V34.4096ZM26 14.4506V34.6418C27.9635 33.839 30.3318 33.2286 33 33.2286C35.6633 33.2286 38.0335 33.7392 40 34.4096V13.8231C38.6206 13.0189 36.2357 11.9998 33.0003 12C29.7155 12.0002 27.3139 13.4148 26 14.4506Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M25.5814 39.0531C27.4473 38.0387 29.9235 37.2286 32.7442 37.2286C35.7959 37.2286 38.4167 38.0225 40.3597 38.8818C41.9032 39.5645 44 38.4644 44 36.7767V13.5247C44 12.4072 43.531 11.3345 42.5861 10.7379C40.8175 9.62124 37.4408 7.9997 32.7442 8C28.4002 8.00027 25.5573 9.73415 23.9926 11.0988C22.416 9.73415 19.5603 8.00027 15.2273 8C10.1925 7.99968 6.67825 9.87271 5.04178 10.9789C4.34848 11.4476 4 12.2473 4 13.0842V36.7699C4 38.4588 6.1001 39.5594 7.64452 38.8759C9.5812 38.0189 12.1904 37.2286 15.2273 37.2286C18.0995 37.2286 20.5891 38.1122 22.4891 39.1143C22.4926 39.1162 22.4962 39.118 22.4998 39.1199C22.8743 39.3281 23.4487 39.6493 23.9951 39.9548C24.5188 39.6611 25.049 39.3425 25.5814 39.0531ZM7 35.8896C9.15192 35.0053 11.9669 34.2286 15.2273 34.2286C18.0296 34.2286 20.4976 34.9198 22.4998 35.7925V13.8067C21.5194 12.812 19.2032 11.0003 15.2271 11C11.2402 10.9997 8.41494 12.3833 7 13.2821V35.8896ZM25.5008 35.7554C25.4702 28.4724 25.5 21.1887 25.5 13.9057C25.5 13.8569 25.5034 13.8182 25.5075 13.7898C26.4753 12.8026 28.7627 11.0003 32.7444 11C36.7004 10.9998 39.5151 12.353 40.9527 13.2546C40.9701 13.2918 41 13.3822 41 13.5247V35.8939C38.842 35.0078 36.017 34.2286 32.7442 34.2286C29.9962 34.2286 27.5289 34.8663 25.5008 35.7554Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/bookmark/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BookmarkProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Bookmark = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BookmarkProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 28.6309L38 39.0334V8H10V39.0334L24 28.6309ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 7C7 5.89543 7.89543 5 9 5H39C40.1046 5 41 5.89543 41 7V41.0223C41 42.6662 39.1267 43.6081 37.8072 42.6276L24 32.3684L10.1928 42.6276C8.87326 43.6081 7 42.6662 7 41.0223L7 7Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 27.3851L37 37.0445V9H11V37.0445L24 27.3851ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 28.6309L38 39.0334V8H10V39.0334L24 28.6309ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/bookmark-cancel/index.tsx

@@ -0,0 +1,40 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BookmarkCancelProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const BookmarkCancel = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BookmarkCancelProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.67651 6.50421L6.50494 3.67578L44.3233 41.4941L41.4949 44.3226L3.67651 6.50421Z" style={{ fill: `var(--${color})` }}/>
+<path d="M12.0713 5L41.0001 33.9287V7C41.0001 5.89543 40.1046 5 39.0001 5H12.0713Z" style={{ fill: `var(--${color})` }}/>
+<path d="M22.9333 30.004L7.00006 14.0708V40.3711C7.00006 42.1239 9.09444 43.0288 10.3708 41.8275L22.9333 30.004Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.9395 44.0608L44.0608 41.9395L6.06077 3.93945L3.93945 6.06077L41.9395 44.0608Z" style={{ fill: `var(--${color})` }}/>
+<path d="M39 5.00023C40.1046 5.00023 41 5.89566 41 7.00023V34.6361L11.3642 5.00023H39Z" style={{ fill: `var(--${color})` }}/>
+<path d="M10.3707 41.8278C9.09438 43.029 7 42.1241 7 40.3714V13.364L23.2975 29.6614L10.3707 41.8278Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.67645 6.50421L6.50488 3.67578L44.3232 41.4941L41.4948 44.3226L39.4846 42.3124C39.4845 42.3124 39.4847 42.3123 39.4846 42.3124L3.67645 6.50421Z" style={{ fill: `var(--${color})` }}/>
+<path d="M41 7V33.9287L37 29.9287V9H16.0713L12.0713 5H39C40.1046 5 41 5.89543 41 7Z" style={{ fill: `var(--${color})` }}/>
+<path d="M7 14.0708L11 18.0708V35.7423L20.1035 27.1743L22.9332 30.004L10.3707 41.8275C9.09438 43.0288 7 42.1239 7 40.3711V14.0708Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.9393 44.0608L44.0606 41.9395L6.06065 3.93945L3.93933 6.06077L41.9393 44.0608Z" style={{ fill: `var(--${color})` }}/>
+<path d="M38 8.00023V31.6362L41 34.6362V7.00023C41 5.89566 40.1046 5.00023 39 5.00023H11.364L14.364 8.00023H38Z" style={{ fill: `var(--${color})` }}/>
+<path d="M7 40.3714V13.3641L10 16.3641V38.0569L21.1751 27.5392L23.2974 29.6615L10.3707 41.8278C9.09438 43.029 7 42.1241 7 40.3714Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/books/index.tsx

@@ -0,0 +1,40 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BooksProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Books = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BooksProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24.6061 8.10455L33.3875 5.52565C33.9192 5.36953 34.4764 5.6754 34.6301 6.20772L43.828 38.063C43.9807 38.5919 43.6772 39.1447 43.149 39.2998L34.3676 41.8787C33.836 42.0349 33.2787 41.729 33.125 41.1967L23.9271 9.34143C23.7744 8.81253 24.0779 8.25967 24.6061 8.10455Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.42578 10.284H13.0001C13.5523 10.284 14 10.7317 14 11.284V40.9546C14 41.5069 13.5523 41.9546 13 41.9546H5.42578C4.8735 41.9546 4.42578 41.5069 4.42578 40.9546V11.284C4.42578 10.7317 4.8735 10.284 5.42578 10.284Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0001 18.7022H24.6265C25.1788 18.7022 25.6265 19.1499 25.6265 19.7022V40.9551C25.6265 41.5074 25.1788 41.9551 24.6265 41.9551H16.0001C15.4478 41.9551 15.0001 41.5074 15.0001 40.9551V19.7022C15.0001 19.1499 15.4478 18.7022 16.0001 18.7022ZM17.9991 23.292H22.339V26.292H17.9991V23.292ZM22.339 34.0899H17.9991V37.0899H22.339V34.0899Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.3875 5.52565L24.6061 8.10455C24.0779 8.25967 23.7744 8.81253 23.9271 9.34143L33.125 41.1967C33.2787 41.729 33.8359 42.0349 34.3675 41.8787L43.149 39.2998C43.6772 39.1447 43.9807 38.5919 43.8279 38.063L34.63 6.20772C34.4763 5.6754 33.9191 5.36953 33.3875 5.52565Z" style={{ fill: `var(--${color})` }}/>
+<path d="M13 10.2847H5.42569C4.8734 10.2847 4.42569 10.7324 4.42569 11.2847V40.9553C4.42569 41.5076 4.8734 41.9553 5.42569 41.9553H13C13.5522 41.9553 14 41.5076 14 40.9553V11.2847C14 10.7324 13.5522 10.2847 13 10.2847Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16 18.7022H24.6265C25.1788 18.7022 25.6265 19.1499 25.6265 19.7022V40.9551C25.6265 41.5074 25.1788 41.9551 24.6265 41.9551H16C15.4477 41.9551 15 41.5074 15 40.9551V19.7022C15 19.1499 15.4477 18.7022 16 18.7022ZM18.2256 23.5186H22.1124V26.0654H18.2256V23.5186ZM22.1124 34.3165H18.2256V36.8633H22.1124V34.3165Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3906 24H17.6406V26H20.3906V24Z" style={{ fill: `var(--${color})` }}/>
+<path d="M20.3906 34H17.6406V36H20.3906V34Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.0523 10.4128C22.7469 9.35497 23.3538 8.24923 24.4103 7.93899L32.5655 5.54397C33.6288 5.23173 34.7432 5.84348 35.0506 6.90812L43.7371 36.9921C44.0425 38.0499 43.4355 39.1557 42.3791 39.4659L34.2238 41.861C33.1606 42.1732 32.0462 41.5614 31.7388 40.4968L26.0001 20.6218V40.0004C26.0001 41.105 25.1046 42.0004 24 42.0004L13.9998 42.0001L13.9887 42.0001H6C4.89543 42.0001 4 41.1047 4 40.0001V12C4 10.8954 4.89543 9.99998 6 9.99998H14C15.1046 9.99998 16 10.8954 16 12V17.9999L24.0001 18.0001C24.5509 18.0001 25.0497 18.2228 25.4114 18.583L23.0523 10.4128ZM35.0244 37.4569L27.4476 11.2159L31.7649 9.94802L39.3418 36.189L35.0244 37.4569ZM8 38.0001H11.9998V19.9998L12 19.9748V14H8V38.0001ZM22.0001 38.0003L16 38.0002V21.9999L22.0001 22V38.0003Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.4532 23.4648H21.2734V26.0117H17.4532V23.4648Z" style={{ fill: `var(--${color})` }}/>
+<path d="M21.2734 33.7266H17.4532V36.2734H21.2734V33.7266Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24.4103 7.93899C23.3538 8.24923 22.7469 9.35497 23.0523 10.4128L25.4114 18.5832C25.0497 18.2229 24.5509 18.0002 24 18.0002H16V12C16 10.8954 15.1046 9.99998 14 9.99998H6C4.89543 9.99998 4 10.8954 4 12V40.0001C4 41.1047 4.89543 42.0001 6 42.0001H14C14.1724 42.0001 14.3398 41.9783 14.4994 41.9372C14.6594 41.9785 14.8272 42.0004 15 42.0004H24C25.1046 42.0004 26 41.105 26 40.0004V20.6217L31.7388 40.4968C32.0462 41.5614 33.1606 42.1732 34.2238 41.861L42.3791 39.4659C43.4355 39.1557 44.0425 38.0499 43.7371 36.9921L35.0506 6.90812C34.7432 5.84348 33.6288 5.23173 32.5655 5.54397L24.4103 7.93899ZM26.2107 10.5369L34.3424 38.6994L40.5787 36.868L32.447 8.70548L26.2107 10.5369ZM7 13V39.0001H13V13H7ZM16 39.0004V21.0002H23V39.0004H16Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/brain/index.tsx

@@ -0,0 +1,33 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BrainProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Brain = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BrainProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.007 4C16.0376 4 13.5018 5.84766 12.4839 8.45662C9.26078 8.88083 6.98833 11.2127 6.25911 13.4008C5.65555 15.2118 5.73907 16.7761 6.18416 18.2087C4.33081 19.504 3.12788 21.6784 3.00935 24.1124C2.85872 27.2052 4.54058 30.1 7.19648 31.332C7.07945 31.8945 7.00698 32.5229 7.00698 33.2161C7.00698 34.8196 7.67675 36.6966 8.94416 38.1406C10.0008 39.3445 11.5085 40.2805 13.4007 40.4876C13.8256 41.2582 14.403 41.9635 15.0589 42.5402C16.1285 43.4805 17.6063 44.25 19.2927 44.25C20.3808 44.25 21.4756 43.9909 22.459 43.48V4.90897C21.4403 4.3304 20.2622 4 19.007 4Z" style={{ fill: `var(--${color})` }}/>
+<path d="M26.459 4.67364V43.6939C27.3204 44.0631 28.2493 44.25 29.1733 44.25C30.8597 44.25 32.3375 43.4805 33.4071 42.5402C34.063 41.9635 34.6403 41.2582 35.0653 40.4876C36.9575 40.2805 38.4652 39.3445 39.5218 38.1406C40.7892 36.6966 41.459 34.8196 41.459 33.2161C41.459 32.5229 41.3865 31.8945 41.2695 31.332C43.9254 30.1 45.6073 27.2052 45.4566 24.1124C45.3381 21.6784 44.1352 19.504 42.2818 18.2087C42.7269 16.7761 42.8104 15.2118 42.2069 13.4008C41.4777 11.2127 39.2052 8.88083 35.9821 8.45662C34.9642 5.84766 32.4284 4 29.459 4C28.3854 4 27.3682 4.24169 26.459 4.67364Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24.3588 6.5C23.1501 5.17531 21.4403 4.5 19.7447 4.5C18.2121 4.5 16.8468 5.20109 15.8411 6.08532C15.1567 6.68693 14.5697 7.43278 14.1685 8.23615C12.2875 8.36748 10.8024 9.26513 9.77196 10.4392C8.58188 11.7951 7.95899 13.5559 7.95899 15.0339C7.95899 15.8158 8.05616 16.5089 8.20533 17.1118C5.43868 18.0937 3.61767 20.9575 3.76933 24.0718C3.88725 26.493 5.14502 28.623 7.04093 29.7931C6.51968 31.245 6.38051 32.8086 6.99403 34.6495C7.70271 36.776 10.0221 39.089 13.2906 39.3051C14.1506 41.8878 16.5873 43.75 19.459 43.75C21.4145 43.75 23.1682 42.8865 24.3598 41.52C25.5752 42.9965 27.3822 43.75 29.1733 43.75C30.7059 43.75 32.0711 43.0489 33.0769 42.1647C33.7612 41.5631 34.3483 40.8172 34.7495 40.0139C36.6305 39.8825 38.1155 38.9849 39.146 37.8108C40.3361 36.4549 40.959 34.6941 40.959 33.2161C40.959 32.3894 40.8504 31.6621 40.6866 31.0358C43.3602 30.0003 45.1059 27.189 44.9572 24.1372C44.8393 21.716 43.5816 19.586 41.6856 18.4159C42.2069 16.964 42.3461 15.4003 41.7325 13.5594C41.0371 11.4728 38.7907 9.20646 35.6185 8.9182C34.7506 6.34939 32.3207 4.5 29.459 4.5C27.6156 4.5 25.9515 5.26733 24.7686 6.5L24.3588 6.5ZM29.459 14.5C31.392 14.5 32.959 12.933 32.959 11C32.959 9.067 31.392 7.5 29.459 7.5C27.526 7.5 25.959 9.067 25.959 11V29.4329C28.2495 29.6553 30.7682 30.9399 32.5884 33.67L30.0923 35.3342C28.8489 33.4693 27.2842 32.6668 25.959 32.458V37.9812C26.2972 39.8637 27.7165 40.75 29.1733 40.75C29.7835 40.75 30.4728 40.4596 31.0961 39.9116C31.7237 39.3598 32.1341 38.6763 32.2684 38.14L32.5813 36.8896L33.8646 37.0109C35.2307 37.14 36.2103 36.6077 36.8913 35.8318C37.6174 35.0046 37.959 33.9415 37.959 33.2161C37.959 32.4684 37.8281 31.8681 37.6667 31.4109C34.9861 31.0857 32.8294 29.0472 32.0927 26.4436L34.9794 25.6268C35.4832 27.4072 36.9988 28.5295 38.5837 28.4523C40.4453 28.3617 42.0739 26.6051 41.9608 24.2831C41.87 22.4193 40.7026 21.0169 39.288 20.6016L37.5257 20.0842L38.3847 18.4608C39.1301 17.0521 39.368 15.953 38.8864 14.508C38.5651 13.5438 37.4935 12.3503 35.8833 11.9954C35.4042 15.1127 32.7104 17.5 29.459 17.5V14.5ZM22.959 37.25V29.8699L22.9325 29.8001C22.9413 29.7967 22.9501 29.7934 22.959 29.7901V18.8276C20.6373 18.6385 18.063 17.3571 16.2114 14.58L18.7075 12.9158C19.988 14.8364 21.6095 15.6302 22.959 15.8092V10.2688C22.6207 8.38628 21.2015 7.5 19.7447 7.5C19.1345 7.5 18.4452 7.79044 17.8219 8.33841C17.1943 8.89017 16.7838 9.5737 16.6496 10.11L16.3367 11.3604L15.0534 11.2391C13.6872 11.11 12.7077 11.6423 12.0267 12.4182C11.3006 13.2454 10.959 14.3085 10.959 15.0339C10.959 15.7733 11.087 16.3684 11.2458 16.8235C13.8399 17.2183 15.9143 19.2223 16.6339 21.7654L13.7472 22.5822C13.2434 20.8017 11.7278 19.6795 10.1429 19.7567C8.28123 19.8473 6.6527 21.6039 6.76578 23.9259C6.85655 25.7897 8.02402 27.192 9.4386 27.6074L11.2008 28.1248L10.3419 29.7481C9.59648 31.1569 9.35854 32.256 9.84014 33.701C10.1741 34.703 11.3183 35.9526 13.0352 36.2514C13.5156 33.1356 16.2087 30.75 19.459 30.75V33.75C17.526 33.75 15.959 35.317 15.959 37.25C15.959 39.183 17.526 40.75 19.459 40.75C21.392 40.75 22.959 39.183 22.959 37.25Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M19.459 44.25C21.3625 44.25 23.0886 43.4902 24.3505 42.2573C25.6449 43.5756 27.4178 44.25 29.1733 44.25C30.8597 44.25 32.3375 43.4805 33.407 42.5402C34.063 41.9635 34.6403 41.2582 35.0653 40.4876C36.9575 40.2805 38.4652 39.3445 39.5218 38.1406C40.7892 36.6966 41.459 34.8196 41.459 33.2161C41.459 32.5235 41.3866 31.8951 41.2695 31.3321C43.9254 30.1001 45.6072 27.2053 45.4566 24.1124C45.3381 21.6785 44.1351 19.504 42.2818 18.2088C42.7269 16.7762 42.8104 15.2119 42.2068 13.4009C41.4785 11.2156 39.1971 8.87792 35.9816 8.45417C34.9633 5.84696 32.4268 4 29.459 4C27.5555 4 25.8294 4.75979 24.5675 5.99266C23.2731 4.67441 21.5001 4 19.7447 4C18.0583 4 16.5805 4.76953 15.5109 5.7098C14.855 6.28647 14.2776 6.99182 13.8527 7.7624C11.9605 7.96949 10.4528 8.90554 9.39616 10.1094C8.12875 11.5534 7.45898 13.4304 7.45898 15.0339C7.45898 15.6792 7.52184 16.2688 7.62516 16.8017C4.87235 17.9877 3.11607 20.9389 3.26984 24.0966C3.38837 26.5305 4.59131 28.7049 6.44466 30.0002C5.99957 31.4328 5.91605 32.9971 6.5196 34.8081C7.26173 37.0349 9.61648 39.4199 12.929 39.7769C13.9424 42.3941 16.484 44.25 19.459 44.25ZM29.459 14C31.1158 14 32.459 12.6569 32.459 11C32.459 9.34315 31.1158 8 29.459 8C27.8033 8 26.4608 9.3413 26.459 10.9966V28.9916C28.772 29.3459 31.22 30.7163 33.0045 33.3928L29.6764 35.6117C28.6926 34.1363 27.5147 33.3919 26.459 33.0824V37.9352C26.7634 39.526 27.9438 40.25 29.1733 40.25C29.6298 40.25 30.2064 40.028 30.766 39.5361C31.3313 39.0391 31.6779 38.4399 31.7833 38.0186L32.2006 36.3514L33.9116 36.5131C35.0987 36.6253 35.9269 36.1727 36.5155 35.502C37.1642 34.7629 37.459 33.816 37.459 33.2161C37.459 32.677 37.3852 32.2261 37.284 31.8602C34.537 31.3915 32.3676 29.2511 31.6116 26.5793L35.4604 25.4902C35.9096 27.0774 37.2374 28.0168 38.5593 27.9524C40.1082 27.877 41.5629 26.3916 41.4613 24.307C41.3801 22.6381 40.3408 21.4314 39.1471 21.0809L36.7974 20.391L37.9427 18.2265C38.6475 16.8945 38.8369 15.9404 38.412 14.6656C38.174 13.9514 37.4207 13.0491 36.2687 12.628C35.5349 15.7088 32.7645 18 29.459 18V14ZM22.459 37.25L22.459 19.2757C20.1115 18.9504 17.6102 17.5794 15.7953 14.8572L19.1234 12.6383C20.144 14.169 21.3737 14.9129 22.459 15.2006V10.3148C22.1546 8.72404 20.9742 8 19.7447 8C19.2882 8 18.7115 8.222 18.152 8.71393C17.5867 9.21091 17.2401 9.81013 17.1347 10.2314L16.7174 11.8986L15.0064 11.7369C13.8192 11.6247 12.9911 12.0773 12.4024 12.748C11.7537 13.4871 11.459 14.434 11.459 15.0339C11.459 15.5702 11.532 16.0192 11.6323 16.384C14.2892 16.917 16.3764 19.0198 17.1149 21.6297L13.266 22.7188C12.8169 21.1316 11.4891 20.1922 10.1671 20.2565C8.61826 20.332 7.16359 21.8174 7.26511 23.902C7.34638 25.5709 8.38561 26.7776 9.57938 27.1281L11.929 27.818L10.7838 29.9825C10.0789 31.3145 9.88955 32.2686 10.3144 33.5434C10.565 34.2954 11.3869 35.256 12.6441 35.6438C13.3701 32.5519 16.1457 30.25 19.459 30.25V34.25C17.8021 34.25 16.459 35.5931 16.459 37.25C16.459 38.9069 17.8021 40.25 19.459 40.25C21.1158 40.25 22.459 38.9069 22.459 37.25Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24.3588 6.5C23.1501 5.17531 21.4403 4.5 19.7447 4.5C18.2121 4.5 16.8468 5.20109 15.8411 6.08532C15.1567 6.68693 14.5697 7.43278 14.1685 8.23615C12.2875 8.36748 10.8024 9.26513 9.77196 10.4392C8.58188 11.7951 7.95899 13.5559 7.95899 15.0339C7.95899 15.8158 8.05616 16.5089 8.20533 17.1118C5.43868 18.0937 3.61767 20.9575 3.76933 24.0718C3.88725 26.493 5.14502 28.623 7.04093 29.7931C6.51968 31.245 6.38051 32.8086 6.99403 34.6495C7.70271 36.776 10.0221 39.089 13.2906 39.3051C14.1506 41.8878 16.5873 43.75 19.459 43.75C21.4145 43.75 23.1682 42.8865 24.3598 41.52C25.5752 42.9965 27.3822 43.75 29.1733 43.75C30.7059 43.75 32.0711 43.0489 33.0769 42.1647C33.7612 41.5631 34.3483 40.8172 34.7495 40.0139C36.6305 39.8825 38.1155 38.9849 39.146 37.8108C40.3361 36.4549 40.959 34.6941 40.959 33.2161C40.959 32.3894 40.8504 31.6621 40.6866 31.0358C43.3602 30.0003 45.1059 27.189 44.9572 24.1372C44.8393 21.716 43.5816 19.586 41.6856 18.4159C42.2069 16.964 42.3461 15.4003 41.7325 13.5594C41.0371 11.4728 38.7907 9.20646 35.6185 8.9182C34.7506 6.34939 32.3207 4.5 29.459 4.5C27.6156 4.5 25.9515 5.26733 24.7686 6.5L24.3588 6.5ZM29.459 14.5C31.392 14.5 32.959 12.933 32.959 11C32.959 9.067 31.392 7.5 29.459 7.5C27.526 7.5 25.959 9.067 25.959 11V29.4329C28.2495 29.6553 30.7682 30.9399 32.5884 33.67L30.0923 35.3342C28.8489 33.4693 27.2842 32.6668 25.959 32.458V37.9812C26.2972 39.8637 27.7165 40.75 29.1733 40.75C29.7835 40.75 30.4728 40.4596 31.0961 39.9116C31.7237 39.3598 32.1341 38.6763 32.2684 38.14L32.5813 36.8896L33.8646 37.0109C35.2307 37.14 36.2103 36.6077 36.8913 35.8318C37.6174 35.0046 37.959 33.9415 37.959 33.2161C37.959 32.4684 37.8281 31.8681 37.6667 31.4109C34.9861 31.0857 32.8294 29.0472 32.0927 26.4436L34.9794 25.6268C35.4832 27.4072 36.9988 28.5295 38.5837 28.4523C40.4453 28.3617 42.0739 26.6051 41.9608 24.2831C41.87 22.4193 40.7026 21.0169 39.288 20.6016L37.5257 20.0842L38.3847 18.4608C39.1301 17.0521 39.368 15.953 38.8864 14.508C38.5651 13.5438 37.4935 12.3503 35.8833 11.9954C35.4042 15.1127 32.7104 17.5 29.459 17.5V14.5ZM22.959 37.25V29.8699L22.9325 29.8001C22.9413 29.7967 22.9501 29.7934 22.959 29.7901V18.8276C20.6373 18.6385 18.063 17.3571 16.2114 14.58L18.7075 12.9158C19.988 14.8364 21.6095 15.6302 22.959 15.8092V10.2688C22.6207 8.38628 21.2015 7.5 19.7447 7.5C19.1345 7.5 18.4452 7.79044 17.8219 8.33841C17.1943 8.89017 16.7838 9.5737 16.6496 10.11L16.3367 11.3604L15.0534 11.2391C13.6872 11.11 12.7077 11.6423 12.0267 12.4182C11.3006 13.2454 10.959 14.3085 10.959 15.0339C10.959 15.7733 11.087 16.3684 11.2458 16.8235C13.8399 17.2183 15.9143 19.2223 16.6339 21.7654L13.7472 22.5822C13.2434 20.8017 11.7278 19.6795 10.1429 19.7567C8.28123 19.8473 6.6527 21.6039 6.76578 23.9259C6.85655 25.7897 8.02402 27.192 9.4386 27.6074L11.2008 28.1248L10.3419 29.7481C9.59648 31.1569 9.35854 32.256 9.84014 33.701C10.1741 34.703 11.3183 35.9526 13.0352 36.2514C13.5156 33.1356 16.2087 30.75 19.459 30.75V33.75C17.526 33.75 15.959 35.317 15.959 37.25C15.959 39.183 17.526 40.75 19.459 40.75C21.392 40.75 22.959 39.183 22.959 37.25Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/bulb/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface BulbProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Bulb = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: BulbProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31 35C31 33.3206 31.9663 31.8223 33.2847 30.7819C36.7656 28.035 39 23.7784 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 23.7784 11.2344 28.035 14.7153 30.7819C16.0337 31.8223 17 33.3206 17 35C17 36.1046 17.8954 37 19 37H29C30.1046 37 31 36.1046 31 35ZM36 19C36 22.8213 34.2173 26.2244 31.4262 28.4269C29.8454 29.6744 28.3909 31.5977 28.0669 34H19.9331C19.6091 31.5977 18.1546 29.6744 16.5738 28.4269C13.7827 26.2244 12 22.8213 12 19C12 12.3726 17.3726 7 24 7C30.6274 7 36 12.3726 36 19Z" style={{ fill: `var(--${color})` }}/>
+<path d="M18 39.5V42.5H30V39.5H18Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31 35C31 33.3206 31.9663 31.8223 33.2847 30.7819C36.7656 28.035 39 23.7784 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 23.7784 11.2344 28.035 14.7153 30.7819C16.0337 31.8223 17 33.3206 17 35C17 36.1046 17.8954 37 19 37H29C30.1046 37 31 36.1046 31 35ZM36 19C36 22.8213 34.2173 26.2244 31.4262 28.4269C29.8454 29.6744 28.3909 31.5977 28.0669 34H19.9331C19.6091 31.5977 18.1546 29.6744 16.5738 28.4269C13.7827 26.2244 12 22.8213 12 19C12 12.3726 17.3726 7 24 7C30.6274 7 36 12.3726 36 19Z" style={{ fill: `var(--${color})` }}/>
+<path d="M18 39.5V42.5H30V39.5H18Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31 35C31 33.3206 31.9663 31.8223 33.2847 30.7819C36.7656 28.035 39 23.7784 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 23.7784 11.2344 28.035 14.7153 30.7819C16.0337 31.8223 17 33.3206 17 35C17 36.1046 17.8954 37 19 37H29C30.1046 37 31 36.1046 31 35ZM35 19C35 22.5022 33.3679 25.6208 30.8068 27.6419C29.2724 28.8527 27.7996 30.6858 27.2384 33H20.7616C20.2004 30.6858 18.7276 28.8527 17.1932 27.6419C14.6321 25.6208 13 22.5022 13 19C13 12.9249 17.9249 8 24 8C30.0751 8 35 12.9249 35 19Z" style={{ fill: `var(--${color})` }}/>
+<path d="M18 39V43H30V39H18Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31 35C31 33.3206 31.9663 31.8223 33.2847 30.7819C36.7656 28.035 39 23.7784 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 23.7784 11.2344 28.035 14.7153 30.7819C16.0337 31.8223 17 33.3206 17 35C17 36.1046 17.8954 37 19 37H29C30.1046 37 31 36.1046 31 35ZM36 19C36 22.8213 34.2173 26.2244 31.4262 28.4269C29.8454 29.6744 28.3909 31.5977 28.0669 34H19.9331C19.6091 31.5977 18.1546 29.6744 16.5738 28.4269C13.7827 26.2244 12 22.8213 12 19C12 12.3726 17.3726 7 24 7C30.6274 7 36 12.3726 36 19Z" style={{ fill: `var(--${color})` }}/>
+<path d="M18 39.5V42.5H30V39.5H18Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};