@aliimam/logos 0.1.2 → 0.1.3

package/src/icon/social/Pinterest.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Pinterest: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Pinterest(
+  {
+    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_2041_175)">
+        <path
+          d="M0 12.0002C0 16.914 2.95481 21.1354 7.18303 22.9913C7.14928 22.1534 7.17703 21.1475 7.39191 20.2358C7.62262 19.2616 8.93597 13.6969 8.93597 13.6969C8.93597 13.6969 8.55262 12.9307 8.55262 11.7983C8.55262 10.0199 9.58331 8.69175 10.8669 8.69175C11.9585 8.69175 12.4858 9.51159 12.4858 10.4933C12.4858 11.5906 11.786 13.2319 11.4261 14.752C11.1254 16.025 12.0643 17.0632 13.3201 17.0632C15.5937 17.0632 17.125 14.143 17.125 10.6831C17.125 8.05303 15.3536 6.08447 12.1317 6.08447C8.49159 6.08447 6.22388 8.79909 6.22388 11.8313C6.22388 12.8768 6.53212 13.6141 7.01494 14.185C7.23694 14.4473 7.26778 14.5527 7.18744 14.8538C7.12988 15.0746 6.99769 15.6062 6.94294 15.8168C6.86306 16.1208 6.61678 16.2294 6.34209 16.1172C4.66547 15.4328 3.88462 13.5967 3.88462 11.5327C3.88462 8.12381 6.75956 4.03631 12.4611 4.03631C17.0426 4.03631 20.0581 7.35169 20.0581 10.9105C20.0581 15.618 17.441 19.1348 13.5832 19.1348C12.2876 19.1348 11.069 18.4345 10.6515 17.6391C10.6515 17.6391 9.95484 20.4039 9.80728 20.9378C9.55284 21.8631 9.05484 22.7878 8.5995 23.5086C9.70365 23.835 10.8491 24.0008 12.0005 24.0007C18.6271 24.0007 24.0001 18.6279 24.0001 12.0002C24.0001 5.37272 18.6271 0 12.0005 0C5.37319 0 0 5.37272 0 12.0002Z"
+          fill="#cb1f27"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2041_175">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Pinterest.displayName = "Pinterest";
+
+Pinterest.metadata = {
+  name: "Pinterest",
+  category: "icon/social",
+  tags: ["pinterest", "icon"],
+  description: "Pinterest icon from icon/social category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Pinterest;

package/src/icon/social/Reddit.tsx

@@ -0,0 +1,242 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Reddit: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function Reddit(
+    {
+      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_2041_171)">
+          <path
+            d="M12 0C5.37222 0 0 5.37222 0 12C0 15.3133 1.34333 18.3133 3.51444 20.4856L1.22889 22.7711C0.775556 23.2244 1.09667 24 1.73778 24H12C18.6278 24 24 18.6278 24 12C24 5.37222 18.6278 0 12 0Z"
+            fill="#ff4500"
+          />
+          <path
+            d="M18.8022 14.6889C20.3498 14.6889 21.6044 13.4343 21.6044 11.8867C21.6044 10.3391 20.3498 9.08447 18.8022 9.08447C17.2546 9.08447 16 10.3391 16 11.8867C16 13.4343 17.2546 14.6889 18.8022 14.6889Z"
+            fill="url(#undefined-paint0_radial_2041_171)"
+          />
+          <path
+            d="M5.19773 14.6889C6.74535 14.6889 7.99995 13.4343 7.99995 11.8867C7.99995 10.3391 6.74535 9.08447 5.19773 9.08447C3.65011 9.08447 2.39551 10.3391 2.39551 11.8867C2.39551 13.4343 3.65011 14.6889 5.19773 14.6889Z"
+            fill="url(#undefined-paint1_radial_2041_171)"
+          />
+          <path
+            d="M12.0067 20.2933C16.425 20.2933 20.0067 17.607 20.0067 14.2933C20.0067 10.9796 16.425 8.29333 12.0067 8.29333C7.58844 8.29333 4.00671 10.9796 4.00671 14.2933C4.00671 17.607 7.58844 20.2933 12.0067 20.2933Z"
+            fill="url(#undefined-paint2_radial_2041_171)"
+          />
+          <path
+            d="M9.64216 13.72C9.5955 14.7289 8.92105 15.0956 8.1355 15.0956C7.34994 15.0956 6.75105 14.5478 6.79772 13.5389C6.84438 12.53 7.51883 11.87 8.30438 11.87C9.08994 11.87 9.68883 12.7122 9.64216 13.7211V13.72Z"
+            fill="url(#undefined-paint3_radial_2041_171)"
+          />
+          <path
+            d="M14.3722 13.72C14.4188 14.7289 15.0933 15.0956 15.8788 15.0956C16.6644 15.0956 17.2633 14.5478 17.2166 13.5389C17.17 12.53 16.4955 11.87 15.71 11.87C14.9244 11.87 14.3255 12.7122 14.3722 13.7211V13.72Z"
+            fill="url(#undefined-paint4_radial_2041_171)"
+          />
+          <path
+            d="M8.848 13.269C9.02 13.269 9.159 13.117 9.159 12.93 9.159 12.743 9.02 12.591 8.848 12.591 8.676 12.591 8.537 12.743 8.537 12.93 8.537 13.117 8.676 13.269 8.848 13.269ZM16.246 13.269C16.417 13.269 16.557 13.117 16.557 12.93 16.557 12.743 16.417 12.591 16.246 12.591 16.074 12.591 15.934 12.743 15.934 12.93 15.934 13.117 16.074 13.269 16.246 13.269Z"
+            fill="#ffc49c"
+          />
+          <path
+            d="M12.0066 15.88C11.0333 15.88 10.1 15.9278 9.23776 16.0156C9.08998 16.03 8.99665 16.1833 9.05442 16.32C9.53776 17.4744 10.6778 18.2856 12.0066 18.2856C13.3355 18.2856 14.4766 17.4744 14.9589 16.32C15.0166 16.1833 14.9222 16.03 14.7755 16.0156C13.9122 15.9278 12.98 15.88 12.0066 15.88Z"
+            fill="url(#undefined-paint5_radial_2041_171)"
+          />
+          <path
+            d="M16.3878 7.47783C17.4844 7.47783 18.3733 6.58886 18.3733 5.49227C18.3733 4.39568 17.4844 3.50671 16.3878 3.50671C15.2912 3.50671 14.4022 4.39568 14.4022 5.49227C14.4022 6.58886 15.2912 7.47783 16.3878 7.47783Z"
+            fill="url(#undefined-paint6_radial_2041_171)"
+          />
+          <path
+            d="M11.9777 8.54664C11.74 8.54664 11.5477 8.44775 11.5477 8.29442C11.5477 6.51553 12.9955 5.06775 14.7744 5.06775C15.0122 5.06775 15.2044 5.25997 15.2044 5.49775C15.2044 5.73553 15.0122 5.92775 14.7744 5.92775C13.47 5.92775 12.4088 6.98886 12.4088 8.2933C12.4088 8.44664 12.2166 8.54553 11.9788 8.54553L11.9777 8.54664Z"
+            fill="url(#undefined-paint7_radial_2041_171)"
+          />
+          <path
+            d="M6.97994 13.6278C7.02327 12.6767 7.6555 12.0544 8.38994 12.0544C9.0855 12.0544 9.62327 12.7644 9.64327 13.6467C9.66216 12.66 9.07327 11.87 8.30438 11.87C7.5355 11.87 6.84438 12.5422 6.79772 13.5589C6.75105 14.5756 7.34994 15.0956 8.1355 15.0956H8.19327C7.47772 15.0778 6.93772 14.5633 6.98105 13.6289L6.97994 13.6278ZM17.0333 13.6278C16.9899 12.6767 16.3577 12.0544 15.6233 12.0544C14.9277 12.0544 14.3899 12.7644 14.3699 13.6467C14.3511 12.66 14.9399 11.87 15.7088 11.87C16.4944 11.87 17.1688 12.5422 17.2155 13.5589C17.2622 14.5756 16.6633 15.0956 15.8777 15.0956H15.8199C16.5355 15.0778 17.0755 14.5633 17.0322 13.6289L17.0333 13.6278Z"
+            fill="#842123"
+          />
+        </g>
+        <defs>
+          <radialGradient
+            id="undefined-paint0_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(5.66444 0 0 4.92807 18.861 10.205)"
+          >
+            <stop stopColor="#feffff" />
+            <stop offset=".4" stopColor="#feffff" />
+            <stop offset=".51" stopColor="#f9fcfc" />
+            <stop offset=".62" stopColor="#edf3f5" />
+            <stop offset=".7" stopColor="#dee9ec" />
+            <stop offset=".72" stopColor="#d8e4e8" />
+            <stop offset=".76" stopColor="#ccd8df" />
+            <stop offset=".8" stopColor="#c8d5dd" />
+            <stop offset=".83" stopColor="#ccd6de" />
+            <stop offset=".85" stopColor="#d8dbe2" />
+            <stop offset=".88" stopColor="#ede3e9" />
+            <stop offset=".9" stopColor="#ffebef" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint1_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(5.66444 0 0 4.92807 5.257 1.342)"
+          >
+            <stop stopColor="#feffff" />
+            <stop offset=".4" stopColor="#feffff" />
+            <stop offset=".51" stopColor="#f9fcfc" />
+            <stop offset=".62" stopColor="#edf3f5" />
+            <stop offset=".7" stopColor="#dee9ec" />
+            <stop offset=".72" stopColor="#d8e4e8" />
+            <stop offset=".76" stopColor="#ccd8df" />
+            <stop offset=".8" stopColor="#c8d5dd" />
+            <stop offset=".83" stopColor="#ccd6de" />
+            <stop offset=".85" stopColor="#d8dbe2" />
+            <stop offset=".88" stopColor="#ede3e9" />
+            <stop offset=".9" stopColor="#ffebef" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint2_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(17.0867 0 0 11.9607 12.179 9.497)"
+          >
+            <stop stopColor="#feffff" />
+            <stop offset=".4" stopColor="#feffff" />
+            <stop offset=".51" stopColor="#f9fcfc" />
+            <stop offset=".62" stopColor="#edf3f5" />
+            <stop offset=".7" stopColor="#dee9ec" />
+            <stop offset=".72" stopColor="#d8e4e8" />
+            <stop offset=".76" stopColor="#ccd8df" />
+            <stop offset=".8" stopColor="#c8d5dd" />
+            <stop offset=".83" stopColor="#ccd6de" />
+            <stop offset=".85" stopColor="#d8dbe2" />
+            <stop offset=".88" stopColor="#ede3e9" />
+            <stop offset=".9" stopColor="#ffebef" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint3_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(1.52772 0 0 2.21306 8.294 14.168)"
+          >
+            <stop stopColor="#f60" />
+            <stop offset=".5" stopColor="#ff4500" />
+            <stop offset=".7" stopColor="#fc4301" />
+            <stop offset=".82" stopColor="#f43f07" />
+            <stop offset=".92" stopColor="#e53812" />
+            <stop offset="1" stopColor="#d4301f" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint4_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(-1.52772 0 0 -2.21306 15.73 14.168)"
+          >
+            <stop stopColor="#f60" />
+            <stop offset=".5" stopColor="#ff4500" />
+            <stop offset=".7" stopColor="#fc4301" />
+            <stop offset=".82" stopColor="#f43f07" />
+            <stop offset=".92" stopColor="#e53812" />
+            <stop offset="1" stopColor="#d4301f" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint5_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(5.03333 0 0 3.322 11.992 18.622)"
+          >
+            <stop stopColor="#172e35" />
+            <stop offset=".29" stopColor="#0e1c21" />
+            <stop offset=".73" stopColor="#030708" />
+            <stop offset="1" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint6_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="matrix(4.41889 0 0 4.33051 16.431 3.647)"
+          >
+            <stop stopColor="#feffff" />
+            <stop offset=".4" stopColor="#feffff" />
+            <stop offset=".51" stopColor="#f9fcfc" />
+            <stop offset=".62" stopColor="#edf3f5" />
+            <stop offset=".7" stopColor="#dee9ec" />
+            <stop offset=".72" stopColor="#d8e4e8" />
+            <stop offset=".76" stopColor="#ccd8df" />
+            <stop offset=".8" stopColor="#c8d5dd" />
+            <stop offset=".83" stopColor="#ccd6de" />
+            <stop offset=".85" stopColor="#d8dbe2" />
+            <stop offset=".88" stopColor="#ede3e9" />
+            <stop offset=".9" stopColor="#ffebef" />
+          </radialGradient>
+          <radialGradient
+            id="undefined-paint7_radial_2041_171"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(14.59 8.12)scale(3.62222)"
+          >
+            <stop offset=".48" stopColor="#7a9299" />
+            <stop offset=".67" stopColor="#172e35" />
+            <stop offset=".75" />
+            <stop offset=".82" stopColor="#172e35" />
+          </radialGradient>
+          <clipPath id="undefined-clip0_2041_171">
+            <path fill="#fff" d="M0 0H24V24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  },
+);
+
+Reddit.displayName = "Reddit";
+
+Reddit.metadata = {
+  name: "Reddit",
+  category: "icon/social",
+  tags: ["reddit", "icon"],
+  description: "Reddit icon from icon/social category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Reddit;

package/src/icon/social/Telegram.tsx

@@ -0,0 +1,78 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Telegram: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Telegram(
+  {
+    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_2041_203)">
+        <path
+          d="M12 0C8.81812 0 5.76375 1.26506 3.51562 3.51469C1.26518 5.76521 0.000623381 8.81734 0 12C0 15.1813 1.26562 18.2357 3.51562 20.4853C5.76375 22.7349 8.81812 24 12 24C15.1819 24 18.2362 22.7349 20.4844 20.4853C22.7344 18.2357 24 15.1813 24 12C24 8.81869 22.7344 5.76431 20.4844 3.51469C18.2362 1.26506 15.1819 0 12 0Z"
+          fill="url(#undefined-paint0_linear_2041_203)"
+        />
+        <path
+          d="M5.43184 11.8733C8.93059 10.3493 11.2631 9.34448 12.4293 8.85904C15.7631 7.47285 16.455 7.2321 16.9068 7.22395C17.0062 7.22235 17.2275 7.24692 17.3718 7.36364C17.4918 7.46207 17.5256 7.5952 17.5425 7.68867C17.5575 7.78204 17.5781 7.99485 17.5612 8.16098C17.3812 10.0585 16.5993 14.6631 16.2018 16.7884C16.035 17.6877 15.7031 17.9892 15.3825 18.0186C14.685 18.0827 14.1562 17.5581 13.4812 17.1158C12.4256 16.4234 11.8293 15.9925 10.8037 15.3169C9.61872 14.5362 10.3875 14.107 11.0625 13.4057C11.2387 13.2222 14.31 10.4294 14.3681 10.176C14.3756 10.1444 14.3831 10.0262 14.3118 9.96398C14.2425 9.90154 14.1393 9.92292 14.0643 9.93979C13.9575 9.96379 12.2718 11.079 9.00184 13.2854C8.52372 13.6142 8.09059 13.7745 7.70059 13.7661C7.27309 13.7569 6.44809 13.5239 5.83497 13.3247C5.08497 13.0804 4.48684 12.9512 4.53934 12.5363C4.56559 12.3203 4.86372 12.0992 5.43184 11.8733Z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="undefined-paint0_linear_2041_203"
+          x1="1200"
+          y1="0"
+          x2="1200"
+          y2="2400"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#2aabee" />
+          <stop offset="1" stopColor="#229ed9" />
+        </linearGradient>
+        <clipPath id="undefined-clip0_2041_203">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Telegram.displayName = "Telegram";
+
+Telegram.metadata = {
+  name: "Telegram",
+  category: "icon/social",
+  tags: ["telegram", "icon"],
+  description: "Telegram icon from icon/social category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Telegram;

package/src/icon/social/Threads.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const Threads: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function Threads(
+  {
+    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="M17.6921 11.1235C17.5882 11.0737 17.4833 11.0261 17.3774 10.9806C17.1921 7.56725 15.327 5.61312 12.1952 5.59312H12.1528C10.2795 5.59312 8.72163 6.39262 7.76275 7.84762L9.48512 9.02913C10.2014 7.94225 11.3256 7.71063 12.1536 7.71063H12.1823C13.2134 7.71725 13.9915 8.01713 14.4951 8.60175C14.8616 9.02738 15.1067 9.61562 15.2281 10.358C14.3139 10.2026 13.3251 10.1547 12.2681 10.2155C9.29062 10.3869 7.37638 12.1235 7.505 14.5365C7.57025 15.7605 8.18 16.8135 9.22188 17.5014C10.1027 18.0829 11.2374 18.3673 12.4165 18.3029C13.9738 18.2175 15.1954 17.6234 16.0476 16.537C16.6949 15.712 17.1042 14.6429 17.285 13.2957C18.0271 13.7436 18.5771 14.333 18.8809 15.0415C19.3974 16.2459 19.4275 18.225 17.8126 19.8385C16.3978 21.252 14.697 21.8635 12.1266 21.8824C9.2755 21.8612 7.11912 20.9469 5.71725 19.1646C4.4045 17.4958 3.726 15.0852 3.70062 12C3.726 8.91475 4.40437 6.50425 5.71725 4.83537C7.11925 3.05312 9.2755 2.13875 12.1266 2.1175C14.9985 2.13875 17.1924 3.0575 18.648 4.84837C19.3618 5.72662 19.8999 6.83087 20.2546 8.11862L22.273 7.58012C21.843 5.99512 21.1664 4.62937 20.2456 3.49662C18.3795 1.20088 15.6502 0.024375 12.1337 0H12.1196C8.61025 0.02425 5.9115 1.20525 4.0985 3.51C2.48525 5.56063 1.653 8.41438 1.62513 11.9915L1.625 12V12.0084C1.653 15.5855 2.48525 18.4393 4.0985 20.4901C5.9115 22.7948 8.61025 23.9757 12.1196 24H12.1337C15.2537 23.9784 17.453 23.1615 19.2647 21.3514C21.6351 18.9832 21.5637 16.0149 20.7825 14.1926C20.222 12.8859 19.1534 11.8245 17.6921 11.1235ZM12.305 16.1884C11 16.2619 9.64425 15.6761 9.5775 14.4215C9.52788 13.4913 10.2395 12.4532 12.3851 12.3296C12.6309 12.3154 12.872 12.3085 13.1089 12.3085C13.8883 12.3085 14.6174 12.3843 15.2802 12.5291C15.033 15.6169 13.5828 16.1182 12.305 16.1884Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+});
+
+Threads.displayName = "Threads";
+
+Threads.metadata = {
+  name: "Threads",
+  category: "icon/social",
+  tags: ["threads", "icon"],
+  description: "Threads icon from icon/social category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default Threads;

package/src/icon/social/TikTok.tsx

@@ -0,0 +1,63 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const TikTok: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function TikTok(
+    {
+      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="M16.563 8.64172C18.0951 9.74612 19.9721 10.3959 21.9994 10.3959V6.46234C21.6157 6.46242 21.233 6.42208 20.8577 6.34189V9.43818C18.8306 9.43818 16.9539 8.78838 15.4213 7.68406V15.7114C15.4213 19.727 12.1929 22.9821 8.21074 22.9821C6.7249 22.9821 5.34387 22.5292 4.19666 21.7524C5.50602 23.1023 7.33202 23.9398 9.35218 23.9398C13.3346 23.9398 16.5631 20.6847 16.5631 16.6689V8.64172H16.563ZM17.9713 4.67322C17.1883 3.81061 16.6742 2.69587 16.563 1.46346V0.95752H15.481C15.7534 2.5239 16.6823 3.86213 17.9713 4.67322ZM6.71537 18.6709C6.27789 18.0924 6.04147 17.3849 6.04253 16.6574C6.04253 14.8207 7.51917 13.3316 9.34094 13.3316C9.68045 13.3315 10.0179 13.3839 10.3415 13.4874V9.46595C9.96337 9.4137 9.58175 9.39151 9.20029 9.39965V12.5298C8.8765 12.4263 8.53885 12.3737 8.19926 12.374C6.37749 12.374 4.90093 13.863 4.90093 15.6999C4.90093 16.9986 5.63901 18.1231 6.71537 18.6709Z"
+          fill="#ff004f"
+        />
+        <path
+          d="M15.4213 7.68398C16.9539 8.78829 18.8306 9.4381 20.8577 9.4381V6.34181C19.7262 6.09878 18.7245 5.50254 17.9714 4.67322C16.6822 3.86205 15.7534 2.52382 15.4811 0.95752H12.6392V16.6687C12.6328 18.5003 11.1587 19.9834 9.34081 19.9834C8.26958 19.9834 7.31789 19.4685 6.71517 18.6709C5.63888 18.1231 4.90081 16.9986 4.90081 15.6999C4.90081 13.8632 6.37736 12.3741 8.19913 12.3741C8.54817 12.3741 8.8846 12.4289 9.20017 12.5299V9.39973C5.28796 9.48123 2.1416 12.7045 2.1416 16.6688C2.1416 18.6477 2.92512 20.4417 4.19677 21.7524C5.34399 22.5292 6.72502 22.9822 8.21086 22.9822C12.1931 22.9822 15.4214 19.7269 15.4214 15.7114L15.4213 7.68398Z"
+          fill="currentColor"
+        />
+        <path
+          d="M20.8577 6.34187V5.50465C19.8374 5.50621 18.8371 5.21808 17.9714 4.67319C18.7377 5.5192 19.7468 6.10253 20.8577 6.34187ZM15.4811 0.957578C15.4551 0.807911 15.4352 0.657242 15.4213 0.505942V0H11.4975V15.7113C11.4912 17.5427 10.0172 19.0258 8.19913 19.0258C7.66538 19.0258 7.16145 18.898 6.71516 18.671C7.31789 19.4685 8.26957 19.9833 9.34081 19.9833C11.1585 19.9833 12.6329 18.5004 12.6392 16.6688V0.957578H15.4811ZM9.20033 9.39979V8.50851C8.87246 8.46333 8.5419 8.44065 8.21094 8.44081C4.22837 8.44081 1 11.696 1 15.7113C1 18.2287 2.26881 20.4473 4.19685 21.7523C2.9252 20.4416 2.14168 18.6476 2.14168 16.6688C2.14168 12.7046 5.28796 9.48129 9.20033 9.39979Z"
+          fill="#00f2ea"
+        />
+      </svg>
+    );
+  },
+);
+
+TikTok.displayName = "TikTok";
+
+TikTok.metadata = {
+  name: "TikTok",
+  category: "icon/social",
+  tags: ["tik", "tok", "icon"],
+  description: "TikTok icon from icon/social category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default TikTok;

package/src/icon/social/WhatsApp.tsx

@@ -0,0 +1,67 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const WhatsApp: IconComponent = React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(function WhatsApp(
+  {
+    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_2041_25)">
+        <path
+          d="M6.34345 20.555L6.7358 20.749C8.37079 21.7185 10.2018 22.171 12.033 22.171C17.7878 22.171 22.4963 17.517 22.4963 11.8288C22.4963 9.11406 21.3845 6.46387 19.4227 4.52469C17.4608 2.5855 14.8449 1.48669 12.033 1.48669C6.27811 1.48669 1.56951 6.14066 1.63495 11.8935C1.63495 13.8326 2.22351 15.7072 3.20442 17.3231L3.46598 17.711L2.41973 21.5247L6.34345 20.555Z"
+          fill="#00e676"
+        />
+        <path
+          d="M20.5343 3.49047C18.3109 1.22817 15.2373 0 12.0983 0C5.42794 0 0.0654375 5.36497 0.130781 11.8934C0.130781 13.9619 0.719344 15.9657 1.70034 17.7756L0 23.9162L6.34341 22.3003C8.10909 23.2699 10.0709 23.7224 12.0329 23.7224C18.6379 23.7224 24.0004 18.3573 24.0004 11.8289C24.0004 8.66159 22.7577 5.68819 20.5343 3.49047ZM12.0983 21.7186C10.3326 21.7186 8.56687 21.2662 7.06275 20.3613L6.67041 20.1673L2.87747 21.1369L3.85837 17.4525L3.59681 17.0646C0.719344 12.4754 2.09269 6.3992 6.80119 3.55506C11.5097 0.711012 17.5915 2.06845 20.469 6.72241C23.3464 11.3764 21.973 17.3878 17.2646 20.2319C15.7604 21.2015 13.9294 21.7185 12.0983 21.7185V21.7186ZM17.8531 14.5438L17.1337 14.2206C17.1337 14.2206 16.0875 13.7681 15.4335 13.4449C15.3681 13.4449 15.3027 13.3802 15.2373 13.3802C15.0411 13.3802 14.9103 13.4449 14.7795 13.5096C14.7795 13.5096 14.7142 13.5742 13.7986 14.6084C13.7332 14.7377 13.6024 14.8023 13.4716 14.8023H13.4062C13.3408 14.8023 13.21 14.7377 13.1446 14.6731L12.8176 14.5438C12.0982 14.2206 11.4443 13.8327 10.9211 13.3156C10.7903 13.1864 10.5941 13.0571 10.4633 12.9278C10.0056 12.4754 9.54778 11.9582 9.22087 11.3765L9.15544 11.2472C9.09009 11.1825 9.09009 11.1179 9.02466 10.9887C9.02466 10.8594 9.02466 10.7301 9.09009 10.6655C9.09009 10.6655 9.35166 10.3422 9.54778 10.1484C9.67866 10.019 9.744 9.82517 9.87478 9.69591C10.0056 9.50196 10.071 9.24343 10.0056 9.04948C9.94022 8.72627 9.15544 6.98103 8.95931 6.59324C8.82844 6.39929 8.69775 6.3347 8.50153 6.27002H7.78219C7.65131 6.27002 7.52062 6.3347 7.38975 6.3347L7.32431 6.39929C7.19353 6.46397 7.06275 6.59324 6.93197 6.65782C6.80119 6.78718 6.73575 6.91636 6.60497 7.04571C6.14719 7.62746 5.88562 8.33847 5.88562 9.04948C5.88562 9.56655 6.01641 10.0837 6.21262 10.5362L6.27806 10.7301C6.86663 11.9582 7.65131 13.0571 8.69775 14.0267L8.95931 14.2852C9.15544 14.4791 9.35166 14.6084 9.48244 14.8023C10.8558 15.9658 12.4252 16.8061 14.1909 17.2586C14.3872 17.3232 14.6487 17.3232 14.8449 17.3879H15.4988C15.8258 17.3879 16.2182 17.2586 16.4798 17.1293C16.676 17.0001 16.8068 17.0001 16.9375 16.8708L17.0684 16.7414C17.1992 16.6122 17.33 16.5476 17.4608 16.4183C17.5915 16.2891 17.7223 16.1598 17.7878 16.0304C17.9185 15.7719 17.9839 15.4487 18.0493 15.1256V14.6731C18.0493 14.6731 17.9839 14.6084 17.8531 14.5438Z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <clipPath id="undefined-clip0_2041_25">
+          <path fill="#fff" d="M0 0H24V24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+WhatsApp.displayName = "WhatsApp";
+
+WhatsApp.metadata = {
+  name: "WhatsApp",
+  category: "icon/social",
+  tags: ["whats", "app", "icon"],
+  description: "WhatsApp icon from icon/social category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default WhatsApp;

package/src/icon/social/X.tsx

@@ -0,0 +1,55 @@
+import * as React from "react";
+import type { IconProps, IconMetadata, IconComponent } from "../../types";
+
+export const X: IconComponent = React.forwardRef<SVGSVGElement, IconProps>(
+  function X(
+    {
+      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="M13.6881 10.1571L22.2504 0H20.2214L12.7868 8.81931L6.84879 0H0L8.97943 13.3364L0 23.9877H2.0291L9.88025 14.6742L16.1512 23.9877H23L13.6876 10.1571H13.6881ZM10.909 13.4538L9.99919 12.1258L2.76021 1.55881H5.87679L11.7187 10.0867L12.6285 11.4147L20.2224 22.4998H17.1058L10.909 13.4544V13.4538Z"
+          fill="currentColor"
+        />
+      </svg>
+    );
+  },
+);
+
+X.displayName = "X";
+
+X.metadata = {
+  name: "X",
+  category: "icon/social",
+  tags: ["icon"],
+  description: "X icon from icon/social category",
+  type: ["stroke", "icon"],
+} as IconMetadata;
+
+export default X;

package/src/icon/social/index.ts

@@ -0,0 +1,12 @@
+export { default as Instagram } from "./Instagram";
+export { default as LinkedIn } from "./LinkedIn";
+export { default as X } from "./X";
+export { default as WhatsApp } from "./WhatsApp";
+export { default as Facebook } from "./Facebook";
+export { default as Threads } from "./Threads";
+export { default as Bluesky } from "./Bluesky";
+export { default as TikTok } from "./TikTok";
+export { default as Meta } from "./Meta";
+export { default as Reddit } from "./Reddit";
+export { default as Pinterest } from "./Pinterest";
+export { default as Telegram } from "./Telegram";