flatcoloricons

import * as React from "react";

function FlatcoloriconsDvdLogo(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <path
        fill="#42A5F5"
        d="M24.002 27c-12.154 0-22 1.343-22 3.006 0 1.653 9.845 2.994 22 2.994 12.156 0 22-1.341 22-2.994 0-1.663-9.844-3.006-22-3.006zm0 3.972c-2.863 0-5.191-.494-5.191-1.104 0-.609 2.329-1.104 5.191-1.104 2.862 0 5.193.495 5.193 1.104 0 .61-2.331 1.104-5.193 1.104z"
      />
      <path
        fill="#1565C0"
        d="M21.29 15l2.371 6.43L29.25 15h9.486c4.647 0 7.906 2.148 7.158 4.904-.745 2.756-5.178 4.904-9.803 4.904h-6.295s.141-.043.172-.126c.246-.944 1.707-6.264 1.725-6.347.02-.102-.105-.133-.105-.133h4.572s-.088-.006-.125.133a757.71 757.71 0 00-1.145 4.176c-.023.094-.162.139-.162.139h1.094c2.594 0 5.047-.828 5.563-2.748.473-1.752-1.244-2.746-4.039-2.746h-1.014l-4.375.004-10.043 9.932-3.845-9.754s-.036-.066-.065-.147c-.014-.026-.108-.106-.206-.063-.065.036-.074.117-.066.146.036.066.042.08.048.111.569.93.467 2.009.33 2.52-.774 2.75-5.186 4.904-9.812 4.904H2.002s.149-.043.172-.126c.254-.946 1.717-6.294 1.726-6.347.018-.09-.099-.133-.099-.133h4.604s-.132.037-.158.131c-.024.078-.954 3.432-1.151 4.178-.023.094-.178.139-.178.139h1.118c2.597 0 5.032-.828 5.547-2.748.472-1.752-1.23-2.746-4.021-2.746H4.089s.125-.059.147-.139c.123-.443.497-1.834.515-1.899.02-.072-.105-.119-.105-.119H21.29z"
      />
    </svg>
  );
}

export default FlatcoloriconsDvdLogo;


import * as React from "react";

function FlatcoloriconsDvdLogo(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <path
        fill="#42A5F5"
        d="M24.002 27c-12.154 0-22 1.343-22 3.006 0 1.653 9.845 2.994 22 2.994 12.156 0 22-1.341 22-2.994 0-1.663-9.844-3.006-22-3.006zm0 3.972c-2.863 0-5.191-.494-5.191-1.104 0-.609 2.329-1.104 5.191-1.104 2.862 0 5.193.495 5.193 1.104 0 .61-2.331 1.104-5.193 1.104z"
      />
      <path
        fill="#1565C0"
        d="M21.29 15l2.371 6.43L29.25 15h9.486c4.647 0 7.906 2.148 7.158 4.904-.745 2.756-5.178 4.904-9.803 4.904h-6.295s.141-.043.172-.126c.246-.944 1.707-6.264 1.725-6.347.02-.102-.105-.133-.105-.133h4.572s-.088-.006-.125.133a757.71 757.71 0 00-1.145 4.176c-.023.094-.162.139-.162.139h1.094c2.594 0 5.047-.828 5.563-2.748.473-1.752-1.244-2.746-4.039-2.746h-1.014l-4.375.004-10.043 9.932-3.845-9.754s-.036-.066-.065-.147c-.014-.026-.108-.106-.206-.063-.065.036-.074.117-.066.146.036.066.042.08.048.111.569.93.467 2.009.33 2.52-.774 2.75-5.186 4.904-9.812 4.904H2.002s.149-.043.172-.126c.254-.946 1.717-6.294 1.726-6.347.018-.09-.099-.133-.099-.133h4.604s-.132.037-.158.131c-.024.078-.954 3.432-1.151 4.178-.023.094-.178.139-.178.139h1.118c2.597 0 5.032-.828 5.547-2.748.472-1.752-1.23-2.746-4.021-2.746H4.089s.125-.059.147-.139c.123-.443.497-1.834.515-1.899.02-.072-.105-.119-.105-.119H21.29z"
      />
    </svg>
  );
}

export default FlatcoloriconsDvdLogo;


import { FcDvdLogo } from react-icons/fc;

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

function FlatcoloriconsDvdLogo(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <Path
        fill="#42A5F5"
        d="M24.002 27c-12.154 0-22 1.343-22 3.006 0 1.653 9.845 2.994 22 2.994 12.156 0 22-1.341 22-2.994 0-1.663-9.844-3.006-22-3.006zm0 3.972c-2.863 0-5.191-.494-5.191-1.104 0-.609 2.329-1.104 5.191-1.104 2.862 0 5.193.495 5.193 1.104 0 .61-2.331 1.104-5.193 1.104z"
      />
      <Path
        fill="#1565C0"
        d="M21.29 15l2.371 6.43L29.25 15h9.486c4.647 0 7.906 2.148 7.158 4.904-.745 2.756-5.178 4.904-9.803 4.904h-6.295s.141-.043.172-.126c.246-.944 1.707-6.264 1.725-6.347.02-.102-.105-.133-.105-.133h4.572s-.088-.006-.125.133a757.71 757.71 0 00-1.145 4.176c-.023.094-.162.139-.162.139h1.094c2.594 0 5.047-.828 5.563-2.748.473-1.752-1.244-2.746-4.039-2.746h-1.014l-4.375.004-10.043 9.932-3.845-9.754s-.036-.066-.065-.147c-.014-.026-.108-.106-.206-.063-.065.036-.074.117-.066.146.036.066.042.08.048.111.569.93.467 2.009.33 2.52-.774 2.75-5.186 4.904-9.812 4.904H2.002s.149-.043.172-.126c.254-.946 1.717-6.294 1.726-6.347.018-.09-.099-.133-.099-.133h4.604s-.132.037-.158.131c-.024.078-.954 3.432-1.151 4.178-.023.094-.178.139-.178.139h1.118c2.597 0 5.032-.828 5.547-2.748.472-1.752-1.23-2.746-4.021-2.746H4.089s.125-.059.147-.139c.123-.443.497-1.834.515-1.899.02-.072-.105-.119-.105-.119H21.29z"
      />
    </Svg>
  );
}

export default FlatcoloriconsDvdLogo;


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

function FlatcoloriconsDvdLogo(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} {...props}>
      <Path
        fill="#42A5F5"
        d="M24.002 27c-12.154 0-22 1.343-22 3.006 0 1.653 9.845 2.994 22 2.994 12.156 0 22-1.341 22-2.994 0-1.663-9.844-3.006-22-3.006zm0 3.972c-2.863 0-5.191-.494-5.191-1.104 0-.609 2.329-1.104 5.191-1.104 2.862 0 5.193.495 5.193 1.104 0 .61-2.331 1.104-5.193 1.104z"
      />
      <Path
        fill="#1565C0"
        d="M21.29 15l2.371 6.43L29.25 15h9.486c4.647 0 7.906 2.148 7.158 4.904-.745 2.756-5.178 4.904-9.803 4.904h-6.295s.141-.043.172-.126c.246-.944 1.707-6.264 1.725-6.347.02-.102-.105-.133-.105-.133h4.572s-.088-.006-.125.133a757.71 757.71 0 00-1.145 4.176c-.023.094-.162.139-.162.139h1.094c2.594 0 5.047-.828 5.563-2.748.473-1.752-1.244-2.746-4.039-2.746h-1.014l-4.375.004-10.043 9.932-3.845-9.754s-.036-.066-.065-.147c-.014-.026-.108-.106-.206-.063-.065.036-.074.117-.066.146.036.066.042.08.048.111.569.93.467 2.009.33 2.52-.774 2.75-5.186 4.904-9.812 4.904H2.002s.149-.043.172-.126c.254-.946 1.717-6.294 1.726-6.347.018-.09-.099-.133-.099-.133h4.604s-.132.037-.158.131c-.024.078-.954 3.432-1.151 4.178-.023.094-.178.139-.178.139h1.118c2.597 0 5.032-.828 5.547-2.748.472-1.752-1.23-2.746-4.021-2.746H4.089s.125-.059.147-.139c.123-.443.497-1.834.515-1.899.02-.072-.105-.119-.105-.119H21.29z"
      />
    </Svg>
  );
}

export default FlatcoloriconsDvdLogo;


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="#42A5F5"
        d="M24.002 27c-12.154 0-22 1.343-22 3.006 0 1.653 9.845 2.994 22 2.994 12.156 0 22-1.341 22-2.994 0-1.663-9.844-3.006-22-3.006zm0 3.972c-2.863 0-5.191-.494-5.191-1.104 0-.609 2.329-1.104 5.191-1.104 2.862 0 5.193.495 5.193 1.104 0 .61-2.331 1.104-5.193 1.104z"
      />
      <path
        fill="#1565C0"
        d="M21.29 15l2.371 6.43L29.25 15h9.486c4.647 0 7.906 2.148 7.158 4.904-.745 2.756-5.178 4.904-9.803 4.904h-6.295s.141-.043.172-.126c.246-.944 1.707-6.264 1.725-6.347.02-.102-.105-.133-.105-.133h4.572s-.088-.006-.125.133a757.71 757.71 0 00-1.145 4.176c-.023.094-.162.139-.162.139h1.094c2.594 0 5.047-.828 5.563-2.748.473-1.752-1.244-2.746-4.039-2.746h-1.014l-4.375.004-10.043 9.932-3.845-9.754s-.036-.066-.065-.147c-.014-.026-.108-.106-.206-.063-.065.036-.074.117-.066.146.036.066.042.08.048.111.569.93.467 2.009.33 2.52-.774 2.75-5.186 4.904-9.812 4.904H2.002s.149-.043.172-.126c.254-.946 1.717-6.294 1.726-6.347.018-.09-.099-.133-.099-.133h4.604s-.132.037-.158.131c-.024.078-.954 3.432-1.151 4.178-.023.094-.178.139-.178.139h1.118c2.597 0 5.032-.828 5.547-2.748.472-1.752-1.23-2.746-4.021-2.746H4.089s.125-.059.147-.139c.123-.443.497-1.834.515-1.899.02-.072-.105-.119-.105-.119H21.29z"
      />
    </svg>
  ))({
    className: props.className,
  });

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


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="#42A5F5"
        d="M24.002 27c-12.154 0-22 1.343-22 3.006 0 1.653 9.845 2.994 22 2.994 12.156 0 22-1.341 22-2.994 0-1.663-9.844-3.006-22-3.006zm0 3.972c-2.863 0-5.191-.494-5.191-1.104 0-.609 2.329-1.104 5.191-1.104 2.862 0 5.193.495 5.193 1.104 0 .61-2.331 1.104-5.193 1.104z"
      />
      <path
        fill="#1565C0"
        d="M21.29 15l2.371 6.43L29.25 15h9.486c4.647 0 7.906 2.148 7.158 4.904-.745 2.756-5.178 4.904-9.803 4.904h-6.295s.141-.043.172-.126c.246-.944 1.707-6.264 1.725-6.347.02-.102-.105-.133-.105-.133h4.572s-.088-.006-.125.133a757.71 757.71 0 00-1.145 4.176c-.023.094-.162.139-.162.139h1.094c2.594 0 5.047-.828 5.563-2.748.473-1.752-1.244-2.746-4.039-2.746h-1.014l-4.375.004-10.043 9.932-3.845-9.754s-.036-.066-.065-.147c-.014-.026-.108-.106-.206-.063-.065.036-.074.117-.066.146.036.066.042.08.048.111.569.93.467 2.009.33 2.52-.774 2.75-5.186 4.904-9.812 4.904H2.002s.149-.043.172-.126c.254-.946 1.717-6.294 1.726-6.347.018-.09-.099-.133-.099-.133h4.604s-.132.037-.158.131c-.024.078-.954 3.432-1.151 4.178-.023.094-.178.139-.178.139h1.118c2.597 0 5.032-.828 5.547-2.748.472-1.752-1.23-2.746-4.021-2.746H4.089s.125-.059.147-.139c.123-.443.497-1.834.515-1.899.02-.072-.105-.119-.105-.119H21.29z"
      />
    </svg>
  ))({
    className: props.className,
  });

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