flatcoloricons

import * as React from "react";

function FlatcoloriconsWiFiLogo(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <g fill="#3F51B5">
        <path d="M46 26.48c0 4.527-3.268 7.52-7.3 7.52H9.299C5.269 34 2 30.634 2 26.48v-4.96C2 17.366 5.269 14 9.299 14H38.7c4.032 0 7.3 3.366 7.3 7.52v4.96z" />
        <ellipse cx={24} cy={24} rx={14.902} ry={15} />
      </g>
      <g fill="#FFF">
        <path d="M17 19h-2.736l-.837 5.859-1.039-5.831H9.93l-1.066 5.831-.81-5.831H5.266L7.597 29h2.459l1.064-6.146L12.209 29h2.484zM19 22h2.508v7H19zM21.5 19.747a1.251 1.251 0 11-2.5 0c0-.696.56-1.258 1.25-1.258s1.25.562 1.25 1.258zM38.561 16h-7.979S25 16.193 25 21.914v4.336s.101 2.941-3 5.75h16.785S44 32 44 26.447v-4.879S43.772 16 38.561 16zm-1.222 5.369h-5.651v2.236h5.094v2.344h-5.094V29H29V19h8.339v2.369zm2.911-2.88c.689 0 1.25.562 1.25 1.258 0 .693-.561 1.253-1.25 1.253S39 20.44 39 19.747c0-.696.561-1.258 1.25-1.258zM41.508 29H39v-7h2.508v7z" />
      </g>
    </svg>
  );
}

export default FlatcoloriconsWiFiLogo;


import * as React from "react";

function FlatcoloriconsWiFiLogo(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <g fill="#3F51B5">
        <path d="M46 26.48c0 4.527-3.268 7.52-7.3 7.52H9.299C5.269 34 2 30.634 2 26.48v-4.96C2 17.366 5.269 14 9.299 14H38.7c4.032 0 7.3 3.366 7.3 7.52v4.96z" />
        <ellipse cx={24} cy={24} rx={14.902} ry={15} />
      </g>
      <g fill="#FFF">
        <path d="M17 19h-2.736l-.837 5.859-1.039-5.831H9.93l-1.066 5.831-.81-5.831H5.266L7.597 29h2.459l1.064-6.146L12.209 29h2.484zM19 22h2.508v7H19zM21.5 19.747a1.251 1.251 0 11-2.5 0c0-.696.56-1.258 1.25-1.258s1.25.562 1.25 1.258zM38.561 16h-7.979S25 16.193 25 21.914v4.336s.101 2.941-3 5.75h16.785S44 32 44 26.447v-4.879S43.772 16 38.561 16zm-1.222 5.369h-5.651v2.236h5.094v2.344h-5.094V29H29V19h8.339v2.369zm2.911-2.88c.689 0 1.25.562 1.25 1.258 0 .693-.561 1.253-1.25 1.253S39 20.44 39 19.747c0-.696.561-1.258 1.25-1.258zM41.508 29H39v-7h2.508v7z" />
      </g>
    </svg>
  );
}

export default FlatcoloriconsWiFiLogo;


import { FcWiFiLogo } from react-icons/fc;

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

function FlatcoloriconsWiFiLogo(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <G fill="#3F51B5">
        <Path d="M46 26.48c0 4.527-3.268 7.52-7.3 7.52H9.299C5.269 34 2 30.634 2 26.48v-4.96C2 17.366 5.269 14 9.299 14H38.7c4.032 0 7.3 3.366 7.3 7.52v4.96z" />
        <Ellipse cx={24} cy={24} rx={14.902} ry={15} />
      </G>
      <G fill="#FFF">
        <Path d="M17 19h-2.736l-.837 5.859-1.039-5.831H9.93l-1.066 5.831-.81-5.831H5.266L7.597 29h2.459l1.064-6.146L12.209 29h2.484zM19 22h2.508v7H19zM21.5 19.747a1.251 1.251 0 11-2.5 0c0-.696.56-1.258 1.25-1.258s1.25.562 1.25 1.258zM38.561 16h-7.979S25 16.193 25 21.914v4.336s.101 2.941-3 5.75h16.785S44 32 44 26.447v-4.879S43.772 16 38.561 16zm-1.222 5.369h-5.651v2.236h5.094v2.344h-5.094V29H29V19h8.339v2.369zm2.911-2.88c.689 0 1.25.562 1.25 1.258 0 .693-.561 1.253-1.25 1.253S39 20.44 39 19.747c0-.696.561-1.258 1.25-1.258zM41.508 29H39v-7h2.508v7z" />
      </G>
    </Svg>
  );
}

export default FlatcoloriconsWiFiLogo;


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

function FlatcoloriconsWiFiLogo(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <G fill="#3F51B5">
        <Path d="M46 26.48c0 4.527-3.268 7.52-7.3 7.52H9.299C5.269 34 2 30.634 2 26.48v-4.96C2 17.366 5.269 14 9.299 14H38.7c4.032 0 7.3 3.366 7.3 7.52v4.96z" />
        <Ellipse cx={24} cy={24} rx={14.902} ry={15} />
      </G>
      <G fill="#FFF">
        <Path d="M17 19h-2.736l-.837 5.859-1.039-5.831H9.93l-1.066 5.831-.81-5.831H5.266L7.597 29h2.459l1.064-6.146L12.209 29h2.484zM19 22h2.508v7H19zM21.5 19.747a1.251 1.251 0 11-2.5 0c0-.696.56-1.258 1.25-1.258s1.25.562 1.25 1.258zM38.561 16h-7.979S25 16.193 25 21.914v4.336s.101 2.941-3 5.75h16.785S44 32 44 26.447v-4.879S43.772 16 38.561 16zm-1.222 5.369h-5.651v2.236h5.094v2.344h-5.094V29H29V19h8.339v2.369zm2.911-2.88c.689 0 1.25.562 1.25 1.258 0 .693-.561 1.253-1.25 1.253S39 20.44 39 19.747c0-.696.561-1.258 1.25-1.258zM41.508 29H39v-7h2.508v7z" />
      </G>
    </Svg>
  );
}

export default FlatcoloriconsWiFiLogo;


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

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

const SvgIcon = (props) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <g fill="#3F51B5">
        <path d="M46 26.48c0 4.527-3.268 7.52-7.3 7.52H9.299C5.269 34 2 30.634 2 26.48v-4.96C2 17.366 5.269 14 9.299 14H38.7c4.032 0 7.3 3.366 7.3 7.52v4.96z" />
        <ellipse cx={24} cy={24} rx={14.902} ry={15} />
      </g>
      <g fill="#FFF">
        <path d="M17 19h-2.736l-.837 5.859-1.039-5.831H9.93l-1.066 5.831-.81-5.831H5.266L7.597 29h2.459l1.064-6.146L12.209 29h2.484zM19 22h2.508v7H19zM21.5 19.747a1.251 1.251 0 11-2.5 0c0-.696.56-1.258 1.25-1.258s1.25.562 1.25 1.258zM38.561 16h-7.979S25 16.193 25 21.914v4.336s.101 2.941-3 5.75h16.785S44 32 44 26.447v-4.879S43.772 16 38.561 16zm-1.222 5.369h-5.651v2.236h5.094v2.344h-5.094V29H29V19h8.339v2.369zm2.911-2.88c.689 0 1.25.562 1.25 1.258 0 .693-.561 1.253-1.25 1.253S39 20.44 39 19.747c0-.696.561-1.258 1.25-1.258zM41.508 29H39v-7h2.508v7z" />
      </g>
    </svg>
  ))({
    className: props.className,
  });

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


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

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <g fill="#3F51B5">
        <path d="M46 26.48c0 4.527-3.268 7.52-7.3 7.52H9.299C5.269 34 2 30.634 2 26.48v-4.96C2 17.366 5.269 14 9.299 14H38.7c4.032 0 7.3 3.366 7.3 7.52v4.96z" />
        <ellipse cx={24} cy={24} rx={14.902} ry={15} />
      </g>
      <g fill="#FFF">
        <path d="M17 19h-2.736l-.837 5.859-1.039-5.831H9.93l-1.066 5.831-.81-5.831H5.266L7.597 29h2.459l1.064-6.146L12.209 29h2.484zM19 22h2.508v7H19zM21.5 19.747a1.251 1.251 0 11-2.5 0c0-.696.56-1.258 1.25-1.258s1.25.562 1.25 1.258zM38.561 16h-7.979S25 16.193 25 21.914v4.336s.101 2.941-3 5.75h16.785S44 32 44 26.447v-4.879S43.772 16 38.561 16zm-1.222 5.369h-5.651v2.236h5.094v2.344h-5.094V29H29V19h8.339v2.369zm2.911-2.88c.689 0 1.25.562 1.25 1.258 0 .693-.561 1.253-1.25 1.253S39 20.44 39 19.747c0-.696.561-1.258 1.25-1.258zM41.508 29H39v-7h2.508v7z" />
      </g>
    </svg>
  ))({
    className: props.className,
  });

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