@phyoofficial/phyo-icon-library 1.0.0

package/lib/Communication/text-to-speech-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const TextToSpeechFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13.4141 5.58594C12.6332 6.36698 12.6331 7.63306 13.4141 8.41406L19.2666 14.2666C19.9325 14.9325 20.9886 15.0587 21.6885 14.4287C21.7949 14.3329 21.8978 14.233 22 14.1328V17C22 19.2091 20.2091 21 18 21H6C3.79086 21 2 19.2091 2 17V7C2 4.79086 3.79086 3 6 3H16L13.4141 5.58594ZM6 11H9V17H11V11H14V9H6V11ZM20.6572 1.34277C22.1049 2.79049 23 4.79086 23 7C23 9.20914 22.1049 11.2095 20.6572 12.6572L19.2422 11.2422C20.328 10.1564 21 8.65685 21 7C21 5.34315 20.328 3.8436 19.2422 2.75781L20.6572 1.34277ZM17.8281 4.17188C18.552 4.89573 19 5.89543 19 7C19 8.10457 18.552 9.10427 17.8281 9.82812L16.4141 8.41406C16.776 8.05213 17 7.55228 17 7C17 6.44772 16.776 5.94787 16.4141 5.58594L17.8281 4.17188Z"/></svg>
+);
+
+TextToSpeechFill.displayName = 'TextToSpeechFill';
+
+export default TextToSpeechFill;

package/lib/Communication/text-to-speech-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const TextToSpeechLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 5H6C4.89543 5 4 5.89543 4 7V17C4 18.1046 4.89543 19 6 19H18C19.1046 19 20 18.1046 20 17V14.5H22V17C22 19.2091 20.2091 21 18 21H6C3.79086 21 2 19.2091 2 17V7C2 4.79086 3.79086 3 6 3H14.5V5ZM14 11H11V17H9V11H6V9H14V11ZM20.6572 1.34277C22.1049 2.79049 23 4.79086 23 7C23 9.20914 22.1049 11.2095 20.6572 12.6572L19.2422 11.2422C20.328 10.1564 21 8.65685 21 7C21 5.34315 20.328 3.8436 19.2422 2.75781L20.6572 1.34277ZM17.8281 4.17188C18.552 4.89573 19 5.89543 19 7C19 8.10457 18.552 9.10427 17.8281 9.82812L16.4141 8.41406C16.776 8.05213 17 7.55228 17 7C17 6.44772 16.776 5.94787 16.4141 5.58594L17.8281 4.17188Z"/></svg>
+);
+
+TextToSpeechLine.displayName = 'TextToSpeechLine';
+
+export default TextToSpeechLine;

package/lib/Communication/video-chat-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const VideoChatFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455ZM14 10.25V8H7V14H14V11.75L17 14V8L14 10.25Z"/></svg>
+);
+
+VideoChatFill.displayName = 'VideoChatFill';
+
+export default VideoChatFill;

package/lib/Communication/video-chat-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const VideoChatLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14 10.25L17 8V14L14 11.75V14H7V8H14V10.25ZM5.76282 17H20V5H4V18.3851L5.76282 17ZM6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455Z"/></svg>
+);
+
+VideoChatLine.displayName = 'VideoChatLine';
+
+export default VideoChatLine;

package/lib/Design/ai-generate-2-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AiGenerate2Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M18 3C20.2091 3 22 4.79086 22 7V17C22 19.2091 20.2091 21 18 21H6C3.79086 21 2 19.2091 2 17V7C2 4.79086 3.79086 3 6 3H18ZM12.5879 7.39941C12.3673 6.86706 11.6327 6.86708 11.4121 7.39941L11.0947 8.16309C10.5548 9.46657 9.54772 10.5081 8.28125 11.0713L7.38477 11.4697C6.87165 11.6982 6.87153 12.4455 7.38477 12.6738L8.33496 13.0957C9.56954 13.6448 10.5591 14.6486 11.1084 15.9092L11.416 16.6162C11.6416 17.1338 12.3584 17.1338 12.584 16.6162L12.8916 15.9092C13.4409 14.6486 14.4305 13.6448 15.665 13.0957L16.6152 12.6738C17.1285 12.4455 17.1284 11.6982 16.6152 11.4697L15.7188 11.0713C14.4522 10.5081 13.4442 9.46657 12.9043 8.16309L12.5879 7.39941Z"/></svg>
+);
+
+AiGenerate2Fill.displayName = 'AiGenerate2Fill';
+
+export default AiGenerate2Fill;

package/lib/Design/ai-generate-2-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AiGenerate2Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M18 3C20.2091 3 22 4.79086 22 7V17C22 19.2091 20.2091 21 18 21H6C3.79086 21 2 19.2091 2 17V7C2 4.79086 3.79086 3 6 3H18ZM6 5C4.89543 5 4 5.89543 4 7V17C4 18.1046 4.89543 19 6 19H18C19.1046 19 20 18.1046 20 17V7C20 5.89543 19.1046 5 18 5H6ZM11.4121 7.39941C11.6327 6.86708 12.3673 6.86706 12.5879 7.39941L12.9043 8.16309C13.4442 9.46657 14.4522 10.5081 15.7188 11.0713L16.6152 11.4697C17.1284 11.6982 17.1285 12.4455 16.6152 12.6738L15.665 13.0957C14.4305 13.6448 13.4409 14.6486 12.8916 15.9092L12.584 16.6162C12.3584 17.1338 11.6416 17.1338 11.416 16.6162L11.1084 15.9092C10.5591 14.6486 9.56954 13.6448 8.33496 13.0957L7.38477 12.6738C6.87153 12.4455 6.87165 11.6982 7.38477 11.4697L8.28125 11.0713C9.54772 10.5081 10.5548 9.46657 11.0947 8.16309L11.4121 7.39941Z"/></svg>
+);
+
+AiGenerate2Line.displayName = 'AiGenerate2Line';
+
+export default AiGenerate2Line;

package/lib/Design/align-item-bottom-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemBottomFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 4C4 3.44772 4.44772 3 5 3H10C10.5523 3 11 3.44772 11 4L11 16C11 16.5523 10.5523 17 10 17H5C4.44772 17 4 16.5523 4 16L4 4ZM14 7C13.4477 7 13 7.44772 13 8V16C13 16.5523 13.4477 17 14 17H19C19.5523 17 20 16.5523 20 16V8C20 7.44772 19.5523 7 19 7L14 7ZM21 19L3 19V21H21V19Z"/></svg>
+);
+
+AlignItemBottomFill.displayName = 'AlignItemBottomFill';
+
+export default AlignItemBottomFill;

package/lib/Design/align-item-bottom-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemBottomLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M9 5L9 15H6L6 5L9 5ZM5 3C4.44772 3 4 3.44772 4 4L4 16C4 16.5523 4.44772 17 5 17H10C10.5523 17 11 16.5523 11 16L11 4C11 3.44772 10.5523 3 10 3H5ZM15 9V15H18V9H15ZM13 8C13 7.44772 13.4477 7 14 7L19 7C19.5523 7 20 7.44772 20 8V16C20 16.5523 19.5523 17 19 17H14C13.4477 17 13 16.5523 13 16V8ZM21 19L3 19V21H21V19Z"/></svg>
+);
+
+AlignItemBottomLine.displayName = 'AlignItemBottomLine';
+
+export default AlignItemBottomLine;

package/lib/Design/align-item-horizontal-center-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemHorizontalCenterFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11 4V2H13V4H19C19.5523 4 20 4.44772 20 5V10C20 10.5523 19.5523 11 19 11H13V13H17C17.5523 13 18 13.4477 18 14V19C18 19.5523 17.5523 20 17 20H13V22H11V20H7C6.44772 20 6 19.5523 6 19V14C6 13.4477 6.44772 13 7 13H11V11H5C4.44772 11 4 10.5523 4 10V5C4 4.44772 4.44772 4 5 4H11Z"/></svg>
+);
+
+AlignItemHorizontalCenterFill.displayName = 'AlignItemHorizontalCenterFill';
+
+export default AlignItemHorizontalCenterFill;

package/lib/Design/align-item-horizontal-center-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemHorizontalCenterLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11 4V2H13V4H19C19.5523 4 20 4.44772 20 5V10C20 10.5523 19.5523 11 19 11H13V13H17C17.5523 13 18 13.4477 18 14V19C18 19.5523 17.5523 20 17 20H13V22H11V20H7C6.44772 20 6 19.5523 6 19V14C6 13.4477 6.44772 13 7 13H11V11H5C4.44772 11 4 10.5523 4 10V5C4 4.44772 4.44772 4 5 4H11ZM8 15V18H16V15H8ZM6 9H18V6H6V9Z"/></svg>
+);
+
+AlignItemHorizontalCenterLine.displayName = 'AlignItemHorizontalCenterLine';
+
+export default AlignItemHorizontalCenterLine;

package/lib/Design/align-item-left-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemLeftFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3 21V3H5V21H3ZM7 14C7 13.4477 7.44772 13 8 13H16C16.5523 13 17 13.4477 17 14V19C17 19.5523 16.5523 20 16 20H8C7.44772 20 7 19.5523 7 19V14ZM8 4C7.44772 4 7 4.44772 7 5V10C7 10.5523 7.44772 11 8 11H20C20.5523 11 21 10.5523 21 10V5C21 4.44772 20.5523 4 20 4H8Z"/></svg>
+);
+
+AlignItemLeftFill.displayName = 'AlignItemLeftFill';
+
+export default AlignItemLeftFill;

package/lib/Design/align-item-left-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemLeftLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3 21V3H5V21H3ZM9 15H15V18H9V15ZM8 13C7.44772 13 7 13.4477 7 14V19C7 19.5523 7.44772 20 8 20H16C16.5523 20 17 19.5523 17 19V14C17 13.4477 16.5523 13 16 13H8ZM9 9H19V6H9V9ZM7 5C7 4.44772 7.44772 4 8 4H20C20.5523 4 21 4.44772 21 5V10C21 10.5523 20.5523 11 20 11H8C7.44772 11 7 10.5523 7 10V5Z"/></svg>
+);
+
+AlignItemLeftLine.displayName = 'AlignItemLeftLine';
+
+export default AlignItemLeftLine;

package/lib/Design/align-item-right-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemRightFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M19 21V3H21V21H19ZM7 14C7 13.4477 7.44772 13 8 13H16C16.5523 13 17 13.4477 17 14V19C17 19.5523 16.5523 20 16 20H8C7.44772 20 7 19.5523 7 19V14ZM4 4C3.44772 4 3 4.44772 3 5V10C3 10.5523 3.44772 11 4 11H16C16.5523 11 17 10.5523 17 10V5C17 4.44772 16.5523 4 16 4H4Z"/></svg>
+);
+
+AlignItemRightFill.displayName = 'AlignItemRightFill';
+
+export default AlignItemRightFill;

package/lib/Design/align-item-right-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemRightLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M19 21V3H21V21H19ZM9 15H15V18H9V15ZM8 13C7.44772 13 7 13.4477 7 14V19C7 19.5523 7.44772 20 8 20H16C16.5523 20 17 19.5523 17 19V14C17 13.4477 16.5523 13 16 13H8ZM5 9H15V6H5V9ZM3 5C3 4.44772 3.44772 4 4 4H16C16.5523 4 17 4.44772 17 5V10C17 10.5523 16.5523 11 16 11H4C3.44772 11 3 10.5523 3 10V5Z"/></svg>
+);
+
+AlignItemRightLine.displayName = 'AlignItemRightLine';
+
+export default AlignItemRightLine;

package/lib/Design/align-item-top-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemTopFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M21 3H3V5L21 5V3ZM14 7C13.4477 7 13 7.44772 13 8V16C13 16.5523 13.4477 17 14 17H19C19.5523 17 20 16.5523 20 16V8C20 7.44772 19.5523 7 19 7L14 7ZM4 8C4 7.44772 4.44772 7 5 7L10 7C10.5523 7 11 7.44772 11 8L11 20C11 20.5523 10.5523 21 10 21H5C4.44772 21 4 20.5523 4 20L4 8Z"/></svg>
+);
+
+AlignItemTopFill.displayName = 'AlignItemTopFill';
+
+export default AlignItemTopFill;

package/lib/Design/align-item-top-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemTopLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M21 3H3V5L21 5V3ZM15 9V15H18V9H15ZM13 8C13 7.44772 13.4477 7 14 7L19 7C19.5523 7 20 7.44772 20 8V16C20 16.5523 19.5523 17 19 17H14C13.4477 17 13 16.5523 13 16V8ZM9 9L9 19H6L6 9H9ZM5 7C4.44772 7 4 7.44772 4 8L4 20C4 20.5523 4.44772 21 5 21H10C10.5523 21 11 20.5523 11 20L11 8C11 7.44772 10.5523 7 10 7L5 7Z"/></svg>
+);
+
+AlignItemTopLine.displayName = 'AlignItemTopLine';
+
+export default AlignItemTopLine;

package/lib/Design/align-item-vertical-center-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemVerticalCenterFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 19C4 19.5523 4.44772 20 5 20H10C10.5523 20 11 19.5523 11 19V13H13V17C13 17.5523 13.4477 18 14 18H19C19.5523 18 20 17.5523 20 17V13H22V11H20V7C20 6.44772 19.5523 6 19 6L14 6C13.4477 6 13 6.44772 13 7V11H11V5C11 4.44771 10.5523 4 10 4H5C4.44771 4 4 4.44772 4 5L4 11H2V13H4L4 19Z"/></svg>
+);
+
+AlignItemVerticalCenterFill.displayName = 'AlignItemVerticalCenterFill';
+
+export default AlignItemVerticalCenterFill;

package/lib/Design/align-item-vertical-center-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AlignItemVerticalCenterLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M9 18L9 6L6 6L6 18H9ZM5 20C4.44772 20 4 19.5523 4 19L4 13H2V11H4L4 5C4 4.44771 4.44771 4 5 4H10C10.5523 4 11 4.44771 11 5V11H13V7C13 6.44771 13.4477 6 14 6L19 6C19.5523 6 20 6.44772 20 7V11H22V13H20V17C20 17.5523 19.5523 18 19 18H14C13.4477 18 13 17.5523 13 17V13H11V19C11 19.5523 10.5523 20 10 20H5ZM15 16H18V8L15 8V16Z"/></svg>
+);
+
+AlignItemVerticalCenterLine.displayName = 'AlignItemVerticalCenterLine';
+
+export default AlignItemVerticalCenterLine;

package/lib/Design/anticlockwise-2-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Anticlockwise2Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14 4H16C18.7614 4 21 6.23858 21 9V13H19V9C19 7.34315 17.6569 6 16 6H14V9L9 5L14 1V4ZM15 11V21C15 21.5523 14.5523 22 14 22H4C3.44772 22 3 21.5523 3 21V11C3 10.4477 3.44772 10 4 10H14C14.5523 10 15 10.4477 15 11Z"/></svg>
+);
+
+Anticlockwise2Fill.displayName = 'Anticlockwise2Fill';
+
+export default Anticlockwise2Fill;

package/lib/Design/anticlockwise-2-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Anticlockwise2Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13.4142 5.99996L15.2426 7.82839L13.8284 9.24261L9.58579 4.99996L13.8284 0.757324L15.2426 2.17154L13.4142 3.99996H16C18.7614 3.99996 21 6.23854 21 8.99996V13H19V8.99996C19 7.34311 17.6569 5.99996 16 5.99996H13.4142ZM15 11V21C15 21.5522 14.5523 22 14 22H4C3.44772 22 3 21.5522 3 21V11C3 10.4477 3.44772 9.99996 4 9.99996H14C14.5523 9.99996 15 10.4477 15 11ZM13 12H5V20H13V12Z"/></svg>
+);
+
+Anticlockwise2Line.displayName = 'Anticlockwise2Line';
+
+export default Anticlockwise2Line;

package/lib/Design/anticlockwise-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AnticlockwiseFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6 10H9L5 15L1 10H4V8C4 5.23858 6.23858 3 9 3H13V5H9C7.34315 5 6 6.34315 6 8V10ZM11 9H21C21.5523 9 22 9.44772 22 10V20C22 20.5523 21.5523 21 21 21H11C10.4477 21 10 20.5523 10 20V10C10 9.44772 10.4477 9 11 9Z"/></svg>
+);
+
+AnticlockwiseFill.displayName = 'AnticlockwiseFill';
+
+export default AnticlockwiseFill;

package/lib/Design/anticlockwise-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const AnticlockwiseLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11 9H21C21.5522 9 22 9.44772 22 10V20C22 20.5523 21.5522 21 21 21H11C10.4477 21 9.99996 20.5523 9.99996 20V10C9.99996 9.44772 10.4477 9 11 9ZM12 11V19H20V11H12ZM5.99996 10.5858L7.82839 8.75736L9.24261 10.1716L4.99996 14.4142L0.757324 10.1716L2.17154 8.75736L3.99996 10.5858V8C3.99996 5.23858 6.23854 3 8.99996 3H13V5H8.99996C7.34311 5 5.99996 6.34315 5.99996 8V10.5858Z"/></svg>
+);
+
+AnticlockwiseLine.displayName = 'AnticlockwiseLine';
+
+export default AnticlockwiseLine;

package/lib/Design/artboard-2-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Artboard2Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6 6H18V18H6V6ZM6 2H8V5H6V2ZM6 19H8V22H6V19ZM2 6H5V8H2V6ZM2 16H5V18H2V16ZM19 6H22V8H19V6ZM19 16H22V18H19V16ZM16 2H18V5H16V2ZM16 19H18V22H16V19Z"/></svg>
+);
+
+Artboard2Fill.displayName = 'Artboard2Fill';
+
+export default Artboard2Fill;

package/lib/Design/artboard-2-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Artboard2Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 8V16H16V8H8ZM6 6H18V18H6V6ZM6 2H8V5H6V2ZM6 19H8V22H6V19ZM2 6H5V8H2V6ZM2 16H5V18H2V16ZM19 6H22V8H19V6ZM19 16H22V18H19V16ZM16 2H18V5H16V2ZM16 19H18V22H16V19Z"/></svg>
+);
+
+Artboard2Line.displayName = 'Artboard2Line';
+
+export default Artboard2Line;

package/lib/Design/artboard-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ArtboardFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8.58579 17H3V15H21V17H15.4142L18.6569 20.2426L17.2426 21.6569L13 17.4142V20H11V17.4142L6.75736 21.6569L5.34315 20.2426L8.58579 17ZM5 3H19C19.5523 3 20 3.44772 20 4V14H4V4C4 3.44772 4.44772 3 5 3Z"/></svg>
+);
+
+ArtboardFill.displayName = 'ArtboardFill';
+
+export default ArtboardFill;

package/lib/Design/artboard-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ArtboardLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8.58579 17H3V15H21V17H15.4142L18.6569 20.2426L17.2426 21.6569L13 17.4142V20H11V17.4142L6.75736 21.6569L5.34315 20.2426L8.58579 17ZM5 3H19C19.5523 3 20 3.44772 20 4V14H4V4C4 3.44772 4.44772 3 5 3ZM6 5V12H18V5H6Z"/></svg>
+);
+
+ArtboardLine.displayName = 'ArtboardLine';
+
+export default ArtboardLine;

package/lib/Design/ball-pen-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BallPenFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M17.8492 11.805L17.1421 11.0979L7.24264 20.9974H3V16.7547L14.3137 5.44101L19.9706 11.0979C20.3611 11.4884 20.3611 12.1216 19.9706 12.5121L12.8995 19.5831L11.4853 18.1689L17.8492 11.805ZM18.5563 2.61258L21.3848 5.44101C21.7753 5.83153 21.7753 6.4647 21.3848 6.85522L19.9706 8.26943L15.7279 4.02679L17.1421 2.61258C17.5327 2.22206 18.1658 2.22206 18.5563 2.61258Z"/></svg>
+);
+
+BallPenFill.displayName = 'BallPenFill';
+
+export default BallPenFill;

package/lib/Design/ball-pen-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BallPenLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M17.8492 11.6983L17.1421 10.9912L7.24264 20.8907H3V16.648L14.3137 5.33432L19.9706 10.9912C20.3611 11.3817 20.3611 12.0149 19.9706 12.4054L12.8995 19.4765L11.4853 18.0622L17.8492 11.6983ZM15.7279 9.57696L14.3137 8.16274L5 17.4765V18.8907H6.41421L15.7279 9.57696ZM18.5563 2.50589L21.3848 5.33432C21.7753 5.72484 21.7753 6.35801 21.3848 6.74853L19.9706 8.16274L15.7279 3.9201L17.1421 2.50589C17.5327 2.11537 18.1658 2.11537 18.5563 2.50589Z"/></svg>
+);
+
+BallPenLine.displayName = 'BallPenLine';
+
+export default BallPenLine;

package/lib/Design/blur-off-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BlurOffFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M5.43239 6.8433L1.39355 2.80445L2.80777 1.39024L22.6068 21.1892L21.1925 22.6034L18.1537 19.5646C14.6255 22.8742 9.08161 22.8062 5.6362 19.3608C2.19078 15.9154 2.12284 10.3715 5.43239 6.8433ZM8.2433 4.02578L12.0002 0.268921L18.3641 6.63288C20.9499 9.21864 21.6333 12.9863 20.4144 16.1969L8.2433 4.02578Z"/></svg>
+);
+
+BlurOffFill.displayName = 'BlurOffFill';
+
+export default BlurOffFill;

package/lib/Design/blur-off-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BlurOffLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M18.1537 19.5646C14.6255 22.8742 9.08161 22.8062 5.6362 19.3608C2.19078 15.9154 2.12284 10.3715 5.43239 6.8433L1.39355 2.80445L2.80777 1.39024L22.6068 21.1892L21.1925 22.6034L18.1537 19.5646ZM6.84756 8.25846C4.3185 11.0046 4.38612 15.2823 7.05041 17.9466C9.7147 20.6109 13.9924 20.6785 16.7385 18.1494L6.84756 8.25846ZM20.4144 16.1969L18.8156 14.598C19.3488 12.3187 18.7269 9.82407 16.9499 8.0471L12.0002 3.09735L9.65751 5.43999L8.2433 4.02578L12.0002 0.268921L18.3641 6.63288C20.9499 9.21864 21.6333 12.9863 20.4144 16.1969Z"/></svg>
+);
+
+BlurOffLine.displayName = 'BlurOffLine';
+
+export default BlurOffLine;

package/lib/Design/brush-2-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Brush2Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.5357 15.9465L18.657 13.8252L15.475 10.6432L19.0106 7.10768L16.8892 4.98636L13.3537 8.52189L10.1717 5.33991L8.05041 7.46123L16.5357 15.9465ZM13.3537 5.69346L16.1821 2.86504C16.5727 2.47451 17.2058 2.47451 17.5963 2.86504L21.1319 6.40057C21.5224 6.79109 21.5224 7.42426 21.1319 7.81478L18.3035 10.6432L20.7783 13.1181C21.1689 13.5086 21.1689 14.1418 20.7783 14.5323L13.0002 22.3105C12.6096 22.701 11.9765 22.701 11.5859 22.3105L1.68645 12.411C1.29592 12.0205 1.29592 11.3873 1.68645 10.9968L9.46462 3.21859C9.85515 2.82807 10.4883 2.82807 10.8788 3.21859L13.3537 5.69346Z"/></svg>
+);
+
+Brush2Fill.displayName = 'Brush2Fill';
+
+export default Brush2Fill;

package/lib/Design/brush-2-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Brush2Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.5357 15.9465L18.657 13.8252L15.475 10.6432L19.0106 7.10768L16.8892 4.98636L13.3537 8.52189L10.1717 5.33991L8.05041 7.46123L16.5357 15.9465ZM15.1215 17.3607L6.6362 8.87544L3.80777 11.7039L12.293 20.1892L15.1215 17.3607ZM13.3537 5.69346L16.1821 2.86504C16.5727 2.47451 17.2058 2.47451 17.5963 2.86504L21.1319 6.40057C21.5224 6.79109 21.5224 7.42426 21.1319 7.81478L18.3035 10.6432L20.7783 13.1181C21.1689 13.5086 21.1689 14.1418 20.7783 14.5323L13.0002 22.3105C12.6096 22.701 11.9765 22.701 11.5859 22.3105L1.68645 12.411C1.29592 12.0205 1.29592 11.3873 1.68645 10.9968L9.46462 3.21859C9.85515 2.82807 10.4883 2.82807 10.8788 3.21859L13.3537 5.69346Z"/></svg>
+);
+
+Brush2Line.displayName = 'Brush2Line';
+
+export default Brush2Line;

package/lib/Design/brush-3-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Brush3Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 10.9967V7.9967H14V3.9967H10V7.9967H4V10.9967H20ZM21 12.9967V20.9967C21 21.549 20.5523 21.9967 20 21.9967H10V15.9967H8V21.9967H4C3.44772 21.9967 3 21.549 3 20.9967V12.9967H2V6.9967C2 6.44442 2.44772 5.9967 3 5.9967H8V2.9967C8 2.44442 8.44772 1.9967 9 1.9967H15C15.5523 1.9967 16 2.44442 16 2.9967V5.9967H21C21.5523 5.9967 22 6.44442 22 6.9967V12.9967H21Z"/></svg>
+);
+
+Brush3Fill.displayName = 'Brush3Fill';
+
+export default Brush3Fill;

package/lib/Design/brush-3-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Brush3Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 19.9967V14.9967H10V19.9967H19V12.9967H5V19.9967H8ZM4 10.9967H20V7.9967H14V3.9967H10V7.9967H4V10.9967ZM3 20.9967V12.9967H2V6.9967C2 6.44442 2.44772 5.9967 3 5.9967H8V2.9967C8 2.44442 8.44772 1.9967 9 1.9967H15C15.5523 1.9967 16 2.44442 16 2.9967V5.9967H21C21.5523 5.9967 22 6.44442 22 6.9967V12.9967H21V20.9967C21 21.549 20.5523 21.9967 20 21.9967H4C3.44772 21.9967 3 21.549 3 20.9967Z"/></svg>
+);
+
+Brush3Line.displayName = 'Brush3Line';
+
+export default Brush3Line;

package/lib/Design/brush-4-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Brush4Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 15.9967H4V17.9967H20V15.9967ZM3 13.9967V3.9967C3 3.44442 3.44772 2.9967 4 2.9967H7V11.2694H9V2.9967H20C20.5523 2.9967 21 3.44442 21 3.9967V13.9967H22V18.9967C22 19.549 21.5523 19.9967 21 19.9967H13V22.9967H11V19.9967H3C2.44772 19.9967 2 19.549 2 18.9967V13.9967H3Z"/></svg>
+);
+
+Brush4Fill.displayName = 'Brush4Fill';
+
+export default Brush4Fill;

package/lib/Design/brush-4-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Brush4Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M9 4.9967V11.2694H7V4.9967H5V13.9967H19V4.9967H9ZM20 15.9967H4V17.9967H20V15.9967ZM3 13.9967V3.9967C3 3.44442 3.44772 2.9967 4 2.9967H20C20.5523 2.9967 21 3.44442 21 3.9967V13.9967H22V18.9967C22 19.549 21.5523 19.9967 21 19.9967H13V22.9967H11V19.9967H3C2.44772 19.9967 2 19.549 2 18.9967V13.9967H3Z"/></svg>
+);
+
+Brush4Line.displayName = 'Brush4Line';
+
+export default Brush4Line;

package/lib/Design/brush-ai-3-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BrushAi3Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13 3.99699H10V7.997H4V10.997H20V9.99993H22V12.997H21V20.997C20.9997 21.5491 20.5521 21.997 20 21.997H10V15.997H8V21.997H4C3.44788 21.997 3.00026 21.5491 3 20.997V12.997H2V6.997C2.00005 6.44476 2.44775 5.997 3 5.997H8V2.99699C8.00005 2.44475 8.44775 1.99699 9 1.99699H13V3.99699ZM18.5293 1.31925C18.7059 0.893466 19.2942 0.893455 19.4707 1.31925L19.7236 1.93058C20.1556 2.97338 20.9616 3.80609 21.9746 4.25676L22.6924 4.57609C23.1026 4.75892 23.1026 5.35611 22.6924 5.53899L21.9326 5.87688C20.9449 6.31616 20.1534 7.11938 19.7139 8.12786L19.4668 8.69329C19.2864 9.10742 18.7137 9.10742 18.5332 8.69329L18.2871 8.12786C17.8476 7.11922 17.0552 6.31621 16.0674 5.87688L15.3076 5.53899C14.8974 5.35613 14.8974 4.7589 15.3076 4.57609L16.0254 4.25676C17.0385 3.8061 17.8445 2.97339 18.2764 1.93058L18.5293 1.31925Z"/></svg>
+);
+
+BrushAi3Fill.displayName = 'BrushAi3Fill';
+
+export default BrushAi3Fill;

package/lib/Design/brush-ai-3-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BrushAi3Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14 3.99699H10V7.997H4V10.997H20V9.99993H22V12.997H21V20.997C20.9997 21.5491 20.5521 21.997 20 21.997H4C3.44788 21.997 3.00026 21.5491 3 20.997V12.997H2V6.997C2.00005 6.44476 2.44775 5.997 3 5.997H8V2.99699C8.00005 2.44475 8.44775 1.99601 9 1.99601H14V3.99699ZM5 19.997H8V14.997H10V19.997H19V12.997H5V19.997ZM18.5293 1.31925C18.7059 0.893466 19.2942 0.893455 19.4707 1.31925L19.7236 1.93058C20.1556 2.97338 20.9616 3.80609 21.9746 4.25676L22.6924 4.57609C23.1026 4.75892 23.1026 5.35611 22.6924 5.53899L21.9326 5.87688C20.9449 6.31616 20.1534 7.11938 19.7139 8.12786L19.4668 8.69329C19.2864 9.10742 18.7137 9.10742 18.5332 8.69329L18.2871 8.12786C17.8476 7.11922 17.0552 6.31621 16.0674 5.87688L15.3076 5.53899C14.8974 5.35613 14.8974 4.7589 15.3076 4.57609L16.0254 4.25676C17.0385 3.8061 17.8445 2.97339 18.2764 1.93058L18.5293 1.31925Z"/></svg>
+);
+
+BrushAi3Line.displayName = 'BrushAi3Line';
+
+export default BrushAi3Line;

package/lib/Design/brush-ai-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BrushAiFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.7134 7.12811L4.46682 7.69379C4.28637 8.10792 3.71357 8.10792 3.53312 7.69379L3.28656 7.12811C2.84706 6.11947 2.05545 5.31641 1.06767 4.87708L0.308047 4.53922C-0.102682 4.35653 -0.102682 3.75881 0.308047 3.57612L1.0252 3.25714C2.03838 2.80651 2.84417 1.97373 3.27612 0.930828L3.52932 0.319534C3.70578 -0.106511 4.29417 -0.106511 4.47063 0.319534L4.72382 0.930828C5.15577 1.97373 5.96158 2.80651 6.9748 3.25714L7.69188 3.57612C8.10271 3.75881 8.10271 4.35653 7.69188 4.53922L6.93228 4.87708C5.94451 5.31641 5.15288 6.11947 4.7134 7.12811ZM18.2278 2.3713L13.2886 6.21289C9.34224 5.23923 5.55843 7.54646 4.5 11.4966C4.39826 11.8763 4.36647 12.262 4.33317 12.666C4.21829 14.0599 4.08554 15.6707 1 17.9966C3.5 19.4966 8 20.9984 11.5016 20.9984C14.8142 20.9984 17.8463 18.7896 18.7444 15.4377C19.0836 14.1719 19.0778 12.895 18.7847 11.7067L22.6253 6.76879C22.9349 6.3707 22.8997 5.80435 22.543 5.44774L19.5488 2.45355C19.1922 2.09694 18.6259 2.06168 18.2278 2.3713ZM16.8952 8.2852C16.8319 8.21952 16.7673 8.15494 16.7015 8.09149L15.5769 6.96685L18.7589 4.49198L20.5046 6.23774L18.0297 9.41972L16.8952 8.2852Z"/></svg>
+);
+
+BrushAiFill.displayName = 'BrushAiFill';
+
+export default BrushAiFill;

package/lib/Design/brush-ai-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BrushAiLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.7134 7.12811L4.46682 7.69379C4.28637 8.10792 3.71357 8.10792 3.53312 7.69379L3.28656 7.12811C2.84706 6.11947 2.05545 5.31641 1.06767 4.87708L0.308047 4.53922C-0.102682 4.35653 -0.102682 3.75881 0.308047 3.57612L1.0252 3.25714C2.03838 2.80651 2.84417 1.97373 3.27612 0.930828L3.52932 0.319534C3.70578 -0.106511 4.29417 -0.106511 4.47063 0.319534L4.72382 0.930828C5.15577 1.97373 5.96158 2.80651 6.9748 3.25714L7.69188 3.57612C8.10271 3.75881 8.10271 4.35653 7.69188 4.53922L6.93228 4.87708C5.94451 5.31641 5.15288 6.11947 4.7134 7.12811ZM15.3144 9.53285L15.4565 9.67491C16.7513 11.018 17.3306 12.9868 16.8126 14.9201C16.1644 17.3393 13.9702 18.9984 11.5016 18.9984C9.46572 18.9984 6.78847 18.3726 4.5286 17.4841C5.73449 16.0696 6.17423 14.675 6.3285 12.805C6.36574 12.3536 6.38901 12.1741 6.43185 12.0142C7.22541 9.05261 10.0168 7.40515 12.9235 8.18399C13.8549 8.43357 14.6661 8.90783 15.3144 9.53285ZM18.2278 2.3713L13.2886 6.21289C9.34224 5.23923 5.55843 7.54646 4.5 11.4966C4.39826 11.8763 4.36647 12.262 4.33317 12.666C4.21829 14.0599 4.08554 15.6707 1 17.9966C3.5 19.4966 8 20.9984 11.5016 20.9984C14.8142 20.9984 17.8463 18.7896 18.7444 15.4377C19.0836 14.1719 19.0778 12.895 18.7847 11.7067L22.6253 6.76879C22.9349 6.3707 22.8997 5.80435 22.543 5.44774L19.5488 2.45355C19.1922 2.09694 18.6259 2.06168 18.2278 2.3713ZM16.8952 8.2852C16.8319 8.21952 16.7673 8.15494 16.7015 8.09149L15.5769 6.96685L18.7589 4.49198L20.5046 6.23774L18.0297 9.41972L16.8952 8.2852Z"/></svg>
+);
+
+BrushAiLine.displayName = 'BrushAiLine';
+
+export default BrushAiLine;

package/lib/Design/brush-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BrushFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13.2886 6.21301L18.2278 2.37142C18.6259 2.0618 19.1922 2.09706 19.5488 2.45367L22.543 5.44787C22.8997 5.80448 22.9349 6.37082 22.6253 6.76891L18.7847 11.7068C19.0778 12.8951 19.0836 14.1721 18.7444 15.4379C17.8463 18.7897 14.8142 20.9986 11.5016 20.9986C8 20.9986 3.5 19.4967 1 17.9967C4.97978 14.9967 4.04722 13.1865 4.5 11.4967C5.55843 7.54658 9.34224 5.23935 13.2886 6.21301ZM16.7015 8.09161C16.7673 8.15506 16.8319 8.21964 16.8952 8.28533L18.0297 9.41984L20.5046 6.23786L18.7589 4.4921L15.5769 6.96698L16.7015 8.09161Z"/></svg>
+);
+
+BrushFill.displayName = 'BrushFill';
+
+export default BrushFill;

package/lib/Design/brush-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const BrushLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M15.4565 9.67503L15.3144 9.53297C14.6661 8.90796 13.8549 8.43369 12.9235 8.18412C10.0168 7.40527 7.22541 9.05273 6.43185 12.0143C6.38901 12.1742 6.36574 12.3537 6.3285 12.8051C6.17423 14.6752 5.73449 16.0697 4.5286 17.4842C6.78847 18.3727 9.46572 18.9986 11.5016 18.9986C13.9702 18.9986 16.1644 17.3394 16.8126 14.9202C17.3306 12.9869 16.7513 11.0181 15.4565 9.67503ZM13.2886 6.21301L18.2278 2.37142C18.6259 2.0618 19.1922 2.09706 19.5488 2.45367L22.543 5.44787C22.8997 5.80448 22.9349 6.37082 22.6253 6.76891L18.7847 11.7068C19.0778 12.8951 19.0836 14.1721 18.7444 15.4379C17.8463 18.7897 14.8142 20.9986 11.5016 20.9986C8 20.9986 3.5 19.4967 1 17.9967C4.97978 14.9967 4.04722 13.1865 4.5 11.4967C5.55843 7.54658 9.34224 5.23935 13.2886 6.21301ZM16.7015 8.09161C16.7673 8.15506 16.8319 8.21964 16.8952 8.28533L18.0297 9.41984L20.5046 6.23786L18.7589 4.4921L15.5769 6.96698L16.7015 8.09161Z"/></svg>
+);
+
+BrushLine.displayName = 'BrushLine';
+
+export default BrushLine;

package/lib/Design/circle-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const CircleFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"/></svg>
+);
+
+CircleFill.displayName = 'CircleFill';
+
+export default CircleFill;

package/lib/Design/circle-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const CircleLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z"/></svg>
+);
+
+CircleLine.displayName = 'CircleLine';
+
+export default CircleLine;

package/lib/Design/clockwise-2-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Clockwise2Fill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10 4V1L15 5L10 9V6H8C6.34315 6 5 7.34315 5 9V13H3V9C3 6.23858 5.23858 4 8 4H10ZM9 11C9 10.4477 9.44772 10 10 10H20C20.5523 10 21 10.4477 21 11V21C21 21.5523 20.5523 22 20 22H10C9.44772 22 9 21.5523 9 21V11Z"/></svg>
+);
+
+Clockwise2Fill.displayName = 'Clockwise2Fill';
+
+export default Clockwise2Fill;

package/lib/Design/clockwise-2-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Clockwise2Line = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.5858 3.99997L8.75736 2.17154L10.1716 0.757324L14.4142 4.99997L10.1716 9.24261L8.75736 7.82839L10.5858 5.99997H8C6.34315 5.99997 5 7.34311 5 8.99997V13H3V8.99997C3 6.23854 5.23858 3.99997 8 3.99997H10.5858ZM9 11C9 10.4477 9.44772 9.99997 10 9.99997H20C20.5523 9.99997 21 10.4477 21 11V21C21 21.5522 20.5523 22 20 22H10C9.44772 22 9 21.5522 9 21V11ZM11 12V20H19V12H11Z"/></svg>
+);
+
+Clockwise2Line.displayName = 'Clockwise2Line';
+
+export default Clockwise2Line;

package/lib/Design/clockwise-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ClockwiseFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 10H23L19 15L15 10H18V8C18 6.34315 16.6569 5 15 5H11V3H15C17.7614 3 20 5.23858 20 8V10ZM13 9C13.5523 9 14 9.44772 14 10V20C14 20.5523 13.5523 21 13 21H3C2.44772 21 2 20.5523 2 20V10C2 9.44772 2.44772 9 3 9H13Z"/></svg>
+);
+
+ClockwiseFill.displayName = 'ClockwiseFill';
+
+export default ClockwiseFill;

package/lib/Design/clockwise-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ClockwiseLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 10.5858L21.8284 8.75736L23.2426 10.1716L19 14.4142L14.7574 10.1716L16.1716 8.75736L18 10.5858V8C18 6.34315 16.6569 5 15 5H11V3H15C17.7614 3 20 5.23858 20 8V10.5858ZM13 9C13.5523 9 14 9.44772 14 10V20C14 20.5523 13.5523 21 13 21H3C2.44772 21 2 20.5523 2 20V10C2 9.44772 2.44772 9 3 9H13ZM12 11H4V19H12V11Z"/></svg>
+);
+
+ClockwiseLine.displayName = 'ClockwiseLine';
+
+export default ClockwiseLine;

package/lib/Design/collage-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const CollageFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11.1889 13.2642L12.5715 21.106L4.00024 21.1067C3.44795 21.1067 3.00024 20.659 3.00024 20.1067L2.99951 14.709L11.1889 13.2642ZM20.0002 3.10668C20.5525 3.10668 21.0002 3.5544 21.0002 4.10668V20.1067C21.0002 20.659 20.5525 21.1067 20.0002 21.1067L14.6025 21.106L11.4285 3.10596L20.0002 3.10668ZM9.39751 3.10596L10.8416 11.2945L2.99951 12.678L3.00024 4.10668C3.00024 3.5544 3.44795 3.10668 4.00024 3.10668L9.39751 3.10596Z"/></svg>
+);
+
+CollageFill.displayName = 'CollageFill';
+
+export default CollageFill;

package/lib/Design/collage-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const CollageLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20 3.10669C20.5523 3.10669 21 3.5544 21 4.10669V20.1067C21 20.659 20.5523 21.1067 20 21.1067H4C3.44772 21.1067 3 20.659 3 20.1067V4.10669C3 3.5544 3.44772 3.10669 4 3.10669H20ZM11.1888 13.2651L5 14.3557V19.1067H12.218L11.1888 13.2651ZM19 5.10669H11.781L14.249 19.1067H19V5.10669ZM9.75 5.10669H5V12.3247L10.8415 11.2955L9.75 5.10669Z"/></svg>
+);
+
+CollageLine.displayName = 'CollageLine';
+
+export default CollageLine;

package/lib/Design/color-filter-ai-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ColorFilterAiFill = (props) => (
+  <svg {...props} viewBox="0 0 25 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M15.5111 7.30032C15.8957 7.46801 16.2807 7.63473 16.6635 7.80646C16.6346 7.88102 16.604 7.95471 16.5717 8.02749C14.576 8.20785 12.6858 9.24029 11.4704 10.9723C8.95785 10.7079 6.99981 8.58261 6.99981 6C6.99981 3.23858 9.23839 1 11.9998 1C13.4594 1 14.773 1.62543 15.687 2.62292C14.7051 3.05106 14 3.8962 14 4.99997C14 5.9935 14.6012 6.90361 15.5111 7.30032ZM13.1542 17.9462C13.996 16.1276 14.047 13.9741 13.1547 12.0554C14.6399 10.0118 17.4591 9.37883 19.6956 10.6701C22.087 12.0509 22.9064 15.1086 21.5257 17.5C20.145 19.8915 17.087 20.7109 14.6956 19.3302C14.0707 18.9694 13.5532 18.4942 13.1542 17.9462ZM6.27311 10.0269C7.42726 11.6652 9.26672 12.786 11.3746 12.9726C12.4016 15.2807 11.5401 18.0388 9.30357 19.3301C6.91211 20.7108 3.85415 19.8914 2.47344 17.5C1.09273 15.1085 1.91211 12.0505 4.30357 10.6698C4.92851 10.309 5.59897 10.0984 6.27311 10.0269ZM16.8763 5.7134L16.3106 5.46682C15.8965 5.28637 15.8965 4.71357 16.3106 4.53312L16.8763 4.28656C17.8849 3.84706 18.688 3.05545 19.1273 2.06767L19.4652 1.30805C19.6479 0.897318 20.2456 0.897318 20.4283 1.30805L20.7472 2.0252C21.1979 3.03838 22.0307 3.84417 23.0736 4.27612L23.6849 4.52932C24.1109 4.70578 24.1109 5.29417 23.6849 5.47063L23.0736 5.72382C22.0307 6.15577 21.1979 6.96158 20.7472 7.9748L20.4283 8.69188C20.2456 9.10271 19.6479 9.10271 19.4652 8.69188L19.1273 7.93228C18.688 6.94451 17.8849 6.15288 16.8763 5.7134Z"/></svg>
+);
+
+ColorFilterAiFill.displayName = 'ColorFilterAiFill';
+
+export default ColorFilterAiFill;

package/lib/Design/color-filter-ai-line.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ColorFilterAiLine = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6.00723 7.29726C6.00242 7.19876 5.99998 7.09965 5.99998 7C5.99998 3.68629 8.68627 1 12 1C13.3496 1 14.5977 1.44677 15.6006 2.20007L14.3994 3.7992C13.731 3.29712 12.9016 3 12 3C11.7239 3 11.4542 3.02798 11.1938 3.08127C9.37112 3.45426 8 5.06701 8 7C8 9.03308 9.51679 10.7119 11.4805 10.9666C12.5039 9.55847 14.055 8.70883 15.696 8.53306C16.3796 8.45983 17.0792 8.50382 17.7635 8.67248C18.3006 8.80481 18.828 9.01404 19.33 9.3039C22.1998 10.9608 23.183 14.6303 21.5262 17.5C19.8693 20.3698 16.1998 21.3531 13.33 19.6962C12.828 19.4064 12.3832 19.0543 12 18.6554C11.6169 19.0543 11.172 19.4064 10.6699 19.6963C7.80019 21.3531 4.13065 20.3699 2.47379 17.5001C0.81694 14.6304 1.80019 10.9608 4.66995 9.30397C5.17193 9.01416 5.69919 8.80494 6.23623 8.67261C6.11278 8.24646 6.03531 7.80079 6.00955 7.3413L6.00723 7.29726ZM7.14979 10.5328C6.64359 10.5989 6.14138 10.7638 5.66995 11.036C3.75678 12.1406 3.10128 14.587 4.20585 16.5001C5.31042 18.4133 7.75678 19.0688 9.66995 17.9642C10.3021 17.5993 10.7949 17.09 11.1337 16.5024C11.7429 15.4457 11.8532 14.1391 11.3649 12.9669C10.9807 12.9264 10.6072 12.8497 10.2481 12.7402C10.2028 12.7264 10.1577 12.712 10.1128 12.6972C8.91238 12.2997 7.87997 11.5335 7.14979 10.5328ZM13.1543 16.9343C13.4647 17.3396 13.8586 17.692 14.33 17.9642C16.2432 19.0687 18.6895 18.4132 19.7941 16.5C20.2936 15.635 20.4332 14.6609 20.2593 13.7511C20.0488 12.6488 19.3781 11.6409 18.33 11.0357C17.6978 10.6708 17.0104 10.4986 16.3322 10.499C15.1125 10.4998 13.9259 11.0576 13.1548 12.0666C13.2661 12.3165 13.3588 12.5707 13.4336 12.8277C13.4336 12.8277 13.4336 12.8277 13.4336 12.8277C13.4774 12.9785 13.5151 13.1302 13.5467 13.2825C13.5602 13.3478 13.5726 13.4131 13.5839 13.4786C13.7871 14.6567 13.6297 15.8611 13.1543 16.9343ZM18.5774 7C18.866 7.33402 19.106 7.71371 19.2866 8.12811L19.5331 8.69379C19.7136 9.10792 20.2864 9.10792 20.4668 8.69379L20.7134 8.12811C21.1529 7.11947 21.9445 6.31641 22.9323 5.87708L23.6919 5.53922C24.1027 5.35653 24.1027 4.75881 23.6919 4.57612L22.9748 4.25714C21.9616 3.80651 21.1558 2.97373 20.7238 1.93083L20.4706 1.31953C20.2942 0.893489 19.7058 0.893489 19.5293 1.31953L19.2761 1.93083C19.1965 2.12319 19.1041 2.3084 19 2.48538C18.5399 3.26793 17.8515 3.88963 17.0252 4.25714L16.308 4.57612C15.8973 4.75881 15.8973 5.35653 16.308 5.53922L17.0677 5.87708C17.6496 6.13591 18.1635 6.521 18.5774 7Z"/></svg>
+);
+
+ColorFilterAiLine.displayName = 'ColorFilterAiLine';
+
+export default ColorFilterAiLine;

package/lib/Design/color-filter-fill.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ColorFilterFill = (props) => (
+  <svg {...props} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.5717 8.02749C16.8469 7.4078 16.9998 6.72176 16.9998 6C16.9998 3.23858 14.7612 1 11.9998 1C9.23839 1 6.99981 3.23858 6.99981 6C6.99981 8.58261 8.95785 10.7079 11.4704 10.9723C12.6858 9.24029 14.576 8.20785 16.5717 8.02749ZM13.1542 17.9462C13.996 16.1276 14.047 13.9741 13.1547 12.0554C14.6399 10.0118 17.4591 9.37883 19.6956 10.6701L19.6957 10.67C22.0871 12.0508 22.9064 15.1086 21.5257 17.5C20.145 19.8915 17.087 20.7109 14.6956 19.3302C14.0707 18.9694 13.5532 18.4942 13.1542 17.9462ZM6.27311 10.0269C7.42726 11.6652 9.26672 12.786 11.3746 12.9726C12.4016 15.2807 11.5401 18.0388 9.30357 19.3301C6.91211 20.7108 3.85415 19.8914 2.47344 17.5C1.09273 15.1085 1.91211 12.0505 4.30357 10.6698C4.92851 10.309 5.59897 10.0984 6.27311 10.0269Z"/></svg>
+);
+
+ColorFilterFill.displayName = 'ColorFilterFill';
+
+export default ColorFilterFill;