@brightlocal/icons 0.1.2 → 0.2.0

package/src/social-media/github-original.tsx

@@ -1,33 +1,36 @@
 import type { SVGProps } from "react";
 
+export interface GithubOriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GithubOriginal icon from social-media category
  *
  * @example
- * <GithubOriginal className="w-6 h-6" />
- * <GithubOriginal width={24} height={24} />
+ * <GithubOriginal size={16} />
+ * <GithubOriginal size={32} className="text-primary" />
  */
-export const GithubOriginal = (props: SVGProps<SVGSVGElement>) => (
+export const GithubOriginal = ({ size = 16, ...props }: GithubOriginalProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_449)">
-      <path
-        clipRule="evenodd"
-        d="M12.0099 0C5.36875 0 0 5.40833 0 12.0992C0 17.4475 3.43994 21.9748 8.21205 23.5771C8.80869 23.6976 9.02724 23.3168 9.02724 22.9965C9.02724 22.716 9.00757 21.7545 9.00757 20.7527C5.6667 21.474 4.97099 19.3104 4.97099 19.3104C4.43409 17.9082 3.63858 17.5478 3.63858 17.5478C2.54511 16.8066 3.71823 16.8066 3.71823 16.8066C4.93117 16.8868 5.56763 18.0486 5.56763 18.0486C6.64118 19.8913 8.37111 19.3707 9.06706 19.0501C9.16638 18.2688 9.48473 17.728 9.82275 17.4276C7.15817 17.1471 4.35469 16.1055 4.35469 11.458C4.35469 10.1359 4.8316 9.05428 5.58729 8.21304C5.46807 7.91263 5.0504 6.67043 5.70677 5.00787C5.70677 5.00787 6.72083 4.6873 9.00732 6.24981C9.98625 5.98497 10.9958 5.85024 12.0099 5.84911C13.024 5.84911 14.0577 5.98948 15.0123 6.24981C17.299 4.6873 18.3131 5.00787 18.3131 5.00787C18.9695 6.67043 18.5515 7.91263 18.4323 8.21304C19.2079 9.05428 19.6652 10.1359 19.6652 11.458C19.6652 16.1055 16.8617 17.1269 14.1772 17.4276C14.6148 17.8081 14.9924 18.5292 14.9924 19.6711C14.9924 21.2936 14.9727 22.5957 14.9727 22.9962C14.9727 23.3168 15.1915 23.6976 15.7879 23.5774C20.56 21.9745 23.9999 17.4475 23.9999 12.0992C24.0196 5.40833 18.6312 0 12.0099 0Z"
-        fill="#24292F"
-        fillRule="evenodd"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_449">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path clipRule="evenodd" d="M12.0099 0C5.36875 0 0 5.40833 0 12.0992C0 17.4475 3.43994 21.9748 8.21205 23.5771C8.80869 23.6976 9.02724 23.3168 9.02724 22.9965C9.02724 22.716 9.00757 21.7545 9.00757 20.7527C5.6667 21.474 4.97099 19.3104 4.97099 19.3104C4.43409 17.9082 3.63858 17.5478 3.63858 17.5478C2.54511 16.8066 3.71823 16.8066 3.71823 16.8066C4.93117 16.8868 5.56763 18.0486 5.56763 18.0486C6.64118 19.8913 8.37111 19.3707 9.06706 19.0501C9.16638 18.2688 9.48473 17.728 9.82275 17.4276C7.15817 17.1471 4.35469 16.1055 4.35469 11.458C4.35469 10.1359 4.8316 9.05428 5.58729 8.21304C5.46807 7.91263 5.0504 6.67043 5.70677 5.00787C5.70677 5.00787 6.72083 4.6873 9.00732 6.24981C9.98625 5.98497 10.9958 5.85024 12.0099 5.84911C13.024 5.84911 14.0577 5.98948 15.0123 6.24981C17.299 4.6873 18.3131 5.00787 18.3131 5.00787C18.9695 6.67043 18.5515 7.91263 18.4323 8.21304C19.2079 9.05428 19.6652 10.1359 19.6652 11.458C19.6652 16.1055 16.8617 17.1269 14.1772 17.4276C14.6148 17.8081 14.9924 18.5292 14.9924 19.6711C14.9924 21.2936 14.9727 22.5957 14.9727 22.9962C14.9727 23.3168 15.1915 23.6976 15.7879 23.5774C20.56 21.9745 23.9999 17.4475 23.9999 12.0992C24.0196 5.40833 18.6312 0 12.0099 0Z" fill="#24292F" fillRule="evenodd"/>
+</g>
+<defs>
+<clipPath id="clip0_43_449">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/social-media/gmail-neutral.tsx

@@ -1,24 +1,29 @@
 import type { SVGProps } from "react";
 
+export interface GmailNeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GmailNeutral icon from social-media category
  *
  * @example
- * <GmailNeutral className="w-6 h-6" />
- * <GmailNeutral width={24} height={24} />
+ * <GmailNeutral size={16} />
+ * <GmailNeutral size={32} className="text-primary" />
  */
-export const GmailNeutral = (props: SVGProps<SVGSVGElement>) => (
+export const GmailNeutral = ({ size = 16, ...props }: GmailNeutralProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path
-      d="M5.45455 21.0045H1.63636C0.733636 21.0045 0 20.2736 0 19.3681V5.45919C0 3.43555 2.30727 2.28191 3.92727 3.49555L12 9.54996L20.0727 3.49555C21.69 2.28191 24 3.43555 24 5.45919V19.3681C24 20.2709 23.2691 21.0045 22.3636 21.0045H18.5454V11.7318L12 16.6409L5.45456 11.7318L5.45455 21.0045Z"
-      fill="#111412"
-    />
+    <path d="M5.45455 21.0045H1.63636C0.733636 21.0045 0 20.2736 0 19.3681V5.45919C0 3.43555 2.30727 2.28191 3.92727 3.49555L12 9.54996L20.0727 3.49555C21.69 2.28191 24 3.43555 24 5.45919V19.3681C24 20.2709 23.2691 21.0045 22.3636 21.0045H18.5454V11.7318L12 16.6409L5.45456 11.7318L5.45455 21.0045Z" fill="#111412"/>
   </svg>
 );

package/src/social-media/gmail-original.tsx

@@ -1,47 +1,40 @@
 import type { SVGProps } from "react";
 
+export interface GmailOriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GmailOriginal icon from social-media category
  *
  * @example
- * <GmailOriginal className="w-6 h-6" />
- * <GmailOriginal width={24} height={24} />
+ * <GmailOriginal size={16} />
+ * <GmailOriginal size={32} className="text-primary" />
  */
-export const GmailOriginal = (props: SVGProps<SVGSVGElement>) => (
+export const GmailOriginal = ({ size = 16, ...props }: GmailOriginalProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_719)">
-      <path
-        d="M1.63636 21.0045H5.45455V11.7318L0 7.64087V19.3681C0 20.2736 0.733636 21.0045 1.63636 21.0045Z"
-        fill="#4285F4"
-      />
-      <path
-        d="M18.5455 21.0045H22.3636C23.2691 21.0045 24 20.2709 24 19.3681V7.64087L18.5455 11.7318"
-        fill="#34A853"
-      />
-      <path
-        d="M18.5455 4.64101V11.7319L24 7.64101V5.45919C24 3.43555 21.69 2.28191 20.0727 3.49555"
-        fill="#FBBC04"
-      />
-      <path
-        d="M5.45454 11.7318V4.64087L12 9.54996L18.5455 4.64087V11.7318L12 16.6409"
-        fill="#EA4335"
-      />
-      <path
-        d="M0 5.45919V7.64101L5.45455 11.7319V4.64101L3.92727 3.49555C2.30727 2.28191 0 3.43555 0 5.45919Z"
-        fill="#C5221F"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_719">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M1.63636 21.0045H5.45455V11.7318L0 7.64087V19.3681C0 20.2736 0.733636 21.0045 1.63636 21.0045Z" fill="#4285F4"/>
+<path d="M18.5455 21.0045H22.3636C23.2691 21.0045 24 20.2709 24 19.3681V7.64087L18.5455 11.7318" fill="#34A853"/>
+<path d="M18.5455 4.64101V11.7319L24 7.64101V5.45919C24 3.43555 21.69 2.28191 20.0727 3.49555" fill="#FBBC04"/>
+<path d="M5.45454 11.7318V4.64087L12 9.54996L18.5455 4.64087V11.7318L12 16.6409" fill="#EA4335"/>
+<path d="M0 5.45919V7.64101L5.45455 11.7319V4.64101L3.92727 3.49555C2.30727 2.28191 0 3.43555 0 5.45919Z" fill="#C5221F"/>
+</g>
+<defs>
+<clipPath id="clip0_43_719">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/social-media/google-meet-neutral.tsx

@@ -1,33 +1,36 @@
 import type { SVGProps } from "react";
 
+export interface GoogleMeetNeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GoogleMeetNeutral icon from social-media category
  *
  * @example
- * <GoogleMeetNeutral className="w-6 h-6" />
- * <GoogleMeetNeutral width={24} height={24} />
+ * <GoogleMeetNeutral size={16} />
+ * <GoogleMeetNeutral size={32} className="text-primary" />
  */
-export const GoogleMeetNeutral = (props: SVGProps<SVGSVGElement>) => (
+export const GoogleMeetNeutral = ({ size = 16, ...props }: GoogleMeetNeutralProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_732)">
-      <path
-        clipRule="evenodd"
-        d="M5.62221 2.58813L0 7.94765V19.8431C0 20.7097 0.736372 21.4117 1.64552 21.4117L17.4152 21.4119C18.3243 21.4119 19.0607 20.71 19.0607 19.8433V16.4655L22.6699 19.2864C23.2102 19.689 24 19.3217 24 18.6668V5.46411C24 4.80136 23.1923 4.43796 22.6534 4.85757L19.0607 7.66543L19.0607 4.15677C19.0607 3.2901 18.3243 2.58813 17.4152 2.58813H5.62221ZM5.62225 7.94751L5.62221 16.0522L13.5756 16.0524V12.0001L13.5756 7.94765L5.62225 7.94751Z"
-        fill="#111412"
-        fillRule="evenodd"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_732">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path clipRule="evenodd" d="M5.62221 2.58813L0 7.94765V19.8431C0 20.7097 0.736372 21.4117 1.64552 21.4117L17.4152 21.4119C18.3243 21.4119 19.0607 20.71 19.0607 19.8433V16.4655L22.6699 19.2864C23.2102 19.689 24 19.3217 24 18.6668V5.46411C24 4.80136 23.1923 4.43796 22.6534 4.85757L19.0607 7.66543L19.0607 4.15677C19.0607 3.2901 18.3243 2.58813 17.4152 2.58813H5.62221ZM5.62225 7.94751L5.62221 16.0522L13.5756 16.0524V12.0001L13.5756 7.94765L5.62225 7.94751Z" fill="#111412" fillRule="evenodd"/>
+</g>
+<defs>
+<clipPath id="clip0_43_732">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/social-media/google-meet-original.tsx

@@ -1,48 +1,41 @@
 import type { SVGProps } from "react";
 
+export interface GoogleMeetOriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GoogleMeetOriginal icon from social-media category
  *
  * @example
- * <GoogleMeetOriginal className="w-6 h-6" />
- * <GoogleMeetOriginal width={24} height={24} />
+ * <GoogleMeetOriginal size={16} />
+ * <GoogleMeetOriginal size={32} className="text-primary" />
  */
-export const GoogleMeetOriginal = (props: SVGProps<SVGSVGElement>) => (
+export const GoogleMeetOriginal = ({ size = 16, ...props }: GoogleMeetOriginalProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_712)">
-      <path
-        d="M13.5764 12.0001L15.9158 14.5491L19.0615 16.4655L19.61 12.0158L19.0615 7.66541L15.8555 9.34908L13.5764 12.0001Z"
-        fill="#00832D"
-      />
-      <path
-        d="M0 16.0522V19.8431C0 20.7097 0.736372 21.4117 1.64552 21.4117H5.62221L6.44497 18.5463L5.62221 16.0522L2.89338 15.2679L0 16.0522Z"
-        fill="#0066DA"
-      />
-      <path
-        d="M5.62221 2.58813L0 7.94765L2.89338 8.73197L5.62221 7.94765L6.43126 5.4875L5.62221 2.58813Z"
-        fill="#E94235"
-      />
-      <path d="M5.62221 7.94794H0V16.0526H5.62221V7.94794Z" fill="#2684FC" />
-      <path
-        d="M22.6534 4.85757L19.0607 7.66543V16.4655L22.6699 19.2864C23.2102 19.689 24 19.3217 24 18.6668V5.46411C24 4.80136 23.1923 4.43796 22.6534 4.85757ZM13.5756 12.0001V16.0524H5.62224V21.4119H17.4152C18.3243 21.4119 19.0607 20.71 19.0607 19.8433V16.4655L13.5756 12.0001Z"
-        fill="#00AC47"
-      />
-      <path
-        d="M17.4152 2.58813H5.62224V7.94765H13.5756V12L19.0607 7.66791V4.15677C19.0607 3.2901 18.3243 2.58813 17.4152 2.58813Z"
-        fill="#FFBA00"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_712">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M13.5764 12.0001L15.9158 14.5491L19.0615 16.4655L19.61 12.0158L19.0615 7.66541L15.8555 9.34908L13.5764 12.0001Z" fill="#00832D"/>
+<path d="M0 16.0522V19.8431C0 20.7097 0.736372 21.4117 1.64552 21.4117H5.62221L6.44497 18.5463L5.62221 16.0522L2.89338 15.2679L0 16.0522Z" fill="#0066DA"/>
+<path d="M5.62221 2.58813L0 7.94765L2.89338 8.73197L5.62221 7.94765L6.43126 5.4875L5.62221 2.58813Z" fill="#E94235"/>
+<path d="M5.62221 7.94794H0V16.0526H5.62221V7.94794Z" fill="#2684FC"/>
+<path d="M22.6534 4.85757L19.0607 7.66543V16.4655L22.6699 19.2864C23.2102 19.689 24 19.3217 24 18.6668V5.46411C24 4.80136 23.1923 4.43796 22.6534 4.85757ZM13.5756 12.0001V16.0524H5.62224V21.4119H17.4152C18.3243 21.4119 19.0607 20.71 19.0607 19.8433V16.4655L13.5756 12.0001Z" fill="#00AC47"/>
+<path d="M17.4152 2.58813H5.62224V7.94765H13.5756V12L19.0607 7.66791V4.15677C19.0607 3.2901 18.3243 2.58813 17.4152 2.58813Z" fill="#FFBA00"/>
+</g>
+<defs>
+<clipPath id="clip0_43_712">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/social-media/google-neutral.tsx

@@ -1,24 +1,29 @@
 import type { SVGProps } from "react";
 
+export interface GoogleNeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GoogleNeutral icon from social-media category
  *
  * @example
- * <GoogleNeutral className="w-6 h-6" />
- * <GoogleNeutral width={24} height={24} />
+ * <GoogleNeutral size={16} />
+ * <GoogleNeutral size={32} className="text-primary" />
  */
-export const GoogleNeutral = (props: SVGProps<SVGSVGElement>) => (
+export const GoogleNeutral = ({ size = 16, ...props }: GoogleNeutralProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path
-      d="M21.5575 10.4807L21.458 10.0587H12.2843V13.9414H17.7655C17.1964 16.6436 14.5557 18.0661 12.3987 18.0661C10.8293 18.0661 9.17491 17.4059 8.07991 16.3448C7.50218 15.776 7.04232 15.0989 6.72664 14.3521C6.41096 13.6054 6.24567 12.8037 6.24023 11.993C6.24023 10.3575 6.97522 8.72161 8.0447 7.64553C9.11417 6.56946 10.7294 5.96738 12.3354 5.96738C14.1746 5.96738 15.4927 6.94399 15.9857 7.38939L18.7447 4.64484C17.9354 3.93362 15.7119 2.14148 12.2465 2.14148C9.57277 2.14148 7.00911 3.16562 5.13511 5.03346C3.28575 6.8727 2.32851 9.5323 2.32851 12C2.32851 14.4677 3.23426 16.9944 5.0264 18.8482C6.94133 20.8252 9.65331 21.8585 12.4458 21.8585C14.9866 21.8585 17.3949 20.863 19.1113 19.0568C20.7987 17.2787 21.6715 14.8185 21.6715 12.2394C21.6715 11.1537 21.5623 10.5089 21.5575 10.4807Z"
-      fill="#111412"
-    />
+    <path d="M21.5575 10.4807L21.458 10.0587H12.2843V13.9414H17.7655C17.1964 16.6436 14.5557 18.0661 12.3987 18.0661C10.8293 18.0661 9.17491 17.4059 8.07991 16.3448C7.50218 15.776 7.04232 15.0989 6.72664 14.3521C6.41096 13.6054 6.24567 12.8037 6.24023 11.993C6.24023 10.3575 6.97522 8.72161 8.0447 7.64553C9.11417 6.56946 10.7294 5.96738 12.3354 5.96738C14.1746 5.96738 15.4927 6.94399 15.9857 7.38939L18.7447 4.64484C17.9354 3.93362 15.7119 2.14148 12.2465 2.14148C9.57277 2.14148 7.00911 3.16562 5.13511 5.03346C3.28575 6.8727 2.32851 9.5323 2.32851 12C2.32851 14.4677 3.23426 16.9944 5.0264 18.8482C6.94133 20.8252 9.65331 21.8585 12.4458 21.8585C14.9866 21.8585 17.3949 20.863 19.1113 19.0568C20.7987 17.2787 21.6715 14.8185 21.6715 12.2394C21.6715 11.1537 21.5623 10.5089 21.5575 10.4807Z" fill="#111412"/>
   </svg>
 );

package/src/social-media/google-original.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface GoogleOriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GoogleOriginal icon from social-media category
  *
  * @example
- * <GoogleOriginal className="w-6 h-6" />
- * <GoogleOriginal width={24} height={24} />
+ * <GoogleOriginal size={16} />
+ * <GoogleOriginal size={32} className="text-primary" />
  */
-export const GoogleOriginal = (props: SVGProps<SVGSVGElement>) => (
+export const GoogleOriginal = ({ size = 16, ...props }: GoogleOriginalProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_476)">
-      <path
-        d="M11.9998 9.81812V14.4654H18.458C18.1744 15.9599 17.3234 17.2254 16.047 18.0763L19.9416 21.0982C22.2107 19.0037 23.5198 15.9273 23.5198 12.2728C23.5198 11.4219 23.4434 10.6036 23.3015 9.81825L11.9998 9.81812Z"
-        fill="#4285F4"
-      />
-      <path
-        d="M5.27468 14.284L4.39631 14.9564L1.28717 17.3782C3.26171 21.2945 7.30868 24 11.9996 24C15.2395 24 17.9558 22.9309 19.9413 21.0982L16.0468 18.0764C14.9777 18.7963 13.614 19.2328 11.9996 19.2328C8.87957 19.2328 6.22874 17.1273 5.27958 14.2909L5.27468 14.284Z"
-        fill="#34A853"
-      />
-      <path
-        d="M1.28718 6.62183C0.469042 8.23631 0 10.0581 0 11.9999C0 13.9417 0.469042 15.7636 1.28718 17.378C1.28718 17.3889 5.27997 14.2799 5.27997 14.2799C5.03998 13.5599 4.89812 12.7963 4.89812 11.9998C4.89812 11.2033 5.03998 10.4398 5.27997 9.71976L1.28718 6.62183Z"
-        fill="#FBBC05"
-      />
-      <path
-        d="M11.9998 4.77818C13.7671 4.77818 15.338 5.38907 16.5925 6.56727L20.0289 3.13095C17.9452 1.18917 15.2398 0 11.9998 0C7.30893 0 3.26171 2.69454 1.28717 6.62183L5.27984 9.72001C6.22888 6.88362 8.87982 4.77818 11.9998 4.77818Z"
-        fill="#EA4335"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_476">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M11.9998 9.81812V14.4654H18.458C18.1744 15.9599 17.3234 17.2254 16.047 18.0763L19.9416 21.0982C22.2107 19.0037 23.5198 15.9273 23.5198 12.2728C23.5198 11.4219 23.4434 10.6036 23.3015 9.81825L11.9998 9.81812Z" fill="#4285F4"/>
+<path d="M5.27468 14.284L4.39631 14.9564L1.28717 17.3782C3.26171 21.2945 7.30868 24 11.9996 24C15.2395 24 17.9558 22.9309 19.9413 21.0982L16.0468 18.0764C14.9777 18.7963 13.614 19.2328 11.9996 19.2328C8.87957 19.2328 6.22874 17.1273 5.27958 14.2909L5.27468 14.284Z" fill="#34A853"/>
+<path d="M1.28718 6.62183C0.469042 8.23631 0 10.0581 0 11.9999C0 13.9417 0.469042 15.7636 1.28718 17.378C1.28718 17.3889 5.27997 14.2799 5.27997 14.2799C5.03998 13.5599 4.89812 12.7963 4.89812 11.9998C4.89812 11.2033 5.03998 10.4398 5.27997 9.71976L1.28718 6.62183Z" fill="#FBBC05"/>
+<path d="M11.9998 4.77818C13.7671 4.77818 15.338 5.38907 16.5925 6.56727L20.0289 3.13095C17.9452 1.18917 15.2398 0 11.9998 0C7.30893 0 3.26171 2.69454 1.28717 6.62183L5.27984 9.72001C6.22888 6.88362 8.87982 4.77818 11.9998 4.77818Z" fill="#EA4335"/>
+</g>
+<defs>
+<clipPath id="clip0_43_476">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/social-media/google-play-neutral.tsx

@@ -1,43 +1,39 @@
 import type { SVGProps } from "react";
 
+export interface GooglePlayNeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GooglePlayNeutral icon from social-media category
  *
  * @example
- * <GooglePlayNeutral className="w-6 h-6" />
- * <GooglePlayNeutral width={24} height={24} />
+ * <GooglePlayNeutral size={16} />
+ * <GooglePlayNeutral size={32} className="text-primary" />
  */
-export const GooglePlayNeutral = (props: SVGProps<SVGSVGElement>) => (
+export const GooglePlayNeutral = ({ size = 16, ...props }: GooglePlayNeutralProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <g clipPath="url(#clip0_43_416)">
-      <path
-        d="M5.12603 0.382606L15.9419 6.57952L11.1584 11.2927L1.25803 1.54471C1.44566 1.15558 1.724 0.814383 2.07237 0.55137C2.54777 0.192452 3.12749 -0.00117508 3.72316 5.36551e-06C4.21638 0.00133073 4.70043 0.133346 5.12603 0.382606Z"
-        fill="#111412"
-      />
-      <path
-        d="M0.999969 2.694V21.3018L10.446 11.9947L0.999969 2.694Z"
-        fill="#111412"
-      />
-      <path
-        d="M11.1586 12.6964L1.25698 22.4524C1.36815 22.6836 1.51169 22.8988 1.68392 23.0911C1.96166 23.4012 2.30664 23.6437 2.69247 23.8001C3.0783 23.9564 3.49478 24.0225 3.91006 23.9932C4.32534 23.964 4.72843 23.8401 5.08852 23.6312L15.9701 17.4338L11.1586 12.6964Z"
-        fill="#111412"
-      />
-      <path
-        d="M16.8795 16.9259L21.3229 14.3888C21.7535 14.1633 22.1143 13.8242 22.366 13.4083C22.6177 12.9924 22.7507 12.5156 22.7507 12.0294C22.7507 11.5433 22.6177 11.0664 22.366 10.6505C22.1143 10.2346 21.7535 9.89554 21.3229 9.67005H21.3379L16.8429 7.09564L11.871 11.9944L16.8795 16.9259Z"
-        fill="#111412"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_43_416">
-        <rect fill="white" height="24" width="24" />
-      </clipPath>
-    </defs>
+<path d="M5.12603 0.382606L15.9419 6.57952L11.1584 11.2927L1.25803 1.54471C1.44566 1.15558 1.724 0.814383 2.07237 0.55137C2.54777 0.192452 3.12749 -0.00117508 3.72316 5.36551e-06C4.21638 0.00133073 4.70043 0.133346 5.12603 0.382606Z" fill="#111412"/>
+<path d="M0.999969 2.694V21.3018L10.446 11.9947L0.999969 2.694Z" fill="#111412"/>
+<path d="M11.1586 12.6964L1.25698 22.4524C1.36815 22.6836 1.51169 22.8988 1.68392 23.0911C1.96166 23.4012 2.30664 23.6437 2.69247 23.8001C3.0783 23.9564 3.49478 24.0225 3.91006 23.9932C4.32534 23.964 4.72843 23.8401 5.08852 23.6312L15.9701 17.4338L11.1586 12.6964Z" fill="#111412"/>
+<path d="M16.8795 16.9259L21.3229 14.3888C21.7535 14.1633 22.1143 13.8242 22.366 13.4083C22.6177 12.9924 22.7507 12.5156 22.7507 12.0294C22.7507 11.5433 22.6177 11.0664 22.366 10.6505C22.1143 10.2346 21.7535 9.89554 21.3229 9.67005H21.3379L16.8429 7.09564L11.871 11.9944L16.8795 16.9259Z" fill="#111412"/>
+</g>
+<defs>
+<clipPath id="clip0_43_416">
+<rect fill="white" height="24" width="24"/>
+</clipPath>
+</defs>
   </svg>
 );

package/src/social-media/google-play-original.tsx

@@ -1,36 +1,32 @@
 import type { SVGProps } from "react";
 
+export interface GooglePlayOriginalProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GooglePlayOriginal icon from social-media category
  *
  * @example
- * <GooglePlayOriginal className="w-6 h-6" />
- * <GooglePlayOriginal width={24} height={24} />
+ * <GooglePlayOriginal size={16} />
+ * <GooglePlayOriginal size={32} className="text-primary" />
  */
-export const GooglePlayOriginal = (props: SVGProps<SVGSVGElement>) => (
+export const GooglePlayOriginal = ({ size = 16, ...props }: GooglePlayOriginalProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path
-      d="M11.1576 11.463L1.08997 22.0108C1.20301 22.4115 1.40617 22.781 1.68392 23.0911C1.96166 23.4012 2.30664 23.6437 2.69247 23.8001C3.0783 23.9564 3.49478 24.0225 3.91006 23.9932C4.32534 23.964 4.72843 23.8401 5.08852 23.6312L16.4165 17.1795L11.1576 11.463Z"
-      fill="#EA4335"
-    />
-    <path
-      d="M21.3378 9.67006L16.439 6.86432L10.9251 11.7031L16.4615 17.1645L21.3228 14.3888C21.7535 14.1633 22.1142 13.8242 22.3659 13.4083C22.6176 12.9924 22.7507 12.5156 22.7507 12.0294C22.7507 11.5433 22.6176 11.0664 22.3659 10.6505C22.1142 10.2346 21.7535 9.89555 21.3228 9.67006H21.3378Z"
-      fill="#FBBC04"
-    />
-    <path
-      d="M1.08996 1.99554C1.0291 2.22052 0.998825 2.45267 0.999938 2.68573V21.3206C1.00055 21.5536 1.0308 21.7855 1.08996 22.0108L11.5027 11.7331L1.08996 1.99554Z"
-      fill="#4285F4"
-    />
-    <path
-      d="M11.2326 12.0032L16.439 6.86431L5.12603 0.382606C4.70043 0.133346 4.21638 0.00133073 3.72316 5.36551e-06C3.12749 -0.00117508 2.54777 0.192452 2.07237 0.55137C1.59697 0.910289 1.25197 1.41481 1.08997 1.98803L11.2326 12.0032Z"
-      fill="#34A853"
-    />
+    <path d="M11.1576 11.463L1.08997 22.0108C1.20301 22.4115 1.40617 22.781 1.68392 23.0911C1.96166 23.4012 2.30664 23.6437 2.69247 23.8001C3.0783 23.9564 3.49478 24.0225 3.91006 23.9932C4.32534 23.964 4.72843 23.8401 5.08852 23.6312L16.4165 17.1795L11.1576 11.463Z" fill="#EA4335"/>
+<path d="M21.3378 9.67006L16.439 6.86432L10.9251 11.7031L16.4615 17.1645L21.3228 14.3888C21.7535 14.1633 22.1142 13.8242 22.3659 13.4083C22.6176 12.9924 22.7507 12.5156 22.7507 12.0294C22.7507 11.5433 22.6176 11.0664 22.3659 10.6505C22.1142 10.2346 21.7535 9.89555 21.3228 9.67006H21.3378Z" fill="#FBBC04"/>
+<path d="M1.08996 1.99554C1.0291 2.22052 0.998825 2.45267 0.999938 2.68573V21.3206C1.00055 21.5536 1.0308 21.7855 1.08996 22.0108L11.5027 11.7331L1.08996 1.99554Z" fill="#4285F4"/>
+<path d="M11.2326 12.0032L16.439 6.86431L5.12603 0.382606C4.70043 0.133346 4.21638 0.00133073 3.72316 5.36551e-06C3.12749 -0.00117508 2.54777 0.192452 2.07237 0.55137C1.59697 0.910289 1.25197 1.41481 1.08997 1.98803L11.2326 12.0032Z" fill="#34A853"/>
   </svg>
 );

package/src/social-media/google-podcast-neutral.tsx

@@ -1,56 +1,37 @@
 import type { SVGProps } from "react";
 
+export interface GooglePodcastNeutralProps extends SVGProps<SVGSVGElement> {
+  /**
+   * Icon size (width and height)
+   * @default 16
+   */
+  size?: number | string;
+}
+
 /**
  * GooglePodcastNeutral icon from social-media category
  *
  * @example
- * <GooglePodcastNeutral className="w-6 h-6" />
- * <GooglePodcastNeutral width={24} height={24} />
+ * <GooglePodcastNeutral size={16} />
+ * <GooglePodcastNeutral size={32} className="text-primary" />
  */
-export const GooglePodcastNeutral = (props: SVGProps<SVGSVGElement>) => (
+export const GooglePodcastNeutral = ({ size = 16, ...props }: GooglePodcastNeutralProps) => (
   <svg
     fill="none"
-    height={24}
+    height={size}
     viewBox="0 0 24 24"
-    width={24}
+    width={size}
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <path
-      d="M12.0002 4.63467C11.1735 4.63467 10.5015 3.96267 10.5015 3.136V1.49867C10.5015 0.672 11.1735 0 12.0002 0C12.8269 0 13.4989 0.672 13.4989 1.49867V3.136C13.4989 3.96267 12.8269 4.63467 12.0002 4.63467Z"
-      fill="#111412"
-    />
-    <path
-      d="M12.0002 19.3653C11.1735 19.3653 10.5015 20.0373 10.5015 20.864V22.5013C10.5015 23.328 11.1735 24 12.0002 24C12.8269 24 13.4989 23.328 13.4989 22.5013V20.864C13.4989 20.0373 12.8269 19.3653 12.0002 19.3653Z"
-      fill="#111412"
-    />
-    <path
-      d="M8.18044 17.7281V16.0908C8.18044 15.2641 7.50844 14.5921 6.68177 14.5921C5.85511 14.5921 5.18311 15.2641 5.18311 16.0908V17.7281C5.18311 18.5548 5.85511 19.2268 6.68177 19.2268C7.50844 19.2268 8.18044 18.5548 8.18044 17.7281Z"
-      fill="#111412"
-    />
-    <path
-      d="M8.18044 11.6268V6.2721C8.18044 5.44544 7.50844 4.77344 6.68177 4.77344C5.85511 4.77344 5.18311 5.44544 5.18311 6.2721V11.6268C5.19911 12.4428 5.86577 13.0934 6.68177 13.0934C7.49777 13.0934 8.16444 12.4374 8.18044 11.6268Z"
-      fill="#111412"
-    />
-    <path
-      d="M2.99746 11.1841V12.8214C2.99746 13.6481 2.32546 14.3201 1.49879 14.3201C0.672122 14.3201 0.00012207 13.6481 0.00012207 12.8161V11.1788C0.00012207 10.3521 0.672122 9.6801 1.49879 9.6801C2.32546 9.6801 2.99746 10.3521 2.99746 11.1841Z"
-      fill="#111412"
-    />
-    <path
-      d="M21.0015 11.1843C21.0015 10.3576 21.6735 9.68564 22.5002 9.68564C23.3269 9.68564 23.9989 10.3576 23.9989 11.1843V12.8643C23.9775 13.675 23.3162 14.3203 22.5002 14.3203C21.6842 14.3203 21.0229 13.6696 21.0015 12.8643V11.1843Z"
-      fill="#111412"
-    />
-    <path
-      d="M15.82 7.90944C15.82 8.7361 16.492 9.4081 17.3187 9.4081C18.1453 9.4081 18.8173 8.7361 18.8173 7.90944V6.2721C18.8173 5.44544 18.1453 4.77344 17.3187 4.77344C16.492 4.77344 15.82 5.44544 15.82 6.2721V7.90944Z"
-      fill="#111412"
-    />
-    <path
-      d="M15.82 12.4109C15.82 11.5842 16.492 10.9122 17.3187 10.9122C18.1453 10.9122 18.8173 11.5842 18.8173 12.4109V17.7282C18.8173 18.5549 18.1453 19.2269 17.3187 19.2269C16.492 19.2269 15.82 18.5549 15.82 17.7282V12.4109Z"
-      fill="#111412"
-    />
-    <path
-      d="M13.4989 16.3631V7.6378C13.4989 6.8058 12.8269 6.13913 12.0002 6.13913C11.1735 6.13913 10.5015 6.81113 10.5015 7.6378V16.3631C10.5015 17.1898 11.1735 17.8618 12.0002 17.8618C12.8269 17.8618 13.4989 17.1898 13.4989 16.3631Z"
-      fill="#111412"
-    />
+    <path d="M12.0002 4.63467C11.1735 4.63467 10.5015 3.96267 10.5015 3.136V1.49867C10.5015 0.672 11.1735 0 12.0002 0C12.8269 0 13.4989 0.672 13.4989 1.49867V3.136C13.4989 3.96267 12.8269 4.63467 12.0002 4.63467Z" fill="#111412"/>
+<path d="M12.0002 19.3653C11.1735 19.3653 10.5015 20.0373 10.5015 20.864V22.5013C10.5015 23.328 11.1735 24 12.0002 24C12.8269 24 13.4989 23.328 13.4989 22.5013V20.864C13.4989 20.0373 12.8269 19.3653 12.0002 19.3653Z" fill="#111412"/>
+<path d="M8.18044 17.7281V16.0908C8.18044 15.2641 7.50844 14.5921 6.68177 14.5921C5.85511 14.5921 5.18311 15.2641 5.18311 16.0908V17.7281C5.18311 18.5548 5.85511 19.2268 6.68177 19.2268C7.50844 19.2268 8.18044 18.5548 8.18044 17.7281Z" fill="#111412"/>
+<path d="M8.18044 11.6268V6.2721C8.18044 5.44544 7.50844 4.77344 6.68177 4.77344C5.85511 4.77344 5.18311 5.44544 5.18311 6.2721V11.6268C5.19911 12.4428 5.86577 13.0934 6.68177 13.0934C7.49777 13.0934 8.16444 12.4374 8.18044 11.6268Z" fill="#111412"/>
+<path d="M2.99746 11.1841V12.8214C2.99746 13.6481 2.32546 14.3201 1.49879 14.3201C0.672122 14.3201 0.00012207 13.6481 0.00012207 12.8161V11.1788C0.00012207 10.3521 0.672122 9.6801 1.49879 9.6801C2.32546 9.6801 2.99746 10.3521 2.99746 11.1841Z" fill="#111412"/>
+<path d="M21.0015 11.1843C21.0015 10.3576 21.6735 9.68564 22.5002 9.68564C23.3269 9.68564 23.9989 10.3576 23.9989 11.1843V12.8643C23.9775 13.675 23.3162 14.3203 22.5002 14.3203C21.6842 14.3203 21.0229 13.6696 21.0015 12.8643V11.1843Z" fill="#111412"/>
+<path d="M15.82 7.90944C15.82 8.7361 16.492 9.4081 17.3187 9.4081C18.1453 9.4081 18.8173 8.7361 18.8173 7.90944V6.2721C18.8173 5.44544 18.1453 4.77344 17.3187 4.77344C16.492 4.77344 15.82 5.44544 15.82 6.2721V7.90944Z" fill="#111412"/>
+<path d="M15.82 12.4109C15.82 11.5842 16.492 10.9122 17.3187 10.9122C18.1453 10.9122 18.8173 11.5842 18.8173 12.4109V17.7282C18.8173 18.5549 18.1453 19.2269 17.3187 19.2269C16.492 19.2269 15.82 18.5549 15.82 17.7282V12.4109Z" fill="#111412"/>
+<path d="M13.4989 16.3631V7.6378C13.4989 6.8058 12.8269 6.13913 12.0002 6.13913C11.1735 6.13913 10.5015 6.81113 10.5015 7.6378V16.3631C10.5015 17.1898 11.1735 17.8618 12.0002 17.8618C12.8269 17.8618 13.4989 17.1898 13.4989 16.3631Z" fill="#111412"/>
   </svg>
 );