flatcoloricons

import * as React from "react";

function FlatcoloriconsIcons8Cup(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#4CAF50"
        d="M40 14H8l3.8 28.3c.1 1 1 1.7 2 1.7h20.5c1 0 1.8-.7 2-1.7L40 14z"
      />
      <g fill="#81C784">
        <path d="M42 14H6v-3c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v3z" />
        <path d="M37.2 10H10.8l1.7-4.7c.3-.8 1-1.3 1.9-1.3h19.2c.8 0 1.6.5 1.9 1.3l1.7 4.7z" />
      </g>
      <path
        fill="#E8F5E9"
        d="M28 28.5c1.2-1.1 2-2.7 2-4.5 0-3.3-2.7-6-6-6s-6 2.7-6 6c0 1.8.8 3.4 2 4.5-1.2 1.1-2 2.7-2 4.5 0 3.3 2.7 6 6 6s6-2.7 6-6c0-1.8-.8-3.4-2-4.5zM24 36c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm0-9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"
      />
    </svg>
  );
}

export default FlatcoloriconsIcons8Cup;


import * as React from "react";

function FlatcoloriconsIcons8Cup(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#4CAF50"
        d="M40 14H8l3.8 28.3c.1 1 1 1.7 2 1.7h20.5c1 0 1.8-.7 2-1.7L40 14z"
      />
      <g fill="#81C784">
        <path d="M42 14H6v-3c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v3z" />
        <path d="M37.2 10H10.8l1.7-4.7c.3-.8 1-1.3 1.9-1.3h19.2c.8 0 1.6.5 1.9 1.3l1.7 4.7z" />
      </g>
      <path
        fill="#E8F5E9"
        d="M28 28.5c1.2-1.1 2-2.7 2-4.5 0-3.3-2.7-6-6-6s-6 2.7-6 6c0 1.8.8 3.4 2 4.5-1.2 1.1-2 2.7-2 4.5 0 3.3 2.7 6 6 6s6-2.7 6-6c0-1.8-.8-3.4-2-4.5zM24 36c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm0-9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"
      />
    </svg>
  );
}

export default FlatcoloriconsIcons8Cup;


import { FcIcons8Cup } from react-icons/fc;

import * as React from "react";
import Svg, { Path, G } from "react-native-svg";

function FlatcoloriconsIcons8Cup(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#4CAF50"
        d="M40 14H8l3.8 28.3c.1 1 1 1.7 2 1.7h20.5c1 0 1.8-.7 2-1.7L40 14z"
      />
      <G fill="#81C784">
        <Path d="M42 14H6v-3c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v3z" />
        <Path d="M37.2 10H10.8l1.7-4.7c.3-.8 1-1.3 1.9-1.3h19.2c.8 0 1.6.5 1.9 1.3l1.7 4.7z" />
      </G>
      <Path
        fill="#E8F5E9"
        d="M28 28.5c1.2-1.1 2-2.7 2-4.5 0-3.3-2.7-6-6-6s-6 2.7-6 6c0 1.8.8 3.4 2 4.5-1.2 1.1-2 2.7-2 4.5 0 3.3 2.7 6 6 6s6-2.7 6-6c0-1.8-.8-3.4-2-4.5zM24 36c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm0-9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"
      />
    </Svg>
  );
}

export default FlatcoloriconsIcons8Cup;


import * as React from "react";
import Svg, { SvgProps, Path, G } from "react-native-svg";

function FlatcoloriconsIcons8Cup(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#4CAF50"
        d="M40 14H8l3.8 28.3c.1 1 1 1.7 2 1.7h20.5c1 0 1.8-.7 2-1.7L40 14z"
      />
      <G fill="#81C784">
        <Path d="M42 14H6v-3c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v3z" />
        <Path d="M37.2 10H10.8l1.7-4.7c.3-.8 1-1.3 1.9-1.3h19.2c.8 0 1.6.5 1.9 1.3l1.7 4.7z" />
      </G>
      <Path
        fill="#E8F5E9"
        d="M28 28.5c1.2-1.1 2-2.7 2-4.5 0-3.3-2.7-6-6-6s-6 2.7-6 6c0 1.8.8 3.4 2 4.5-1.2 1.1-2 2.7-2 4.5 0 3.3 2.7 6 6 6s6-2.7 6-6c0-1.8-.8-3.4-2-4.5zM24 36c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm0-9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"
      />
    </Svg>
  );
}

export default FlatcoloriconsIcons8Cup;


import styled, { css } from 'styled-components';

import styled, { css } from "styled-components";

const SvgIcon = (props) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#4CAF50"
        d="M40 14H8l3.8 28.3c.1 1 1 1.7 2 1.7h20.5c1 0 1.8-.7 2-1.7L40 14z"
      />
      <g fill="#81C784">
        <path d="M42 14H6v-3c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v3z" />
        <path d="M37.2 10H10.8l1.7-4.7c.3-.8 1-1.3 1.9-1.3h19.2c.8 0 1.6.5 1.9 1.3l1.7 4.7z" />
      </g>
      <path
        fill="#E8F5E9"
        d="M28 28.5c1.2-1.1 2-2.7 2-4.5 0-3.3-2.7-6-6-6s-6 2.7-6 6c0 1.8.8 3.4 2 4.5-1.2 1.1-2 2.7-2 4.5 0 3.3 2.7 6 6 6s6-2.7 6-6c0-1.8-.8-3.4-2-4.5zM24 36c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm0-9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"
      />
    </svg>
  ))({
    className: props.className,
  });

const StyledFlatcoloriconsIcons8Cup = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledFlatcoloriconsIcons8Cup;


import styled, { css } from "styled-components";

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#4CAF50"
        d="M40 14H8l3.8 28.3c.1 1 1 1.7 2 1.7h20.5c1 0 1.8-.7 2-1.7L40 14z"
      />
      <g fill="#81C784">
        <path d="M42 14H6v-3c0-2.2 1.8-4 4-4h28c2.2 0 4 1.8 4 4v3z" />
        <path d="M37.2 10H10.8l1.7-4.7c.3-.8 1-1.3 1.9-1.3h19.2c.8 0 1.6.5 1.9 1.3l1.7 4.7z" />
      </g>
      <path
        fill="#E8F5E9"
        d="M28 28.5c1.2-1.1 2-2.7 2-4.5 0-3.3-2.7-6-6-6s-6 2.7-6 6c0 1.8.8 3.4 2 4.5-1.2 1.1-2 2.7-2 4.5 0 3.3 2.7 6 6 6s6-2.7 6-6c0-1.8-.8-3.4-2-4.5zM24 36c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm0-9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"
      />
    </svg>
  ))({
    className: props.className,
  });

const StyledFlatcoloriconsIcons8Cup = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledFlatcoloriconsIcons8Cup;
