flatcoloricons

import * as React from "react";

function FlatcoloriconsUsb(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <path
        fill="#1565C0"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zm4.543 2.77s1.436-.743 1.436-3.093c0-3.715-4.377-3.516-4.377-3.516h-2.865l.674-3H17.961c-9.344 0-12.158 6.774-12.158 6.774l-.067.226H2.547l-1.047 6h3.37l.001.143S4.586 33.5 15.334 33.5h19.042l.679-3h4.389c4.729 0 5.591-3.354 5.591-4.9-.003-1.762-.971-2.491-.971-2.491z"
      />
      <path
        fill="#FFF"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zM14.022 29.5c-5.306 0-5.306-3.624-5.238-3.986a1911.4 1911.4 0 011.789-8.014h3.84l-1.358 6.354s-.971 2.728 1.251 2.728c2.081 0 2.336-2.535 2.336-2.535l1.465-6.543h3.839l-1.582 6.979c.001-.003-.106 5.017-6.342 5.017zm12.076.021c-2.674 0-4.958-1.262-4.856-4.14h3.438c0 .576.086 1.627 1.633 1.627.627 0 1.688-.266 1.688-1.133 0-1.631-5.597-.785-5.597-4.57 0-2.063 1.899-3.785 4.989-3.785 4.976 0 4.613 3.749 4.613 3.749h-3.369c0-1.044-.664-1.204-1.463-1.204-.8 0-1.372.343-1.372.944 0 1.471 5.634.456 5.634 4.531 0 1.765-1.424 3.981-5.338 3.981zm13.268-.021h-7.515l2.601-12h6.556c1.113 0 3.43.234 3.43 2.542 0 2.602-2.227 3.013-2.227 3.013s1.764.407 1.764 2.473c0 3.929-4.2 3.972-4.609 3.972z"
      />
    </svg>
  );
}

export default FlatcoloriconsUsb;


import * as React from "react";

function FlatcoloriconsUsb(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <path
        fill="#1565C0"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zm4.543 2.77s1.436-.743 1.436-3.093c0-3.715-4.377-3.516-4.377-3.516h-2.865l.674-3H17.961c-9.344 0-12.158 6.774-12.158 6.774l-.067.226H2.547l-1.047 6h3.37l.001.143S4.586 33.5 15.334 33.5h19.042l.679-3h4.389c4.729 0 5.591-3.354 5.591-4.9-.003-1.762-.971-2.491-.971-2.491z"
      />
      <path
        fill="#FFF"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zM14.022 29.5c-5.306 0-5.306-3.624-5.238-3.986a1911.4 1911.4 0 011.789-8.014h3.84l-1.358 6.354s-.971 2.728 1.251 2.728c2.081 0 2.336-2.535 2.336-2.535l1.465-6.543h3.839l-1.582 6.979c.001-.003-.106 5.017-6.342 5.017zm12.076.021c-2.674 0-4.958-1.262-4.856-4.14h3.438c0 .576.086 1.627 1.633 1.627.627 0 1.688-.266 1.688-1.133 0-1.631-5.597-.785-5.597-4.57 0-2.063 1.899-3.785 4.989-3.785 4.976 0 4.613 3.749 4.613 3.749h-3.369c0-1.044-.664-1.204-1.463-1.204-.8 0-1.372.343-1.372.944 0 1.471 5.634.456 5.634 4.531 0 1.765-1.424 3.981-5.338 3.981zm13.268-.021h-7.515l2.601-12h6.556c1.113 0 3.43.234 3.43 2.542 0 2.602-2.227 3.013-2.227 3.013s1.764.407 1.764 2.473c0 3.929-4.2 3.972-4.609 3.972z"
      />
    </svg>
  );
}

export default FlatcoloriconsUsb;


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

function FlatcoloriconsUsb(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <Path
        fill="#1565C0"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zm4.543 2.77s1.436-.743 1.436-3.093c0-3.715-4.377-3.516-4.377-3.516h-2.865l.674-3H17.961c-9.344 0-12.158 6.774-12.158 6.774l-.067.226H2.547l-1.047 6h3.37l.001.143S4.586 33.5 15.334 33.5h19.042l.679-3h4.389c4.729 0 5.591-3.354 5.591-4.9-.003-1.762-.971-2.491-.971-2.491z"
      />
      <Path
        fill="#FFF"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zM14.022 29.5c-5.306 0-5.306-3.624-5.238-3.986a1911.4 1911.4 0 011.789-8.014h3.84l-1.358 6.354s-.971 2.728 1.251 2.728c2.081 0 2.336-2.535 2.336-2.535l1.465-6.543h3.839l-1.582 6.979c.001-.003-.106 5.017-6.342 5.017zm12.076.021c-2.674 0-4.958-1.262-4.856-4.14h3.438c0 .576.086 1.627 1.633 1.627.627 0 1.688-.266 1.688-1.133 0-1.631-5.597-.785-5.597-4.57 0-2.063 1.899-3.785 4.989-3.785 4.976 0 4.613 3.749 4.613 3.749h-3.369c0-1.044-.664-1.204-1.463-1.204-.8 0-1.372.343-1.372.944 0 1.471 5.634.456 5.634 4.531 0 1.765-1.424 3.981-5.338 3.981zm13.268-.021h-7.515l2.601-12h6.556c1.113 0 3.43.234 3.43 2.542 0 2.602-2.227 3.013-2.227 3.013s1.764.407 1.764 2.473c0 3.929-4.2 3.972-4.609 3.972z"
      />
    </Svg>
  );
}

export default FlatcoloriconsUsb;


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

function FlatcoloriconsUsb(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <Path
        fill="#1565C0"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zm4.543 2.77s1.436-.743 1.436-3.093c0-3.715-4.377-3.516-4.377-3.516h-2.865l.674-3H17.961c-9.344 0-12.158 6.774-12.158 6.774l-.067.226H2.547l-1.047 6h3.37l.001.143S4.586 33.5 15.334 33.5h19.042l.679-3h4.389c4.729 0 5.591-3.354 5.591-4.9-.003-1.762-.971-2.491-.971-2.491z"
      />
      <Path
        fill="#FFF"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zM14.022 29.5c-5.306 0-5.306-3.624-5.238-3.986a1911.4 1911.4 0 011.789-8.014h3.84l-1.358 6.354s-.971 2.728 1.251 2.728c2.081 0 2.336-2.535 2.336-2.535l1.465-6.543h3.839l-1.582 6.979c.001-.003-.106 5.017-6.342 5.017zm12.076.021c-2.674 0-4.958-1.262-4.856-4.14h3.438c0 .576.086 1.627 1.633 1.627.627 0 1.688-.266 1.688-1.133 0-1.631-5.597-.785-5.597-4.57 0-2.063 1.899-3.785 4.989-3.785 4.976 0 4.613 3.749 4.613 3.749h-3.369c0-1.044-.664-1.204-1.463-1.204-.8 0-1.372.343-1.372.944 0 1.471 5.634.456 5.634 4.531 0 1.765-1.424 3.981-5.338 3.981zm13.268-.021h-7.515l2.601-12h6.556c1.113 0 3.43.234 3.43 2.542 0 2.602-2.227 3.013-2.227 3.013s1.764.407 1.764 2.473c0 3.929-4.2 3.972-4.609 3.972z"
      />
    </Svg>
  );
}

export default FlatcoloriconsUsb;


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}>
      <path
        fill="#1565C0"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zm4.543 2.77s1.436-.743 1.436-3.093c0-3.715-4.377-3.516-4.377-3.516h-2.865l.674-3H17.961c-9.344 0-12.158 6.774-12.158 6.774l-.067.226H2.547l-1.047 6h3.37l.001.143S4.586 33.5 15.334 33.5h19.042l.679-3h4.389c4.729 0 5.591-3.354 5.591-4.9-.003-1.762-.971-2.491-.971-2.491z"
      />
      <path
        fill="#FFF"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zM14.022 29.5c-5.306 0-5.306-3.624-5.238-3.986a1911.4 1911.4 0 011.789-8.014h3.84l-1.358 6.354s-.971 2.728 1.251 2.728c2.081 0 2.336-2.535 2.336-2.535l1.465-6.543h3.839l-1.582 6.979c.001-.003-.106 5.017-6.342 5.017zm12.076.021c-2.674 0-4.958-1.262-4.856-4.14h3.438c0 .576.086 1.627 1.633 1.627.627 0 1.688-.266 1.688-1.133 0-1.631-5.597-.785-5.597-4.57 0-2.063 1.899-3.785 4.989-3.785 4.976 0 4.613 3.749 4.613 3.749h-3.369c0-1.044-.664-1.204-1.463-1.204-.8 0-1.372.343-1.372.944 0 1.471 5.634.456 5.634 4.531 0 1.765-1.424 3.981-5.338 3.981zm13.268-.021h-7.515l2.601-12h6.556c1.113 0 3.43.234 3.43 2.542 0 2.602-2.227 3.013-2.227 3.013s1.764.407 1.764 2.473c0 3.929-4.2 3.972-4.609 3.972z"
      />
    </svg>
  ))({
    className: props.className,
  });

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


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}>
      <path
        fill="#1565C0"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zm4.543 2.77s1.436-.743 1.436-3.093c0-3.715-4.377-3.516-4.377-3.516h-2.865l.674-3H17.961c-9.344 0-12.158 6.774-12.158 6.774l-.067.226H2.547l-1.047 6h3.37l.001.143S4.586 33.5 15.334 33.5h19.042l.679-3h4.389c4.729 0 5.591-3.354 5.591-4.9-.003-1.762-.971-2.491-.971-2.491z"
      />
      <path
        fill="#FFF"
        d="M38.701 24.355h-2.189l-.467 2.265h2.51c.233 0 1.545-.167 1.545-1.267 0-1.087-1.399-.998-1.399-.998zm.82-4.016h-2.15l-.374 1.796h2.337c.188 0 1.113-.146 1.113-1.006 0-.858-.926-.79-.926-.79zM14.022 29.5c-5.306 0-5.306-3.624-5.238-3.986a1911.4 1911.4 0 011.789-8.014h3.84l-1.358 6.354s-.971 2.728 1.251 2.728c2.081 0 2.336-2.535 2.336-2.535l1.465-6.543h3.839l-1.582 6.979c.001-.003-.106 5.017-6.342 5.017zm12.076.021c-2.674 0-4.958-1.262-4.856-4.14h3.438c0 .576.086 1.627 1.633 1.627.627 0 1.688-.266 1.688-1.133 0-1.631-5.597-.785-5.597-4.57 0-2.063 1.899-3.785 4.989-3.785 4.976 0 4.613 3.749 4.613 3.749h-3.369c0-1.044-.664-1.204-1.463-1.204-.8 0-1.372.343-1.372.944 0 1.471 5.634.456 5.634 4.531 0 1.765-1.424 3.981-5.338 3.981zm13.268-.021h-7.515l2.601-12h6.556c1.113 0 3.43.234 3.43 2.542 0 2.602-2.227 3.013-2.227 3.013s1.764.407 1.764 2.473c0 3.929-4.2 3.972-4.609 3.972z"
      />
    </svg>
  ))({
    className: props.className,
  });

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