import React from "react";

interface Props {
  fill?: string;
}

/**
 * ## Example
 * ```js
<InstagramCardShareIcon fill="#ff0000"/> 
 * ```
 */

function InstagramCardShareIcon({
  fill = "currentColor",
  ...props
}: React.SVGProps<SVGSVGElement> & Props) {
  return (
    <svg viewBox="0 0 24 24" width="24" height="24" fill={fill} {...props}>
      <path
        d="M22.8,10.5l-9.8-7.9c-0.2-0.2-0.5-0.2-0.7-0.1c-0.2,0.1-0.4,0.4-0.4,0.6v3.7C6.5,7,4.5,8.9,2.6,12.4C1,15.4,1,18.9,1,21.3
c0,0.2,0,0.4,0,0.5c0,0.3,0.2,0.6,0.5,0.7c0.1,0,0.1,0,0.2,0c0.2,0,0.5-0.1,0.6-0.3c3.7-6.5,5.5-6.8,9.5-6.8V19
c0,0.3,0.2,0.5,0.4,0.6s0.5,0.1,0.7-0.1l9.8-8c0.2-0.1,0.2-0.3,0.2-0.5S22.9,10.7,22.8,10.5z M13.2,17.6v-2.9
c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2c-2.7,0-3.8,0-5.9,0.9c-1.8,0.8-2.8,2.3-4.2,4.5c0.1-2,0.3-4.4,1.4-6.4
c1.7-3.2,3.5-4.8,8.7-4.8c0.4,0,0.7-0.3,0.7-0.7V4.6l8.1,6.5L13.2,17.6z"
      ></path>
    </svg>
  );
}

InstagramCardShareIcon.componentName = "InstagramCardShareIcon";

export default InstagramCardShareIcon;