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

export const CSharpIcon = ({
  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="M17.16 11.5h.94v.94h-.94z" />
      <path d="M20.68 7a1.76 1.76 0 0 0-.68-.64C17.67 5 15.29 3.64 12.93 2.27a1.73 1.73 0 0 0-1.89 0L4 6.36a1.67 1.67 0 0 0-.9 1.52v8.24a1.75 1.75 0 0 0 .21.87 2 2 0 0 0 .16.23l.08.09.13.11a2 2 0 0 0 .25.18l.83.47.27.16.23.13.12.07.37.21.32.19.27.15.54.31.14.08.35.2.14.08 3.5 2a1.73 1.73 0 0 0 1.89 0l7.1-4.01a1.7 1.7 0 0 0 .65-.65 1.75 1.75 0 0 0 .21-.87V7.88a1.8 1.8 0 0 0-.18-.88m-8.56 11.61h-.07a6.61 6.61 0 1 1 0-13.22 6.61 6.61 0 0 1 5.71 3.28l-2.88 1.66a3.27 3.27 0 0 0-2.8-1.62A3.29 3.29 0 0 0 8.75 12a3.2 3.2 0 0 0 .44 1.63 3.29 3.29 0 0 0 5.73 0l2.88 1.66a6.6 6.6 0 0 1-5.68 3.32m7.38-7.11h-.93v.94h.93v.47h-.93v.94h-.47v-.94h-.94v.94h-.47v-.94h-.94v-.47h.94v-.94h-.94V11h.94v-.9h.47v.9h.94v-.9h.47v.9h.93z" />
  </svg>
);

Icon

CSharp

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