flatcoloricons

import * as React from "react";

function FlatcoloriconsCustomerSupport(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#FFB74D"
        d="M29 43v-4.6l2.6.5c2.9.6 5.6-1.5 5.8-4.4L38 28l2.9-1.2c1-.4 1.4-1.6.8-2.6L38 18c-.6-7.6-4.9-15-16-15C10.6 3 5 11.4 5 20c0 3.7 1.3 6.9 3.3 9.6 1.8 2.5 2.7 5.5 2.7 8.5v4.8h18z"
      />
      <path fill="#FF9800" d="M29 43v-4.6L22 37v6z" />
      <circle fill="#784719" cx={33.5} cy={21.5} r={1.5} />
      <path
        fill="#FF5722"
        d="M21.4 3C12.3 3 5 10.3 5 19.4c0 11.1 6 11.4 6 18.6l2.6-.9c2.1-.7 3.9-2.3 4.7-4.4l2.8-6.8L27 23v-6s7-3.8 7-10.3C31 4.2 25.7 3 21.4 3z"
      />
      <g fill="#546E7A">
        <path d="M21 2.1c-.6 0-1 .4-1 1V17c0 .6.4 1 1 1s1-.4 1-1V3.1c0-.6-.4-1-1-1zM36.9 31.9c-7.9 0-10.3-4.9-10.4-5.1-.2-.5-.8-.7-1.3-.5-.5.2-.7.8-.5 1.3.1.3 3 6.3 12.2 6.3.6 0 1-.4 1-1s-.5-1-1-1z" />
      </g>
      <circle fill="#37474F" cx={37} cy={33} r={2} />
      <circle fill="#37474F" cx={21} cy={23} r={7} />
      <circle fill="#546E7A" cx={21} cy={23} r={4} />
    </svg>
  );
}

export default FlatcoloriconsCustomerSupport;


import * as React from "react";

function FlatcoloriconsCustomerSupport(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#FFB74D"
        d="M29 43v-4.6l2.6.5c2.9.6 5.6-1.5 5.8-4.4L38 28l2.9-1.2c1-.4 1.4-1.6.8-2.6L38 18c-.6-7.6-4.9-15-16-15C10.6 3 5 11.4 5 20c0 3.7 1.3 6.9 3.3 9.6 1.8 2.5 2.7 5.5 2.7 8.5v4.8h18z"
      />
      <path fill="#FF9800" d="M29 43v-4.6L22 37v6z" />
      <circle fill="#784719" cx={33.5} cy={21.5} r={1.5} />
      <path
        fill="#FF5722"
        d="M21.4 3C12.3 3 5 10.3 5 19.4c0 11.1 6 11.4 6 18.6l2.6-.9c2.1-.7 3.9-2.3 4.7-4.4l2.8-6.8L27 23v-6s7-3.8 7-10.3C31 4.2 25.7 3 21.4 3z"
      />
      <g fill="#546E7A">
        <path d="M21 2.1c-.6 0-1 .4-1 1V17c0 .6.4 1 1 1s1-.4 1-1V3.1c0-.6-.4-1-1-1zM36.9 31.9c-7.9 0-10.3-4.9-10.4-5.1-.2-.5-.8-.7-1.3-.5-.5.2-.7.8-.5 1.3.1.3 3 6.3 12.2 6.3.6 0 1-.4 1-1s-.5-1-1-1z" />
      </g>
      <circle fill="#37474F" cx={37} cy={33} r={2} />
      <circle fill="#37474F" cx={21} cy={23} r={7} />
      <circle fill="#546E7A" cx={21} cy={23} r={4} />
    </svg>
  );
}

export default FlatcoloriconsCustomerSupport;


import { FcCustomerSupport } from react-icons/fc;

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

function FlatcoloriconsCustomerSupport(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#FFB74D"
        d="M29 43v-4.6l2.6.5c2.9.6 5.6-1.5 5.8-4.4L38 28l2.9-1.2c1-.4 1.4-1.6.8-2.6L38 18c-.6-7.6-4.9-15-16-15C10.6 3 5 11.4 5 20c0 3.7 1.3 6.9 3.3 9.6 1.8 2.5 2.7 5.5 2.7 8.5v4.8h18z"
      />
      <Path fill="#FF9800" d="M29 43v-4.6L22 37v6z" />
      <Circle fill="#784719" cx={33.5} cy={21.5} r={1.5} />
      <Path
        fill="#FF5722"
        d="M21.4 3C12.3 3 5 10.3 5 19.4c0 11.1 6 11.4 6 18.6l2.6-.9c2.1-.7 3.9-2.3 4.7-4.4l2.8-6.8L27 23v-6s7-3.8 7-10.3C31 4.2 25.7 3 21.4 3z"
      />
      <G fill="#546E7A">
        <Path d="M21 2.1c-.6 0-1 .4-1 1V17c0 .6.4 1 1 1s1-.4 1-1V3.1c0-.6-.4-1-1-1zM36.9 31.9c-7.9 0-10.3-4.9-10.4-5.1-.2-.5-.8-.7-1.3-.5-.5.2-.7.8-.5 1.3.1.3 3 6.3 12.2 6.3.6 0 1-.4 1-1s-.5-1-1-1z" />
      </G>
      <Circle fill="#37474F" cx={37} cy={33} r={2} />
      <Circle fill="#37474F" cx={21} cy={23} r={7} />
      <Circle fill="#546E7A" cx={21} cy={23} r={4} />
    </Svg>
  );
}

export default FlatcoloriconsCustomerSupport;


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

function FlatcoloriconsCustomerSupport(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#FFB74D"
        d="M29 43v-4.6l2.6.5c2.9.6 5.6-1.5 5.8-4.4L38 28l2.9-1.2c1-.4 1.4-1.6.8-2.6L38 18c-.6-7.6-4.9-15-16-15C10.6 3 5 11.4 5 20c0 3.7 1.3 6.9 3.3 9.6 1.8 2.5 2.7 5.5 2.7 8.5v4.8h18z"
      />
      <Path fill="#FF9800" d="M29 43v-4.6L22 37v6z" />
      <Circle fill="#784719" cx={33.5} cy={21.5} r={1.5} />
      <Path
        fill="#FF5722"
        d="M21.4 3C12.3 3 5 10.3 5 19.4c0 11.1 6 11.4 6 18.6l2.6-.9c2.1-.7 3.9-2.3 4.7-4.4l2.8-6.8L27 23v-6s7-3.8 7-10.3C31 4.2 25.7 3 21.4 3z"
      />
      <G fill="#546E7A">
        <Path d="M21 2.1c-.6 0-1 .4-1 1V17c0 .6.4 1 1 1s1-.4 1-1V3.1c0-.6-.4-1-1-1zM36.9 31.9c-7.9 0-10.3-4.9-10.4-5.1-.2-.5-.8-.7-1.3-.5-.5.2-.7.8-.5 1.3.1.3 3 6.3 12.2 6.3.6 0 1-.4 1-1s-.5-1-1-1z" />
      </G>
      <Circle fill="#37474F" cx={37} cy={33} r={2} />
      <Circle fill="#37474F" cx={21} cy={23} r={7} />
      <Circle fill="#546E7A" cx={21} cy={23} r={4} />
    </Svg>
  );
}

export default FlatcoloriconsCustomerSupport;


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="#FFB74D"
        d="M29 43v-4.6l2.6.5c2.9.6 5.6-1.5 5.8-4.4L38 28l2.9-1.2c1-.4 1.4-1.6.8-2.6L38 18c-.6-7.6-4.9-15-16-15C10.6 3 5 11.4 5 20c0 3.7 1.3 6.9 3.3 9.6 1.8 2.5 2.7 5.5 2.7 8.5v4.8h18z"
      />
      <path fill="#FF9800" d="M29 43v-4.6L22 37v6z" />
      <circle fill="#784719" cx={33.5} cy={21.5} r={1.5} />
      <path
        fill="#FF5722"
        d="M21.4 3C12.3 3 5 10.3 5 19.4c0 11.1 6 11.4 6 18.6l2.6-.9c2.1-.7 3.9-2.3 4.7-4.4l2.8-6.8L27 23v-6s7-3.8 7-10.3C31 4.2 25.7 3 21.4 3z"
      />
      <g fill="#546E7A">
        <path d="M21 2.1c-.6 0-1 .4-1 1V17c0 .6.4 1 1 1s1-.4 1-1V3.1c0-.6-.4-1-1-1zM36.9 31.9c-7.9 0-10.3-4.9-10.4-5.1-.2-.5-.8-.7-1.3-.5-.5.2-.7.8-.5 1.3.1.3 3 6.3 12.2 6.3.6 0 1-.4 1-1s-.5-1-1-1z" />
      </g>
      <circle fill="#37474F" cx={37} cy={33} r={2} />
      <circle fill="#37474F" cx={21} cy={23} r={7} />
      <circle fill="#546E7A" cx={21} cy={23} r={4} />
    </svg>
  ))({
    className: props.className,
  });

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


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="#FFB74D"
        d="M29 43v-4.6l2.6.5c2.9.6 5.6-1.5 5.8-4.4L38 28l2.9-1.2c1-.4 1.4-1.6.8-2.6L38 18c-.6-7.6-4.9-15-16-15C10.6 3 5 11.4 5 20c0 3.7 1.3 6.9 3.3 9.6 1.8 2.5 2.7 5.5 2.7 8.5v4.8h18z"
      />
      <path fill="#FF9800" d="M29 43v-4.6L22 37v6z" />
      <circle fill="#784719" cx={33.5} cy={21.5} r={1.5} />
      <path
        fill="#FF5722"
        d="M21.4 3C12.3 3 5 10.3 5 19.4c0 11.1 6 11.4 6 18.6l2.6-.9c2.1-.7 3.9-2.3 4.7-4.4l2.8-6.8L27 23v-6s7-3.8 7-10.3C31 4.2 25.7 3 21.4 3z"
      />
      <g fill="#546E7A">
        <path d="M21 2.1c-.6 0-1 .4-1 1V17c0 .6.4 1 1 1s1-.4 1-1V3.1c0-.6-.4-1-1-1zM36.9 31.9c-7.9 0-10.3-4.9-10.4-5.1-.2-.5-.8-.7-1.3-.5-.5.2-.7.8-.5 1.3.1.3 3 6.3 12.2 6.3.6 0 1-.4 1-1s-.5-1-1-1z" />
      </g>
      <circle fill="#37474F" cx={37} cy={33} r={2} />
      <circle fill="#37474F" cx={21} cy={23} r={7} />
      <circle fill="#546E7A" cx={21} cy={23} r={4} />
    </svg>
  ))({
    className: props.className,
  });

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