next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const GatsbyJsIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4.06 12 12 19.94c-4.39 0-7.94-3.55-7.94-7.94m9.72 7.73L4.27 10.2A7.936 7.936 0 0 1 12 4.06c2.59 0 4.89 1.23 6.33 3.16l-1.17 1.12A6.28 6.28 0 0 0 12 5.67c-2.75 0-5.08 1.75-5.95 4.19 1.12 1.05 7.73 7.58 8.16 8.08a6.34 6.34 0 0 0 3.97-4.52H14.8v-1.47l5.16.03c-.02 3.8-2.64 6.95-6.17 7.75Z" />
  </svg>
);

Icon

GatsbyJs

Category

languages-frameworks

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related languages-frameworks icons

AndroidAngularBashBetterAuthBlenderBootstrapBunBuyMeACoffee