@aliimam/logos 0.1.2 → 0.1.3

package/src/icon/design/AfterEffects.tsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const AfterEffects: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function AfterEffects(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <g clipPath="url(#undefined-clip0_2039_230)">
+        <path
+          d="M19.5243 0H4.20142C1.88104 0 0 1.87026 0 4.17735V18.8227C0 21.1297 1.88104 23 4.20142 23H19.5243C21.8446 23 23.7257 21.1297 23.7257 18.8227V4.17735C23.7257 1.87026 21.8446 0 19.5243 0Z"
+          fill="#00005b"
+        />
+        <path
+          d="M9.531 13.761H5.855L5.107 16.076C5.096 16.118 5.072 16.155 5.037 16.181 5.002 16.207 4.959 16.22 4.916 16.218H3.053C2.947 16.218 2.91 16.16 2.942 16.044L6.125 6.966C6.157 6.872 6.189 6.779 6.221 6.657 6.262 6.446 6.284 6.232 6.284 6.016 6.282 6.001 6.284 5.986 6.289 5.972 6.293 5.957 6.301 5.944 6.312 5.933 6.323 5.923 6.336 5.915 6.351 5.91 6.365 5.905 6.381 5.903 6.396 5.906H8.927C9.001 5.906 9.043 5.932 9.054 5.985L12.667 16.06C12.699 16.165 12.667 16.218 12.571 16.218H10.502C10.467 16.222 10.431 16.213 10.402 16.192 10.372 16.172 10.352 16.142 10.343 16.107L9.531 13.761ZM6.428 11.809H8.942C8.879 11.598 8.804 11.361 8.72 11.097 8.635 10.833 8.544 10.551 8.449 10.25 8.354 9.949 8.258 9.649 8.163 9.348 8.067 9.047 7.979 8.757 7.9 8.478 7.82 8.198 7.749 7.943 7.685 7.71H7.669C7.58 8.138 7.468 8.56 7.335 8.976 7.186 9.451 7.035 9.936 6.881 10.432 6.727 10.928 6.576 11.387 6.428 11.809ZM18.524 12.86H15.389C15.427 13.168 15.53 13.465 15.691 13.732 15.869 13.996 16.121 14.202 16.415 14.325 16.814 14.497 17.246 14.581 17.68 14.572 18.025 14.565 18.369 14.528 18.707 14.46 19.009 14.419 19.306 14.342 19.59 14.231 19.643 14.189 19.669 14.215 19.669 14.31V15.813C19.672 15.854 19.664 15.895 19.645 15.932 19.627 15.961 19.603 15.985 19.574 16.003 19.259 16.142 18.927 16.24 18.588 16.295 18.126 16.381 17.657 16.421 17.187 16.414 16.433 16.414 15.802 16.298 15.293 16.066 14.812 15.855 14.387 15.535 14.052 15.132 13.739 14.752 13.506 14.314 13.367 13.842 13.23 13.377 13.16 12.895 13.16 12.41 13.159 11.881 13.242 11.355 13.407 10.852 13.566 10.361 13.817 9.904 14.147 9.506 14.473 9.113 14.88 8.795 15.341 8.573 15.808 8.346 16.359 8.265 16.996 8.265 17.524 8.251 18.048 8.354 18.532 8.565 18.939 8.738 19.296 9.007 19.574 9.348 19.835 9.683 20.035 10.06 20.163 10.464 20.289 10.853 20.353 11.258 20.354 11.667 20.354 11.899 20.346 12.11 20.33 12.3 20.315 12.489 20.301 12.627 20.291 12.711 20.287 12.746 20.27 12.778 20.243 12.801 20.217 12.825 20.183 12.838 20.147 12.838 20.084 12.838 19.975 12.846 19.821 12.861 19.667 12.877 19.476 12.888 19.248 12.893 19.02 12.898 18.779 12.86 18.524 12.86ZM15.389 11.418H17.474C17.728 11.418 17.917 11.416 18.039 11.41 18.12 11.402 18.199 11.376 18.269 11.334V11.239C18.266 11.116 18.245 10.993 18.206 10.875 18.12 10.605 17.947 10.371 17.714 10.208 17.481 10.045 17.201 9.962 16.916 9.973 16.649 9.957 16.382 10.019 16.149 10.151 15.916 10.283 15.726 10.48 15.603 10.717 15.494 10.938 15.422 11.175 15.389 11.418Z"
+          fill="#99f"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2039_230">
+          <path fill="#fff" d="M0 0H24V23H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+AfterEffects.displayName = "AfterEffects";
+
+AfterEffects.metadata = {
+  name: "AfterEffects",
+  category: "icon/design",
+  tags: ["after", "effects", "icon"],
+  description: "AfterEffects icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default AfterEffects;

package/src/icon/design/Animate.tsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Animate: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Animate(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <g clipPath="url(#undefined-clip0_2039_257)">
+        <path
+          d="M4.24484 0.0157471H19.726C22.0731 0.0157471 23.9708 1.88169 23.9708 4.18942V18.8214C23.9708 21.1291 22.0731 22.9949 19.726 22.9949H4.24484C1.89771 22.9949 0 21.1291 0 18.8214V4.18942C0 1.88169 1.89771 0.0157471 4.24484 0.0157471Z"
+          fill="#00005b"
+        />
+        <path
+          d="M6.56196 11.8099H9.09898C9.03903 11.6037 8.9591 11.358 8.8693 11.1028C8.7751 10.8226 8.68517 10.5411 8.59956 10.2582C8.49963 9.95381 8.40975 9.65925 8.30983 9.35482C8.21 9.0504 8.12011 8.76562 8.04017 8.48084C7.96024 8.20593 7.89042 7.95059 7.82052 7.71489H7.80045C7.71057 8.13712 7.6007 8.55944 7.4609 8.98158C7.31106 9.45298 7.16131 9.94403 7.00143 10.4351C6.87243 10.8986 6.72584 11.3572 6.56196 11.8099ZM9.6883 13.764H5.98268L5.22363 16.0718C5.20356 16.1601 5.12371 16.2192 5.03383 16.2092H3.1362C3.02625 16.2092 2.99632 16.1504 3.02625 16.0325L6.25233 6.96858C6.28235 6.87034 6.31229 6.79174 6.35226 6.66415C6.39222 6.45797 6.41212 6.24184 6.41212 6.02579C6.40226 5.97671 6.44214 5.92763 6.49206 5.91785H9.08895C9.1688 5.91785 9.20877 5.94719 9.2188 5.99636L12.8543 16.0423C12.8844 16.1504 12.8543 16.1994 12.7545 16.1994H10.667C10.5971 16.2092 10.5272 16.1601 10.5072 16.0914L9.6883 13.764ZM13.983 16.062V10.2287C13.983 10.0521 13.983 9.84578 13.9729 9.62982C13.963 9.4039 13.963 9.19772 13.953 9.00132C13.943 8.80492 13.9331 8.6183 13.9231 8.50049C13.9131 8.47098 13.9131 8.43168 13.943 8.40233C13.9729 8.3826 14.003 8.37282 14.0429 8.37282H15.651C15.7109 8.37282 15.7608 8.3826 15.8108 8.40233C15.8507 8.4219 15.8807 8.46119 15.8907 8.51027C15.9106 8.56922 15.9406 8.64781 15.9606 8.72632C15.9902 8.83242 16.0102 8.94086 16.0205 9.0504C16.3318 8.78449 16.6909 8.57801 17.0793 8.44155C17.4688 8.31387 17.8782 8.24514 18.2878 8.24514C18.6074 8.24514 18.927 8.29431 19.2266 8.39247C19.9357 8.6183 20.495 9.15842 20.7448 9.84578C20.9046 10.2485 20.9644 10.7787 20.9644 11.4171V16.062C20.9644 16.1601 20.9244 16.1994 20.8346 16.1994L18.9569 16.2192C18.877 16.2289 18.8072 16.1799 18.7971 16.1013V11.6626C18.7871 11.368 18.7272 11.0734 18.6074 10.8081C18.5175 10.6117 18.3776 10.4351 18.1978 10.3172C17.9882 10.1895 17.7584 10.1306 17.5187 10.1404C17.2589 10.1404 16.9994 10.1797 16.7596 10.278C16.5398 10.3663 16.3401 10.4939 16.1604 10.651V16.0718C16.1604 16.17 16.1204 16.2092 16.0304 16.2092H14.1328C14.0628 16.2192 14.003 16.17 13.993 16.1013C13.9729 16.0816 13.9729 16.0718 13.983 16.062Z"
+          fill="#99f"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2039_257">
+          <path fill="#fff" d="M0 0H24V23H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Animate.displayName = "Animate";
+
+Animate.metadata = {
+  name: "Animate",
+  category: "icon/design",
+  tags: ["animate", "icon"],
+  description: "Animate icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Animate;

package/src/icon/design/Blender.tsx

@@ -0,0 +1,71 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Blender: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Blender(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <g clipPath="url(#undefined-clip0_2039_297)">
+        <path
+          d="M19.4781 16.53C18.9857 17.0183 18.3998 17.4043 17.7548 17.6652C17.1098 17.9261 16.4187 18.0567 15.7221 18.0494C14.2662 18.0494 12.9269 17.5013 11.966 16.5396C11.5001 16.0684 11.1507 15.5298 10.9372 14.9432C10.7302 14.3833 10.6482 13.7856 10.6968 13.1912C10.7454 12.5968 10.9235 12.02 11.2187 11.5004C11.5001 11.0003 11.8884 10.5387 12.3639 10.154C13.2957 9.40391 14.4798 9 15.7221 9C16.9644 9 18.1485 9.39429 19.0802 10.1444C19.5558 10.5291 19.944 10.9811 20.2158 11.4908C20.6651 12.296 20.8353 13.225 20.7003 14.1353C20.5653 15.0456 20.1326 15.8869 19.4684 16.53H19.4781Z"
+          fill="#fff"
+        />
+        <path
+          d="M12.6163 13.2315C12.6648 12.4526 13.053 11.7601 13.6354 11.2697C14.208 10.7888 14.9845 10.4907 15.8288 10.4907C16.6635 10.4907 17.44 10.7888 18.0126 11.2697C18.5949 11.7601 18.9832 12.4526 19.0317 13.2315C19.0705 14.0393 18.7502 14.7894 18.1776 15.3472C17.5856 15.905 16.7606 16.2608 15.8288 16.2608C14.8971 16.2608 14.0624 15.905 13.4704 15.3472C12.8978 14.7894 12.5775 14.0393 12.6163 13.2315Z"
+          fill="#005385"
+        />
+        <path
+          d="M7.52086 14.8182C7.52086 15.126 7.61792 15.7222 7.77321 16.1934C8.08379 17.1744 8.60789 18.088 9.34551 18.8958C10.1025 19.7132 11.0246 20.3768 12.1019 20.848C13.2414 21.3516 14.4754 21.611 15.7231 21.6093C16.9708 21.6077 18.2041 21.345 19.3423 20.8384C20.3866 20.3783 21.3222 19.7067 22.089 18.8669C23.1567 17.7006 23.8139 16.2226 23.9621 14.6547C24.0778 13.1683 23.7068 11.6844 22.9042 10.4233C22.4204 9.65473 21.8026 8.97743 21.0796 8.42304L13.6645 2.78758L13.6451 2.76834C13.1598 2.4029 12.3348 2.4029 11.801 2.76834C11.2672 3.1434 11.1993 3.76849 11.6846 4.16278L14.7709 6.65354L5.34681 6.66316H5.3371C4.55095 6.66316 3.80362 7.17285 3.65803 7.80756C3.50274 8.46151 4.03655 9.00005 4.84212 9.00967L9.61727 9.00005L1.09576 15.4818L1.06664 15.5106C0.261074 16.1165 -0.000976697 17.1359 0.503714 17.7706C1.01811 18.4245 2.11484 18.4245 2.93011 17.7802L7.57909 14.0008C7.57909 14.0008 7.51116 14.5105 7.51116 14.8182H7.52086ZM19.4782 16.53C18.9857 17.0184 18.3998 17.4043 17.7548 17.6652C17.1098 17.9262 16.4187 18.0568 15.7221 18.0495C14.2662 18.0495 12.9269 17.5013 11.966 16.5396C11.5002 16.0684 11.1508 15.5299 10.9372 14.9432C10.7303 14.3833 10.6482 13.7856 10.6968 13.1912C10.7454 12.5969 10.9235 12.02 11.2187 11.5004C11.5002 11.0003 11.8884 10.5387 12.364 10.1541C13.2957 9.40396 14.4798 9.00005 15.7221 9.00005C16.9644 9.00005 18.1485 9.39434 19.0802 10.1445C19.5558 10.5291 19.944 10.9811 20.2158 11.4908C20.6651 12.296 20.8353 13.2251 20.7003 14.1354C20.5653 15.0457 20.1326 15.887 19.4684 16.53H19.4782Z"
+          fill="#ff7021"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2039_297">
+          <path fill="#fff" transform="translate(0 2.4)" d="M0 0H24V19.2H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Blender.displayName = "Blender";
+
+Blender.metadata = {
+  name: "Blender",
+  category: "icon/design",
+  tags: ["blender", "icon"],
+  description: "Blender icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Blender;

package/src/icon/design/Canva.tsx

@@ -0,0 +1,139 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Canva: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Canva(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <g clipPath="url(#undefined-clip0_2039_289)">
+          <mask
+            id="undefined-mask0_2039_289"
+            maskUnits="userSpaceOnUse"
+            x="0"
+            y="0"
+            width={size}
+            height={size}
+          >
+            <path d="M24 0H0V24H24V0Z" fill="#fff" />
+          </mask>
+          <g mask="url(#undefined-mask0_2039_289)">
+            <path
+              d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+              fill="#7d2ae7"
+            />
+            <path
+              d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+              fill="url(#undefined-paint0_radial_2039_289)"
+            />
+            <path
+              d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+              fill="url(#undefined-paint1_radial_2039_289)"
+            />
+            <path
+              d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+              fill="url(#undefined-paint2_radial_2039_289)"
+            />
+            <path
+              d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+              fill="url(#undefined-paint3_radial_2039_289)"
+            />
+            <path
+              d="M17.1807 14.4616C17.0817 14.4616 16.9945 14.5452 16.9039 14.7279C15.8797 16.8046 14.1107 18.274 12.0637 18.274C9.69683 18.274 8.23109 16.1374 8.23109 13.1857C8.23109 8.18567 11.017 5.29475 13.4639 5.29475C14.6073 5.29475 15.3056 6.01331 15.3056 7.15679C15.3056 8.5139 14.5345 9.23246 14.5345 9.71108C14.5345 9.92594 14.6682 10.056 14.9332 10.056C15.9979 10.056 17.2475 8.83259 17.2475 7.10426C17.2475 5.42843 15.789 4.19666 13.3421 4.19666C9.29819 4.19666 5.70425 7.94576 5.70425 13.1331C5.70425 17.1484 7.99715 19.8018 11.535 19.8018C15.29 19.8018 17.4613 16.0658 17.4613 14.8532C17.4613 14.5846 17.324 14.4616 17.1807 14.4616Z"
+              fill="#fff"
+            />
+          </g>
+        </g>
+        <defs>
+          <radialGradient
+            id="undefined-paint0_radial_2039_289"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="rotate(-49.416 25.433 5.598)scale(18.562)"
+          >
+            <stop stopColor="#6420ff" />
+            <stop offset="1" stopColor="#6420ff" stopOpacity="0" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint1_radial_2039_289"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="rotate(54.703 .54 7.506)scale(20.9321)"
+          >
+            <stop stopColor="#00c4cc" />
+            <stop offset="1" stopColor="#00c4cc" stopOpacity="0" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint2_radial_2039_289"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="rotate(-45.195 27.872 5.067)scale(18.3373 8.43354)"
+          >
+            <stop stopColor="#6420ff" />
+            <stop offset="1" stopColor="#6420ff" stopOpacity="0" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint3_radial_2039_289"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="rotate(66.52 2.442 9.099)scale(18.8951 31.6536)"
+          >
+            <stop stopColor="#00c4cc" stopOpacity=".726" />
+            <stop offset="0" stopColor="#00c4cc" />
+            <stop offset="1" stopColor="#00c4cc" stopOpacity="0" />
+          </radialGradient>
+          <clipPath id="undefined-clip0_2039_289">
+            <path fill="#fff" d="M0 0H24V24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  },
+);
+
+Canva.displayName = "Canva";
+
+Canva.metadata = {
+  name: "Canva",
+  category: "icon/design",
+  tags: ["canva", "icon"],
+  description: "Canva icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Canva;

package/src/icon/design/Figma.tsx

@@ -0,0 +1,71 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Figma: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Figma(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M7.95061 24C10.1313 24 11.9012 22.208 11.9012 20V16H7.95061C5.76988 16 4 17.792 4 20C4 22.208 5.76988 24 7.95061 24Z"
+          fill="#0acf83"
+        />
+        <path
+          d="M4 12C4 9.79199 5.76988 8 7.95061 8H11.9012V16H7.95061C5.76988 16 4 14.208 4 12Z"
+          fill="#a259ff"
+        />
+        <path
+          d="M4 3.99999C4 1.792 5.76988 0 7.95061 0H11.9012V8.00001H7.95061C5.76988 8.00001 4 6.20799 4 3.99999Z"
+          fill="#f24e1e"
+        />
+        <path
+          d="M11.9012 0H15.8519C18.0326 0 19.8025 1.792 19.8025 3.99999C19.8025 6.20799 18.0326 8.00001 15.8519 8.00001H11.9012V0Z"
+          fill="#ff7262"
+        />
+        <path
+          d="M19.8025 12C19.8025 14.208 18.0326 16 15.8519 16C13.6711 16 11.9012 14.208 11.9012 12C11.9012 9.79199 13.6711 8 15.8519 8C18.0326 8 19.8025 9.79199 19.8025 12Z"
+          fill="#1abcfe"
+        />
+      </svg>
+    );
+  },
+);
+
+Figma.displayName = "Figma";
+
+Figma.metadata = {
+  name: "Figma",
+  category: "icon/design",
+  tags: ["figma", "icon"],
+  description: "Figma icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Figma;

package/src/icon/design/Illustrator.tsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Illustrator: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Illustrator(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <g clipPath="url(#undefined-clip0_2039_223)">
+        <path
+          d="M19.5243 0H4.20142C1.88104 0 0 1.87026 0 4.17735V18.8227C0 21.1297 1.88104 23 4.20142 23H19.5243C21.8446 23 23.7257 21.1297 23.7257 18.8227V4.17735C23.7257 1.87026 21.8446 0 19.5243 0Z"
+          fill="#300"
+        />
+        <path
+          d="M11.497 13.803H7.821L7.072 16.113C7.062 16.155 7.038 16.193 7.003 16.219 6.968 16.245 6.925 16.258 6.881 16.256H5.019C4.913 16.256 4.876 16.198 4.908 16.081L8.091 6.966C8.123 6.872 8.155 6.763 8.187 6.642 8.228 6.431 8.25 6.216 8.25 6.001 8.248 5.986 8.249 5.971 8.254 5.956 8.259 5.942 8.267 5.929 8.278 5.918 8.289 5.907 8.302 5.899 8.317 5.894 8.331 5.89 8.347 5.888 8.362 5.89H10.892C10.966 5.89 11.009 5.917 11.02 5.97L14.633 16.097C14.664 16.203 14.633 16.256 14.537 16.256H12.468C12.432 16.26 12.397 16.25 12.367 16.23 12.338 16.21 12.317 16.179 12.309 16.145L11.497 13.803ZM8.393 11.809H10.908C10.845 11.598 10.77 11.361 10.685 11.097 10.6 10.833 10.51 10.551 10.415 10.25 10.319 9.949 10.224 9.649 10.128 9.348 10.033 9.047 9.945 8.757 9.866 8.478 9.786 8.198 9.714 7.943 9.651 7.71H9.635C9.545 8.138 9.434 8.56 9.301 8.976 9.152 9.451 9.001 9.936 8.847 10.432 8.693 10.928 8.542 11.387 8.393 11.809ZM16.781 7.568C16.619 7.574 16.457 7.547 16.306 7.487 16.155 7.427 16.019 7.336 15.906 7.22 15.793 7.099 15.705 6.957 15.648 6.802 15.591 6.647 15.565 6.483 15.571 6.318 15.566 6.154 15.595 5.992 15.656 5.841 15.718 5.689 15.811 5.552 15.93 5.439 16.047 5.327 16.185 5.24 16.337 5.181 16.489 5.123 16.65 5.095 16.813 5.099 17.195 5.099 17.495 5.213 17.712 5.439 17.822 5.557 17.907 5.695 17.963 5.846 18.019 5.997 18.045 6.157 18.038 6.318 18.045 6.483 18.018 6.648 17.959 6.803 17.901 6.958 17.811 7.1 17.696 7.22 17.576 7.337 17.433 7.429 17.275 7.489 17.118 7.549 16.95 7.576 16.781 7.568ZM15.683 16.097V8.533C15.683 8.438 15.725 8.391 15.81 8.391H17.768C17.853 8.391 17.895 8.438 17.895 8.533V16.097C17.895 16.203 17.853 16.256 17.768 16.256H15.826C15.731 16.256 15.683 16.203 15.683 16.097Z"
+          fill="#ff9a00"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2039_223">
+          <path fill="#fff" d="M0 0H24V23H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Illustrator.displayName = "Illustrator";
+
+Illustrator.metadata = {
+  name: "Illustrator",
+  category: "icon/design",
+  tags: ["illustrator", "icon"],
+  description: "Illustrator icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Illustrator;

package/src/icon/design/InDesign.tsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const InDesign: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function InDesign(
+  {
+    color = "currentColor",
+    fill,
+    size = 24,
+    strokeWidth,
+    strokeLinecap,
+    strokeLinejoin,
+    strokeDasharray,
+    opacity,
+    className,
+    ...props
+  },
+  forwardedRef,
+) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      strokeWidth={strokeWidth}
+      strokeLinecap={strokeLinecap}
+      strokeLinejoin={strokeLinejoin}
+      strokeDasharray={strokeDasharray}
+      opacity={opacity}
+      {...props}
+      ref={forwardedRef}
+    >
+      <g clipPath="url(#undefined-clip0_2039_251)">
+        <path
+          d="M19.5243 0H4.20142C1.88104 0 0 1.87026 0 4.17735V18.8227C0 21.1297 1.88104 23 4.20142 23H19.5243C21.8446 23 23.7257 21.1297 23.7257 18.8227V4.17735C23.7257 1.87026 21.8446 0 19.5243 0Z"
+          fill="#49021f"
+        />
+        <path
+          d="M8.616 6.017V16.097C8.616 16.203 8.568 16.256 8.473 16.256H6.547C6.462 16.256 6.42 16.203 6.42 16.097V6.017C6.42 5.933 6.468 5.89 6.563 5.89H8.489C8.506 5.888 8.524 5.89 8.54 5.895 8.557 5.901 8.572 5.91 8.584 5.922 8.597 5.934 8.606 5.949 8.612 5.966 8.617 5.982 8.619 6 8.616 6.017ZM14.314 16.414C13.582 16.425 12.856 16.274 12.189 15.971 11.569 15.685 11.05 15.219 10.701 14.634 10.34 14.038 10.16 13.291 10.16 12.394 10.154 11.668 10.341 10.953 10.701 10.321 11.073 9.678 11.619 9.151 12.277 8.802 12.967 8.422 13.799 8.232 14.776 8.232 14.829 8.232 14.898 8.235 14.983 8.24 15.067 8.246 15.168 8.254 15.285 8.264V5.147C15.285 5.073 15.317 5.036 15.381 5.036H17.386C17.399 5.034 17.412 5.035 17.425 5.039 17.437 5.043 17.448 5.05 17.458 5.06 17.467 5.069 17.474 5.08 17.478 5.092 17.482 5.105 17.483 5.118 17.481 5.131V14.483C17.481 14.663 17.489 14.858 17.505 15.069 17.521 15.28 17.535 15.47 17.545 15.639 17.547 15.671 17.539 15.704 17.522 15.732 17.505 15.761 17.48 15.783 17.45 15.797 16.932 16.011 16.393 16.17 15.842 16.272 15.338 16.364 14.827 16.412 14.314 16.414ZM15.285 14.452V10.132C15.199 10.108 15.111 10.092 15.022 10.084 14.914 10.073 14.805 10.068 14.696 10.068 14.31 10.064 13.928 10.151 13.582 10.321 13.245 10.488 12.957 10.739 12.746 11.049 12.529 11.366 12.42 11.783 12.42 12.299 12.412 12.644 12.469 12.988 12.587 13.312 12.683 13.574 12.836 13.811 13.033 14.009 13.222 14.19 13.451 14.326 13.701 14.404 13.966 14.489 14.243 14.532 14.521 14.531 14.67 14.531 14.807 14.526 14.935 14.515 15.054 14.506 15.171 14.485 15.285 14.452Z"
+          fill="#f36"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2039_251">
+          <path fill="#fff" d="M0 0H24V23H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+InDesign.displayName = "InDesign";
+
+InDesign.metadata = {
+  name: "InDesign",
+  category: "icon/design",
+  tags: ["in", "design", "icon"],
+  description: "InDesign icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default InDesign;

package/src/icon/design/Layers.tsx

@@ -0,0 +1,70 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Layers: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Layers(
+    {
+      color = "currentColor",
+      fill,
+      size = 24,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeDasharray,
+      opacity,
+      className,
+      ...props
+    },
+    forwardedRef,
+  ) {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 23 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        className={className}
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+        strokeDasharray={strokeDasharray}
+        opacity={opacity}
+        {...props}
+        ref={forwardedRef}
+      >
+        <g fill="currentColor" clipPath="url(#undefined-clip0_2039_308)">
+          <path
+            d="M7.48447e-05 13.6945L0.0575748 4.96865C0.0676373 3.38902 1.15942 2.03484 2.66664 1.73302L10.9948 0.0624719C12.9958 -0.338983 14.853 1.24574 14.8401 3.34247L14.7826 12.0697C14.7718 13.6487 13.68 15.0021 12.1728 15.3047L3.84467 16.9752C1.84367 17.3767 -0.0135814 15.7919 7.48447e-05 13.6945Z"
+            fillOpacity=".2"
+          />
+          <path
+            d="M4.08034 17.1759L4.13784 8.44867C4.14718 6.87049 5.23968 5.51703 6.7469 5.21449L15.0751 3.54467C17.0761 3.14322 18.9333 4.72722 18.9196 6.82467L18.8621 15.5519C18.8521 17.1309 17.7603 18.4843 16.2531 18.7869L7.92493 20.4574C5.92393 20.8581 4.06668 19.2741 4.08034 17.1774V17.1759Z"
+            fillOpacity=".5"
+          />
+          <path
+            d="M8.1607 20.6575L8.2182 11.9302C8.22826 10.3506 9.32004 8.99784 10.8273 8.6953L19.1554 7.02475C21.1564 6.6233 23.0137 8.20802 23 10.3048L22.9425 19.032C22.9324 20.6117 21.8407 21.9651 20.3334 22.2669L12.0053 23.9375C10.0043 24.3389 8.14704 22.7542 8.15998 20.6575H8.1607Z"
+            fillOpacity=".8"
+          />
+        </g>
+        <defs>
+          <clipPath id="undefined-clip0_2039_308">
+            <path fill="#fff" d="M0 0H23V24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  },
+);
+
+Layers.displayName = "Layers";
+
+Layers.metadata = {
+  name: "Layers",
+  category: "icon/design",
+  tags: ["layers", "icon"],
+  description: "Layers icon from icon/design category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Layers;