flatcoloricons

import * as React from "react";

function FlatcoloriconsDebt(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#FFB74D"
        d="M10 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z"
      />
      <path
        fill="#607D8B"
        d="M2 22v8l3 2 1 14h8l1-14 3-2v-8c0-4.4-3.6-8-8-8s-8 3.6-8 8z"
      />
      <g fill="#263238">
        <path d="M22.4 40.4c-.6 2.5-1 3.6-2.4 3.6-.6 0-1.2-.5-1.9-1.1-1-.8-2.2-1.9-4.1-1.9v2c1.1 0 1.9.7 2.8 1.4.9.7 1.9 1.6 3.2 1.6 3.1 0 3.8-2.9 4.4-5.2.6-2.6 1-3.8 2.6-3.8v-2c-3.3 0-4.1 3.1-4.6 5.4z" />
        <path d="M14.4 40H10v4h4.1z" />
      </g>
      <circle fill="#4CAF50" cx={36} cy={36} r={10} />
      <path
        fill="#fff"
        d="M35 34c.1.2.1.3.3.4.1.1.3.2.5.4.2.1.5.2.8.3.5.2.9.4 1.3.6.4.2.7.4 1 .7.3.3.5.6.7.9.2.4.2.8.2 1.3 0 .4-.1.8-.2 1.2-.1.4-.3.7-.6.9-.3.3-.6.5-.9.6-.4.2-.8.3-1.2.3v1.5h-1.2v-1.5c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-1-.6-.3-.3-.5-.6-.7-1.1-.2-.4-.3-.9-.3-1.5h2.2c0 .4 0 .7.1.9.1.2.2.4.4.6.2.1.3.2.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.3-.2.4-.3.1-.1.2-.3.3-.4.1-.2.1-.3.1-.5s0-.4-.1-.6c-.1-.2-.1-.3-.3-.4-.1-.1-.3-.3-.5-.4-.2-.1-.4-.2-.7-.3-.5-.2-.9-.4-1.3-.6-.4-.2-.7-.4-1-.7-.3-.3-.5-.6-.7-.9-.2-.4-.2-.8-.2-1.3 0-.4.1-.8.2-1.2.1-.3.3-.7.6-.9.3-.3.6-.5.9-.6.4-.2.8-.3 1.2-.3v-1.6H37v1.6c.4.1.8.2 1.2.4.4.2.6.4.9.7.2.3.4.6.6 1 .1.4.2.9.2 1.4h-2.2c0-.6-.1-1-.4-1.3-.2-.3-.6-.4-1-.4-.2 0-.4 0-.6.1-.2.1-.3.2-.4.3-.2 0-.3.1-.3.3s-.1.3-.1.5 0 .4.1.5z"
      />
    </svg>
  );
}

export default FlatcoloriconsDebt;


import * as React from "react";

function FlatcoloriconsDebt(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#FFB74D"
        d="M10 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z"
      />
      <path
        fill="#607D8B"
        d="M2 22v8l3 2 1 14h8l1-14 3-2v-8c0-4.4-3.6-8-8-8s-8 3.6-8 8z"
      />
      <g fill="#263238">
        <path d="M22.4 40.4c-.6 2.5-1 3.6-2.4 3.6-.6 0-1.2-.5-1.9-1.1-1-.8-2.2-1.9-4.1-1.9v2c1.1 0 1.9.7 2.8 1.4.9.7 1.9 1.6 3.2 1.6 3.1 0 3.8-2.9 4.4-5.2.6-2.6 1-3.8 2.6-3.8v-2c-3.3 0-4.1 3.1-4.6 5.4z" />
        <path d="M14.4 40H10v4h4.1z" />
      </g>
      <circle fill="#4CAF50" cx={36} cy={36} r={10} />
      <path
        fill="#fff"
        d="M35 34c.1.2.1.3.3.4.1.1.3.2.5.4.2.1.5.2.8.3.5.2.9.4 1.3.6.4.2.7.4 1 .7.3.3.5.6.7.9.2.4.2.8.2 1.3 0 .4-.1.8-.2 1.2-.1.4-.3.7-.6.9-.3.3-.6.5-.9.6-.4.2-.8.3-1.2.3v1.5h-1.2v-1.5c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-1-.6-.3-.3-.5-.6-.7-1.1-.2-.4-.3-.9-.3-1.5h2.2c0 .4 0 .7.1.9.1.2.2.4.4.6.2.1.3.2.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.3-.2.4-.3.1-.1.2-.3.3-.4.1-.2.1-.3.1-.5s0-.4-.1-.6c-.1-.2-.1-.3-.3-.4-.1-.1-.3-.3-.5-.4-.2-.1-.4-.2-.7-.3-.5-.2-.9-.4-1.3-.6-.4-.2-.7-.4-1-.7-.3-.3-.5-.6-.7-.9-.2-.4-.2-.8-.2-1.3 0-.4.1-.8.2-1.2.1-.3.3-.7.6-.9.3-.3.6-.5.9-.6.4-.2.8-.3 1.2-.3v-1.6H37v1.6c.4.1.8.2 1.2.4.4.2.6.4.9.7.2.3.4.6.6 1 .1.4.2.9.2 1.4h-2.2c0-.6-.1-1-.4-1.3-.2-.3-.6-.4-1-.4-.2 0-.4 0-.6.1-.2.1-.3.2-.4.3-.2 0-.3.1-.3.3s-.1.3-.1.5 0 .4.1.5z"
      />
    </svg>
  );
}

export default FlatcoloriconsDebt;


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

function FlatcoloriconsDebt(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#FFB74D"
        d="M10 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z"
      />
      <Path
        fill="#607D8B"
        d="M2 22v8l3 2 1 14h8l1-14 3-2v-8c0-4.4-3.6-8-8-8s-8 3.6-8 8z"
      />
      <G fill="#263238">
        <Path d="M22.4 40.4c-.6 2.5-1 3.6-2.4 3.6-.6 0-1.2-.5-1.9-1.1-1-.8-2.2-1.9-4.1-1.9v2c1.1 0 1.9.7 2.8 1.4.9.7 1.9 1.6 3.2 1.6 3.1 0 3.8-2.9 4.4-5.2.6-2.6 1-3.8 2.6-3.8v-2c-3.3 0-4.1 3.1-4.6 5.4z" />
        <Path d="M14.4 40H10v4h4.1z" />
      </G>
      <Circle fill="#4CAF50" cx={36} cy={36} r={10} />
      <Path
        fill="#fff"
        d="M35 34c.1.2.1.3.3.4.1.1.3.2.5.4.2.1.5.2.8.3.5.2.9.4 1.3.6.4.2.7.4 1 .7.3.3.5.6.7.9.2.4.2.8.2 1.3 0 .4-.1.8-.2 1.2-.1.4-.3.7-.6.9-.3.3-.6.5-.9.6-.4.2-.8.3-1.2.3v1.5h-1.2v-1.5c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-1-.6-.3-.3-.5-.6-.7-1.1-.2-.4-.3-.9-.3-1.5h2.2c0 .4 0 .7.1.9.1.2.2.4.4.6.2.1.3.2.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.3-.2.4-.3.1-.1.2-.3.3-.4.1-.2.1-.3.1-.5s0-.4-.1-.6c-.1-.2-.1-.3-.3-.4-.1-.1-.3-.3-.5-.4-.2-.1-.4-.2-.7-.3-.5-.2-.9-.4-1.3-.6-.4-.2-.7-.4-1-.7-.3-.3-.5-.6-.7-.9-.2-.4-.2-.8-.2-1.3 0-.4.1-.8.2-1.2.1-.3.3-.7.6-.9.3-.3.6-.5.9-.6.4-.2.8-.3 1.2-.3v-1.6H37v1.6c.4.1.8.2 1.2.4.4.2.6.4.9.7.2.3.4.6.6 1 .1.4.2.9.2 1.4h-2.2c0-.6-.1-1-.4-1.3-.2-.3-.6-.4-1-.4-.2 0-.4 0-.6.1-.2.1-.3.2-.4.3-.2 0-.3.1-.3.3s-.1.3-.1.5 0 .4.1.5z"
      />
    </Svg>
  );
}

export default FlatcoloriconsDebt;


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

function FlatcoloriconsDebt(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#FFB74D"
        d="M10 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z"
      />
      <Path
        fill="#607D8B"
        d="M2 22v8l3 2 1 14h8l1-14 3-2v-8c0-4.4-3.6-8-8-8s-8 3.6-8 8z"
      />
      <G fill="#263238">
        <Path d="M22.4 40.4c-.6 2.5-1 3.6-2.4 3.6-.6 0-1.2-.5-1.9-1.1-1-.8-2.2-1.9-4.1-1.9v2c1.1 0 1.9.7 2.8 1.4.9.7 1.9 1.6 3.2 1.6 3.1 0 3.8-2.9 4.4-5.2.6-2.6 1-3.8 2.6-3.8v-2c-3.3 0-4.1 3.1-4.6 5.4z" />
        <Path d="M14.4 40H10v4h4.1z" />
      </G>
      <Circle fill="#4CAF50" cx={36} cy={36} r={10} />
      <Path
        fill="#fff"
        d="M35 34c.1.2.1.3.3.4.1.1.3.2.5.4.2.1.5.2.8.3.5.2.9.4 1.3.6.4.2.7.4 1 .7.3.3.5.6.7.9.2.4.2.8.2 1.3 0 .4-.1.8-.2 1.2-.1.4-.3.7-.6.9-.3.3-.6.5-.9.6-.4.2-.8.3-1.2.3v1.5h-1.2v-1.5c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-1-.6-.3-.3-.5-.6-.7-1.1-.2-.4-.3-.9-.3-1.5h2.2c0 .4 0 .7.1.9.1.2.2.4.4.6.2.1.3.2.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.3-.2.4-.3.1-.1.2-.3.3-.4.1-.2.1-.3.1-.5s0-.4-.1-.6c-.1-.2-.1-.3-.3-.4-.1-.1-.3-.3-.5-.4-.2-.1-.4-.2-.7-.3-.5-.2-.9-.4-1.3-.6-.4-.2-.7-.4-1-.7-.3-.3-.5-.6-.7-.9-.2-.4-.2-.8-.2-1.3 0-.4.1-.8.2-1.2.1-.3.3-.7.6-.9.3-.3.6-.5.9-.6.4-.2.8-.3 1.2-.3v-1.6H37v1.6c.4.1.8.2 1.2.4.4.2.6.4.9.7.2.3.4.6.6 1 .1.4.2.9.2 1.4h-2.2c0-.6-.1-1-.4-1.3-.2-.3-.6-.4-1-.4-.2 0-.4 0-.6.1-.2.1-.3.2-.4.3-.2 0-.3.1-.3.3s-.1.3-.1.5 0 .4.1.5z"
      />
    </Svg>
  );
}

export default FlatcoloriconsDebt;


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="M10 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z"
      />
      <path
        fill="#607D8B"
        d="M2 22v8l3 2 1 14h8l1-14 3-2v-8c0-4.4-3.6-8-8-8s-8 3.6-8 8z"
      />
      <g fill="#263238">
        <path d="M22.4 40.4c-.6 2.5-1 3.6-2.4 3.6-.6 0-1.2-.5-1.9-1.1-1-.8-2.2-1.9-4.1-1.9v2c1.1 0 1.9.7 2.8 1.4.9.7 1.9 1.6 3.2 1.6 3.1 0 3.8-2.9 4.4-5.2.6-2.6 1-3.8 2.6-3.8v-2c-3.3 0-4.1 3.1-4.6 5.4z" />
        <path d="M14.4 40H10v4h4.1z" />
      </g>
      <circle fill="#4CAF50" cx={36} cy={36} r={10} />
      <path
        fill="#fff"
        d="M35 34c.1.2.1.3.3.4.1.1.3.2.5.4.2.1.5.2.8.3.5.2.9.4 1.3.6.4.2.7.4 1 .7.3.3.5.6.7.9.2.4.2.8.2 1.3 0 .4-.1.8-.2 1.2-.1.4-.3.7-.6.9-.3.3-.6.5-.9.6-.4.2-.8.3-1.2.3v1.5h-1.2v-1.5c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-1-.6-.3-.3-.5-.6-.7-1.1-.2-.4-.3-.9-.3-1.5h2.2c0 .4 0 .7.1.9.1.2.2.4.4.6.2.1.3.2.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.3-.2.4-.3.1-.1.2-.3.3-.4.1-.2.1-.3.1-.5s0-.4-.1-.6c-.1-.2-.1-.3-.3-.4-.1-.1-.3-.3-.5-.4-.2-.1-.4-.2-.7-.3-.5-.2-.9-.4-1.3-.6-.4-.2-.7-.4-1-.7-.3-.3-.5-.6-.7-.9-.2-.4-.2-.8-.2-1.3 0-.4.1-.8.2-1.2.1-.3.3-.7.6-.9.3-.3.6-.5.9-.6.4-.2.8-.3 1.2-.3v-1.6H37v1.6c.4.1.8.2 1.2.4.4.2.6.4.9.7.2.3.4.6.6 1 .1.4.2.9.2 1.4h-2.2c0-.6-.1-1-.4-1.3-.2-.3-.6-.4-1-.4-.2 0-.4 0-.6.1-.2.1-.3.2-.4.3-.2 0-.3.1-.3.3s-.1.3-.1.5 0 .4.1.5z"
      />
    </svg>
  ))({
    className: props.className,
  });

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


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="M10 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z"
      />
      <path
        fill="#607D8B"
        d="M2 22v8l3 2 1 14h8l1-14 3-2v-8c0-4.4-3.6-8-8-8s-8 3.6-8 8z"
      />
      <g fill="#263238">
        <path d="M22.4 40.4c-.6 2.5-1 3.6-2.4 3.6-.6 0-1.2-.5-1.9-1.1-1-.8-2.2-1.9-4.1-1.9v2c1.1 0 1.9.7 2.8 1.4.9.7 1.9 1.6 3.2 1.6 3.1 0 3.8-2.9 4.4-5.2.6-2.6 1-3.8 2.6-3.8v-2c-3.3 0-4.1 3.1-4.6 5.4z" />
        <path d="M14.4 40H10v4h4.1z" />
      </g>
      <circle fill="#4CAF50" cx={36} cy={36} r={10} />
      <path
        fill="#fff"
        d="M35 34c.1.2.1.3.3.4.1.1.3.2.5.4.2.1.5.2.8.3.5.2.9.4 1.3.6.4.2.7.4 1 .7.3.3.5.6.7.9.2.4.2.8.2 1.3 0 .4-.1.8-.2 1.2-.1.4-.3.7-.6.9-.3.3-.6.5-.9.6-.4.2-.8.3-1.2.3v1.5h-1.2v-1.5c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-1-.6-.3-.3-.5-.6-.7-1.1-.2-.4-.3-.9-.3-1.5h2.2c0 .4 0 .7.1.9.1.2.2.4.4.6.2.1.3.2.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.3-.2.4-.3.1-.1.2-.3.3-.4.1-.2.1-.3.1-.5s0-.4-.1-.6c-.1-.2-.1-.3-.3-.4-.1-.1-.3-.3-.5-.4-.2-.1-.4-.2-.7-.3-.5-.2-.9-.4-1.3-.6-.4-.2-.7-.4-1-.7-.3-.3-.5-.6-.7-.9-.2-.4-.2-.8-.2-1.3 0-.4.1-.8.2-1.2.1-.3.3-.7.6-.9.3-.3.6-.5.9-.6.4-.2.8-.3 1.2-.3v-1.6H37v1.6c.4.1.8.2 1.2.4.4.2.6.4.9.7.2.3.4.6.6 1 .1.4.2.9.2 1.4h-2.2c0-.6-.1-1-.4-1.3-.2-.3-.6-.4-1-.4-.2 0-.4 0-.6.1-.2.1-.3.2-.4.3-.2 0-.3.1-.3.3s-.1.3-.1.5 0 .4.1.5z"
      />
    </svg>
  ))({
    className: props.className,
  });

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