flatcoloricons

import * as React from "react";

function FlatcoloriconsCurrencyExchange(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <circle fill="#3F51B5" cx={18} cy={18} r={15} />
      <path
        fill="#FFF59D"
        d="M20.3 16v1.7h-3.8v1.4h3.8v1.7h-3.8c0 .6.1 1.2.3 1.6.2.4.4.8.7 1 .3.3.7.4 1.1.6.4.1.9.2 1.4.2.4 0 .7 0 1.1-.1.4-.1.7-.1 1-.3l.4 2.7c-.4.1-.9.2-1.4.2-.5.1-1 .1-1.5.1-.9 0-1.8-.1-2.6-.4-.8-.2-1.5-.6-2-1.1-.6-.5-1-1.1-1.4-1.9-.3-.7-.5-1.6-.5-2.6h-1.9v-1.7h1.9v-1.4h-1.9V16h1.9c.1-1 .3-1.8.6-2.6.4-.7.8-1.4 1.4-1.9.6-.5 1.3-.9 2.1-1.1.8-.3 1.7-.4 2.6-.4.4 0 .9 0 1.3.1s.9.1 1.3.3l-.4 2.7c-.3-.1-.6-.2-1-.3-.4-.1-.7-.1-1.1-.1-.5 0-1 .1-1.4.2-.4.1-.8.3-1 .6-.3.3-.5.6-.7 1s-.3.9-.3 1.5h3.8z"
      />
      <circle fill="#4CAF50" cx={30} cy={30} r={15} />
      <path
        fill="#fff"
        d="M28.4 27c.1.2.2.4.4.6.2.2.4.4.7.5.3.2.7.3 1.1.5.7.3 1.4.6 2 .9.6.3 1.1.7 1.5 1.1.4.4.8.9 1 1.4.2.5.4 1.2.4 1.9s-.1 1.3-.3 1.8c-.2.5-.5 1-.9 1.4s-.9.7-1.4.9c-.6.2-1.2.4-1.8.5v2.2h-1.8v-2.2c-.6-.1-1.2-.2-1.8-.4s-1.1-.5-1.5-1c-.5-.4-.8-1-1.1-1.6-.3-.6-.4-1.4-.4-2.3h3.3c0 .5.1 1 .2 1.3.1.4.3.6.6.9.2.2.5.4.8.5.3.1.6.1.9.1.4 0 .7 0 .9-.1.3-.1.5-.2.7-.4.2-.2.3-.4.4-.6.1-.2.1-.5.1-.8 0-.3 0-.6-.1-.8-.1-.2-.2-.5-.4-.7s-.4-.4-.7-.5c-.3-.2-.7-.3-1.1-.5-.7-.3-1.4-.6-2-.9-.6-.3-1.1-.7-1.5-1.1-.4-.4-.8-.9-1-1.4-.2-.5-.4-1.2-.4-1.9 0-.6.1-1.2.3-1.7.2-.5.5-1 .9-1.4.4-.4.9-.7 1.4-1 .5-.2 1.2-.4 1.8-.5v-2.4h1.8v2.4c.6.1 1.2.3 1.8.6.5.3 1 .6 1.3 1.1.4.4.7 1 .9 1.6.2.6.3 1.3.3 2h-3.3c0-.9-.2-1.6-.6-2-.4-.4-.9-.7-1.5-.7-.3 0-.6.1-.9.2-.2.1-.4.2-.6.4-.2.2-.3.4-.3.6-.1.2-.1.5-.1.8-.1.2 0 .5 0 .7z"
      />
    </svg>
  );
}

export default FlatcoloriconsCurrencyExchange;


import * as React from "react";

function FlatcoloriconsCurrencyExchange(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <circle fill="#3F51B5" cx={18} cy={18} r={15} />
      <path
        fill="#FFF59D"
        d="M20.3 16v1.7h-3.8v1.4h3.8v1.7h-3.8c0 .6.1 1.2.3 1.6.2.4.4.8.7 1 .3.3.7.4 1.1.6.4.1.9.2 1.4.2.4 0 .7 0 1.1-.1.4-.1.7-.1 1-.3l.4 2.7c-.4.1-.9.2-1.4.2-.5.1-1 .1-1.5.1-.9 0-1.8-.1-2.6-.4-.8-.2-1.5-.6-2-1.1-.6-.5-1-1.1-1.4-1.9-.3-.7-.5-1.6-.5-2.6h-1.9v-1.7h1.9v-1.4h-1.9V16h1.9c.1-1 .3-1.8.6-2.6.4-.7.8-1.4 1.4-1.9.6-.5 1.3-.9 2.1-1.1.8-.3 1.7-.4 2.6-.4.4 0 .9 0 1.3.1s.9.1 1.3.3l-.4 2.7c-.3-.1-.6-.2-1-.3-.4-.1-.7-.1-1.1-.1-.5 0-1 .1-1.4.2-.4.1-.8.3-1 .6-.3.3-.5.6-.7 1s-.3.9-.3 1.5h3.8z"
      />
      <circle fill="#4CAF50" cx={30} cy={30} r={15} />
      <path
        fill="#fff"
        d="M28.4 27c.1.2.2.4.4.6.2.2.4.4.7.5.3.2.7.3 1.1.5.7.3 1.4.6 2 .9.6.3 1.1.7 1.5 1.1.4.4.8.9 1 1.4.2.5.4 1.2.4 1.9s-.1 1.3-.3 1.8c-.2.5-.5 1-.9 1.4s-.9.7-1.4.9c-.6.2-1.2.4-1.8.5v2.2h-1.8v-2.2c-.6-.1-1.2-.2-1.8-.4s-1.1-.5-1.5-1c-.5-.4-.8-1-1.1-1.6-.3-.6-.4-1.4-.4-2.3h3.3c0 .5.1 1 .2 1.3.1.4.3.6.6.9.2.2.5.4.8.5.3.1.6.1.9.1.4 0 .7 0 .9-.1.3-.1.5-.2.7-.4.2-.2.3-.4.4-.6.1-.2.1-.5.1-.8 0-.3 0-.6-.1-.8-.1-.2-.2-.5-.4-.7s-.4-.4-.7-.5c-.3-.2-.7-.3-1.1-.5-.7-.3-1.4-.6-2-.9-.6-.3-1.1-.7-1.5-1.1-.4-.4-.8-.9-1-1.4-.2-.5-.4-1.2-.4-1.9 0-.6.1-1.2.3-1.7.2-.5.5-1 .9-1.4.4-.4.9-.7 1.4-1 .5-.2 1.2-.4 1.8-.5v-2.4h1.8v2.4c.6.1 1.2.3 1.8.6.5.3 1 .6 1.3 1.1.4.4.7 1 .9 1.6.2.6.3 1.3.3 2h-3.3c0-.9-.2-1.6-.6-2-.4-.4-.9-.7-1.5-.7-.3 0-.6.1-.9.2-.2.1-.4.2-.6.4-.2.2-.3.4-.3.6-.1.2-.1.5-.1.8-.1.2 0 .5 0 .7z"
      />
    </svg>
  );
}

export default FlatcoloriconsCurrencyExchange;


import { FcCurrencyExchange } from react-icons/fc;

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

function FlatcoloriconsCurrencyExchange(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Circle fill="#3F51B5" cx={18} cy={18} r={15} />
      <Path
        fill="#FFF59D"
        d="M20.3 16v1.7h-3.8v1.4h3.8v1.7h-3.8c0 .6.1 1.2.3 1.6.2.4.4.8.7 1 .3.3.7.4 1.1.6.4.1.9.2 1.4.2.4 0 .7 0 1.1-.1.4-.1.7-.1 1-.3l.4 2.7c-.4.1-.9.2-1.4.2-.5.1-1 .1-1.5.1-.9 0-1.8-.1-2.6-.4-.8-.2-1.5-.6-2-1.1-.6-.5-1-1.1-1.4-1.9-.3-.7-.5-1.6-.5-2.6h-1.9v-1.7h1.9v-1.4h-1.9V16h1.9c.1-1 .3-1.8.6-2.6.4-.7.8-1.4 1.4-1.9.6-.5 1.3-.9 2.1-1.1.8-.3 1.7-.4 2.6-.4.4 0 .9 0 1.3.1s.9.1 1.3.3l-.4 2.7c-.3-.1-.6-.2-1-.3-.4-.1-.7-.1-1.1-.1-.5 0-1 .1-1.4.2-.4.1-.8.3-1 .6-.3.3-.5.6-.7 1s-.3.9-.3 1.5h3.8z"
      />
      <Circle fill="#4CAF50" cx={30} cy={30} r={15} />
      <Path
        fill="#fff"
        d="M28.4 27c.1.2.2.4.4.6.2.2.4.4.7.5.3.2.7.3 1.1.5.7.3 1.4.6 2 .9.6.3 1.1.7 1.5 1.1.4.4.8.9 1 1.4.2.5.4 1.2.4 1.9s-.1 1.3-.3 1.8c-.2.5-.5 1-.9 1.4s-.9.7-1.4.9c-.6.2-1.2.4-1.8.5v2.2h-1.8v-2.2c-.6-.1-1.2-.2-1.8-.4s-1.1-.5-1.5-1c-.5-.4-.8-1-1.1-1.6-.3-.6-.4-1.4-.4-2.3h3.3c0 .5.1 1 .2 1.3.1.4.3.6.6.9.2.2.5.4.8.5.3.1.6.1.9.1.4 0 .7 0 .9-.1.3-.1.5-.2.7-.4.2-.2.3-.4.4-.6.1-.2.1-.5.1-.8 0-.3 0-.6-.1-.8-.1-.2-.2-.5-.4-.7s-.4-.4-.7-.5c-.3-.2-.7-.3-1.1-.5-.7-.3-1.4-.6-2-.9-.6-.3-1.1-.7-1.5-1.1-.4-.4-.8-.9-1-1.4-.2-.5-.4-1.2-.4-1.9 0-.6.1-1.2.3-1.7.2-.5.5-1 .9-1.4.4-.4.9-.7 1.4-1 .5-.2 1.2-.4 1.8-.5v-2.4h1.8v2.4c.6.1 1.2.3 1.8.6.5.3 1 .6 1.3 1.1.4.4.7 1 .9 1.6.2.6.3 1.3.3 2h-3.3c0-.9-.2-1.6-.6-2-.4-.4-.9-.7-1.5-.7-.3 0-.6.1-.9.2-.2.1-.4.2-.6.4-.2.2-.3.4-.3.6-.1.2-.1.5-.1.8-.1.2 0 .5 0 .7z"
      />
    </Svg>
  );
}

export default FlatcoloriconsCurrencyExchange;


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

function FlatcoloriconsCurrencyExchange(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Circle fill="#3F51B5" cx={18} cy={18} r={15} />
      <Path
        fill="#FFF59D"
        d="M20.3 16v1.7h-3.8v1.4h3.8v1.7h-3.8c0 .6.1 1.2.3 1.6.2.4.4.8.7 1 .3.3.7.4 1.1.6.4.1.9.2 1.4.2.4 0 .7 0 1.1-.1.4-.1.7-.1 1-.3l.4 2.7c-.4.1-.9.2-1.4.2-.5.1-1 .1-1.5.1-.9 0-1.8-.1-2.6-.4-.8-.2-1.5-.6-2-1.1-.6-.5-1-1.1-1.4-1.9-.3-.7-.5-1.6-.5-2.6h-1.9v-1.7h1.9v-1.4h-1.9V16h1.9c.1-1 .3-1.8.6-2.6.4-.7.8-1.4 1.4-1.9.6-.5 1.3-.9 2.1-1.1.8-.3 1.7-.4 2.6-.4.4 0 .9 0 1.3.1s.9.1 1.3.3l-.4 2.7c-.3-.1-.6-.2-1-.3-.4-.1-.7-.1-1.1-.1-.5 0-1 .1-1.4.2-.4.1-.8.3-1 .6-.3.3-.5.6-.7 1s-.3.9-.3 1.5h3.8z"
      />
      <Circle fill="#4CAF50" cx={30} cy={30} r={15} />
      <Path
        fill="#fff"
        d="M28.4 27c.1.2.2.4.4.6.2.2.4.4.7.5.3.2.7.3 1.1.5.7.3 1.4.6 2 .9.6.3 1.1.7 1.5 1.1.4.4.8.9 1 1.4.2.5.4 1.2.4 1.9s-.1 1.3-.3 1.8c-.2.5-.5 1-.9 1.4s-.9.7-1.4.9c-.6.2-1.2.4-1.8.5v2.2h-1.8v-2.2c-.6-.1-1.2-.2-1.8-.4s-1.1-.5-1.5-1c-.5-.4-.8-1-1.1-1.6-.3-.6-.4-1.4-.4-2.3h3.3c0 .5.1 1 .2 1.3.1.4.3.6.6.9.2.2.5.4.8.5.3.1.6.1.9.1.4 0 .7 0 .9-.1.3-.1.5-.2.7-.4.2-.2.3-.4.4-.6.1-.2.1-.5.1-.8 0-.3 0-.6-.1-.8-.1-.2-.2-.5-.4-.7s-.4-.4-.7-.5c-.3-.2-.7-.3-1.1-.5-.7-.3-1.4-.6-2-.9-.6-.3-1.1-.7-1.5-1.1-.4-.4-.8-.9-1-1.4-.2-.5-.4-1.2-.4-1.9 0-.6.1-1.2.3-1.7.2-.5.5-1 .9-1.4.4-.4.9-.7 1.4-1 .5-.2 1.2-.4 1.8-.5v-2.4h1.8v2.4c.6.1 1.2.3 1.8.6.5.3 1 .6 1.3 1.1.4.4.7 1 .9 1.6.2.6.3 1.3.3 2h-3.3c0-.9-.2-1.6-.6-2-.4-.4-.9-.7-1.5-.7-.3 0-.6.1-.9.2-.2.1-.4.2-.6.4-.2.2-.3.4-.3.6-.1.2-.1.5-.1.8-.1.2 0 .5 0 .7z"
      />
    </Svg>
  );
}

export default FlatcoloriconsCurrencyExchange;


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}>
      <circle fill="#3F51B5" cx={18} cy={18} r={15} />
      <path
        fill="#FFF59D"
        d="M20.3 16v1.7h-3.8v1.4h3.8v1.7h-3.8c0 .6.1 1.2.3 1.6.2.4.4.8.7 1 .3.3.7.4 1.1.6.4.1.9.2 1.4.2.4 0 .7 0 1.1-.1.4-.1.7-.1 1-.3l.4 2.7c-.4.1-.9.2-1.4.2-.5.1-1 .1-1.5.1-.9 0-1.8-.1-2.6-.4-.8-.2-1.5-.6-2-1.1-.6-.5-1-1.1-1.4-1.9-.3-.7-.5-1.6-.5-2.6h-1.9v-1.7h1.9v-1.4h-1.9V16h1.9c.1-1 .3-1.8.6-2.6.4-.7.8-1.4 1.4-1.9.6-.5 1.3-.9 2.1-1.1.8-.3 1.7-.4 2.6-.4.4 0 .9 0 1.3.1s.9.1 1.3.3l-.4 2.7c-.3-.1-.6-.2-1-.3-.4-.1-.7-.1-1.1-.1-.5 0-1 .1-1.4.2-.4.1-.8.3-1 .6-.3.3-.5.6-.7 1s-.3.9-.3 1.5h3.8z"
      />
      <circle fill="#4CAF50" cx={30} cy={30} r={15} />
      <path
        fill="#fff"
        d="M28.4 27c.1.2.2.4.4.6.2.2.4.4.7.5.3.2.7.3 1.1.5.7.3 1.4.6 2 .9.6.3 1.1.7 1.5 1.1.4.4.8.9 1 1.4.2.5.4 1.2.4 1.9s-.1 1.3-.3 1.8c-.2.5-.5 1-.9 1.4s-.9.7-1.4.9c-.6.2-1.2.4-1.8.5v2.2h-1.8v-2.2c-.6-.1-1.2-.2-1.8-.4s-1.1-.5-1.5-1c-.5-.4-.8-1-1.1-1.6-.3-.6-.4-1.4-.4-2.3h3.3c0 .5.1 1 .2 1.3.1.4.3.6.6.9.2.2.5.4.8.5.3.1.6.1.9.1.4 0 .7 0 .9-.1.3-.1.5-.2.7-.4.2-.2.3-.4.4-.6.1-.2.1-.5.1-.8 0-.3 0-.6-.1-.8-.1-.2-.2-.5-.4-.7s-.4-.4-.7-.5c-.3-.2-.7-.3-1.1-.5-.7-.3-1.4-.6-2-.9-.6-.3-1.1-.7-1.5-1.1-.4-.4-.8-.9-1-1.4-.2-.5-.4-1.2-.4-1.9 0-.6.1-1.2.3-1.7.2-.5.5-1 .9-1.4.4-.4.9-.7 1.4-1 .5-.2 1.2-.4 1.8-.5v-2.4h1.8v2.4c.6.1 1.2.3 1.8.6.5.3 1 .6 1.3 1.1.4.4.7 1 .9 1.6.2.6.3 1.3.3 2h-3.3c0-.9-.2-1.6-.6-2-.4-.4-.9-.7-1.5-.7-.3 0-.6.1-.9.2-.2.1-.4.2-.6.4-.2.2-.3.4-.3.6-.1.2-.1.5-.1.8-.1.2 0 .5 0 .7z"
      />
    </svg>
  ))({
    className: props.className,
  });

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


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}>
      <circle fill="#3F51B5" cx={18} cy={18} r={15} />
      <path
        fill="#FFF59D"
        d="M20.3 16v1.7h-3.8v1.4h3.8v1.7h-3.8c0 .6.1 1.2.3 1.6.2.4.4.8.7 1 .3.3.7.4 1.1.6.4.1.9.2 1.4.2.4 0 .7 0 1.1-.1.4-.1.7-.1 1-.3l.4 2.7c-.4.1-.9.2-1.4.2-.5.1-1 .1-1.5.1-.9 0-1.8-.1-2.6-.4-.8-.2-1.5-.6-2-1.1-.6-.5-1-1.1-1.4-1.9-.3-.7-.5-1.6-.5-2.6h-1.9v-1.7h1.9v-1.4h-1.9V16h1.9c.1-1 .3-1.8.6-2.6.4-.7.8-1.4 1.4-1.9.6-.5 1.3-.9 2.1-1.1.8-.3 1.7-.4 2.6-.4.4 0 .9 0 1.3.1s.9.1 1.3.3l-.4 2.7c-.3-.1-.6-.2-1-.3-.4-.1-.7-.1-1.1-.1-.5 0-1 .1-1.4.2-.4.1-.8.3-1 .6-.3.3-.5.6-.7 1s-.3.9-.3 1.5h3.8z"
      />
      <circle fill="#4CAF50" cx={30} cy={30} r={15} />
      <path
        fill="#fff"
        d="M28.4 27c.1.2.2.4.4.6.2.2.4.4.7.5.3.2.7.3 1.1.5.7.3 1.4.6 2 .9.6.3 1.1.7 1.5 1.1.4.4.8.9 1 1.4.2.5.4 1.2.4 1.9s-.1 1.3-.3 1.8c-.2.5-.5 1-.9 1.4s-.9.7-1.4.9c-.6.2-1.2.4-1.8.5v2.2h-1.8v-2.2c-.6-.1-1.2-.2-1.8-.4s-1.1-.5-1.5-1c-.5-.4-.8-1-1.1-1.6-.3-.6-.4-1.4-.4-2.3h3.3c0 .5.1 1 .2 1.3.1.4.3.6.6.9.2.2.5.4.8.5.3.1.6.1.9.1.4 0 .7 0 .9-.1.3-.1.5-.2.7-.4.2-.2.3-.4.4-.6.1-.2.1-.5.1-.8 0-.3 0-.6-.1-.8-.1-.2-.2-.5-.4-.7s-.4-.4-.7-.5c-.3-.2-.7-.3-1.1-.5-.7-.3-1.4-.6-2-.9-.6-.3-1.1-.7-1.5-1.1-.4-.4-.8-.9-1-1.4-.2-.5-.4-1.2-.4-1.9 0-.6.1-1.2.3-1.7.2-.5.5-1 .9-1.4.4-.4.9-.7 1.4-1 .5-.2 1.2-.4 1.8-.5v-2.4h1.8v2.4c.6.1 1.2.3 1.8.6.5.3 1 .6 1.3 1.1.4.4.7 1 .9 1.6.2.6.3 1.3.3 2h-3.3c0-.9-.2-1.6-.6-2-.4-.4-.9-.7-1.5-.7-.3 0-.6.1-.9.2-.2.1-.4.2-.6.4-.2.2-.3.4-.3.6-.1.2-.1.5-.1.8-.1.2 0 .5 0 .7z"
      />
    </svg>
  ))({
    className: props.className,
  });

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