flatcoloricons

import * as React from "react";

function FlatcoloriconsCamcorder(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#607D8B"
        d="M20 42H10c-2.2 0-4-1.8-4-4V15c0-5 4-9 9-9s9 4 9 9v23c0 2.2-1.8 4-4 4z"
      />
      <circle fill="#455A64" cx={15} cy={15} r={7} />
      <circle fill="#42A5F5" cx={15} cy={15} r={5.2} />
      <path
        fill="#90CAF9"
        d="M18.3 13c-.8-.9-2-1.5-3.3-1.5s-2.4.5-3.3 1.5c-.3.4-.3.9.1 1.2.4.3.9.3 1.2-.1 1-1.2 2.9-1.2 3.9 0 .2.2.4.3.7.3.2 0 .4-.1.6-.2.4-.3.4-.9.1-1.2z"
      />
      <path
        fill="#607D8B"
        d="M40 31H28c-1.1 0-2-.9-2-2V19c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2z"
      />
      <path fill="#455A64" d="M24 19h2v10h-2z" />
      <path fill="#03A9F4" d="M28 19h12v10H28z" />
      <path fill="#4FC3F7" d="M33 22.2L29 28h8z" />
      <g fill="#B3E5FC">
        <circle cx={37.5} cy={21.5} r={1} />
        <path d="M36 24.2L33 28h6z" />
      </g>
      <circle fill="#455A64" cx={15} cy={35} r={3} />
      <circle fill="#F44336" cx={15} cy={35} r={2} />
    </svg>
  );
}

export default FlatcoloriconsCamcorder;


import * as React from "react";

function FlatcoloriconsCamcorder(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path
        fill="#607D8B"
        d="M20 42H10c-2.2 0-4-1.8-4-4V15c0-5 4-9 9-9s9 4 9 9v23c0 2.2-1.8 4-4 4z"
      />
      <circle fill="#455A64" cx={15} cy={15} r={7} />
      <circle fill="#42A5F5" cx={15} cy={15} r={5.2} />
      <path
        fill="#90CAF9"
        d="M18.3 13c-.8-.9-2-1.5-3.3-1.5s-2.4.5-3.3 1.5c-.3.4-.3.9.1 1.2.4.3.9.3 1.2-.1 1-1.2 2.9-1.2 3.9 0 .2.2.4.3.7.3.2 0 .4-.1.6-.2.4-.3.4-.9.1-1.2z"
      />
      <path
        fill="#607D8B"
        d="M40 31H28c-1.1 0-2-.9-2-2V19c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2z"
      />
      <path fill="#455A64" d="M24 19h2v10h-2z" />
      <path fill="#03A9F4" d="M28 19h12v10H28z" />
      <path fill="#4FC3F7" d="M33 22.2L29 28h8z" />
      <g fill="#B3E5FC">
        <circle cx={37.5} cy={21.5} r={1} />
        <path d="M36 24.2L33 28h6z" />
      </g>
      <circle fill="#455A64" cx={15} cy={35} r={3} />
      <circle fill="#F44336" cx={15} cy={35} r={2} />
    </svg>
  );
}

export default FlatcoloriconsCamcorder;


import { FcCamcorder } from react-icons/fc;

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

function FlatcoloriconsCamcorder(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#607D8B"
        d="M20 42H10c-2.2 0-4-1.8-4-4V15c0-5 4-9 9-9s9 4 9 9v23c0 2.2-1.8 4-4 4z"
      />
      <Circle fill="#455A64" cx={15} cy={15} r={7} />
      <Circle fill="#42A5F5" cx={15} cy={15} r={5.2} />
      <Path
        fill="#90CAF9"
        d="M18.3 13c-.8-.9-2-1.5-3.3-1.5s-2.4.5-3.3 1.5c-.3.4-.3.9.1 1.2.4.3.9.3 1.2-.1 1-1.2 2.9-1.2 3.9 0 .2.2.4.3.7.3.2 0 .4-.1.6-.2.4-.3.4-.9.1-1.2z"
      />
      <Path
        fill="#607D8B"
        d="M40 31H28c-1.1 0-2-.9-2-2V19c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2z"
      />
      <Path fill="#455A64" d="M24 19h2v10h-2z" />
      <Path fill="#03A9F4" d="M28 19h12v10H28z" />
      <Path fill="#4FC3F7" d="M33 22.2L29 28h8z" />
      <G fill="#B3E5FC">
        <Circle cx={37.5} cy={21.5} r={1} />
        <Path d="M36 24.2L33 28h6z" />
      </G>
      <Circle fill="#455A64" cx={15} cy={35} r={3} />
      <Circle fill="#F44336" cx={15} cy={35} r={2} />
    </Svg>
  );
}

export default FlatcoloriconsCamcorder;


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

function FlatcoloriconsCamcorder(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path
        fill="#607D8B"
        d="M20 42H10c-2.2 0-4-1.8-4-4V15c0-5 4-9 9-9s9 4 9 9v23c0 2.2-1.8 4-4 4z"
      />
      <Circle fill="#455A64" cx={15} cy={15} r={7} />
      <Circle fill="#42A5F5" cx={15} cy={15} r={5.2} />
      <Path
        fill="#90CAF9"
        d="M18.3 13c-.8-.9-2-1.5-3.3-1.5s-2.4.5-3.3 1.5c-.3.4-.3.9.1 1.2.4.3.9.3 1.2-.1 1-1.2 2.9-1.2 3.9 0 .2.2.4.3.7.3.2 0 .4-.1.6-.2.4-.3.4-.9.1-1.2z"
      />
      <Path
        fill="#607D8B"
        d="M40 31H28c-1.1 0-2-.9-2-2V19c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2z"
      />
      <Path fill="#455A64" d="M24 19h2v10h-2z" />
      <Path fill="#03A9F4" d="M28 19h12v10H28z" />
      <Path fill="#4FC3F7" d="M33 22.2L29 28h8z" />
      <G fill="#B3E5FC">
        <Circle cx={37.5} cy={21.5} r={1} />
        <Path d="M36 24.2L33 28h6z" />
      </G>
      <Circle fill="#455A64" cx={15} cy={35} r={3} />
      <Circle fill="#F44336" cx={15} cy={35} r={2} />
    </Svg>
  );
}

export default FlatcoloriconsCamcorder;


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="#607D8B"
        d="M20 42H10c-2.2 0-4-1.8-4-4V15c0-5 4-9 9-9s9 4 9 9v23c0 2.2-1.8 4-4 4z"
      />
      <circle fill="#455A64" cx={15} cy={15} r={7} />
      <circle fill="#42A5F5" cx={15} cy={15} r={5.2} />
      <path
        fill="#90CAF9"
        d="M18.3 13c-.8-.9-2-1.5-3.3-1.5s-2.4.5-3.3 1.5c-.3.4-.3.9.1 1.2.4.3.9.3 1.2-.1 1-1.2 2.9-1.2 3.9 0 .2.2.4.3.7.3.2 0 .4-.1.6-.2.4-.3.4-.9.1-1.2z"
      />
      <path
        fill="#607D8B"
        d="M40 31H28c-1.1 0-2-.9-2-2V19c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2z"
      />
      <path fill="#455A64" d="M24 19h2v10h-2z" />
      <path fill="#03A9F4" d="M28 19h12v10H28z" />
      <path fill="#4FC3F7" d="M33 22.2L29 28h8z" />
      <g fill="#B3E5FC">
        <circle cx={37.5} cy={21.5} r={1} />
        <path d="M36 24.2L33 28h6z" />
      </g>
      <circle fill="#455A64" cx={15} cy={35} r={3} />
      <circle fill="#F44336" cx={15} cy={35} r={2} />
    </svg>
  ))({
    className: props.className,
  });

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


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="#607D8B"
        d="M20 42H10c-2.2 0-4-1.8-4-4V15c0-5 4-9 9-9s9 4 9 9v23c0 2.2-1.8 4-4 4z"
      />
      <circle fill="#455A64" cx={15} cy={15} r={7} />
      <circle fill="#42A5F5" cx={15} cy={15} r={5.2} />
      <path
        fill="#90CAF9"
        d="M18.3 13c-.8-.9-2-1.5-3.3-1.5s-2.4.5-3.3 1.5c-.3.4-.3.9.1 1.2.4.3.9.3 1.2-.1 1-1.2 2.9-1.2 3.9 0 .2.2.4.3.7.3.2 0 .4-.1.6-.2.4-.3.4-.9.1-1.2z"
      />
      <path
        fill="#607D8B"
        d="M40 31H28c-1.1 0-2-.9-2-2V19c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2z"
      />
      <path fill="#455A64" d="M24 19h2v10h-2z" />
      <path fill="#03A9F4" d="M28 19h12v10H28z" />
      <path fill="#4FC3F7" d="M33 22.2L29 28h8z" />
      <g fill="#B3E5FC">
        <circle cx={37.5} cy={21.5} r={1} />
        <path d="M36 24.2L33 28h6z" />
      </g>
      <circle fill="#455A64" cx={15} cy={35} r={3} />
      <circle fill="#F44336" cx={15} cy={35} r={2} />
    </svg>
  ))({
    className: props.className,
  });

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