flatcoloricons

import * as React from "react";

function FlatcoloriconsBrokenLink(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <g fill="#1976D2">
        <path d="M17.5 27c-1.1 1.2-2.7 2-4.5 2h-3c-3.3 0-6-2.7-6-6s2.7-6 6-6h3c1.8 0 3.4.8 4.5 2h4.7c-1.5-3.5-5.1-6-9.2-6h-3C4.5 13 0 17.5 0 23s4.5 10 10 10h3c4.1 0 7.6-2.5 9.2-6h-4.7zM38 13h-3c-4.1 0-7.6 2.5-9.2 6h4.7c1.1-1.2 2.7-2 4.5-2h3c3.3 0 6 2.7 6 6s-2.7 6-6 6h-3c-1.8 0-3.4-.8-4.5-2h-4.7c1.5 3.5 5.1 6 9.2 6h3c5.5 0 10-4.5 10-10s-4.5-10-10-10z" />
      </g>
      <g fill="#00BCD4">
        <path d="M19.5 4L16 6l6.1 8.1 1.3-.8zM28.5 4L32 6l-6.1 8.1-1.3-.8zM28.5 44l3.5-2-6.1-8.1-1.3.8zM19.5 44L16 42l6.1-8.1 1.3.8z" />
      </g>
    </svg>
  );
}

export default FlatcoloriconsBrokenLink;


import * as React from "react";

function FlatcoloriconsBrokenLink(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <g fill="#1976D2">
        <path d="M17.5 27c-1.1 1.2-2.7 2-4.5 2h-3c-3.3 0-6-2.7-6-6s2.7-6 6-6h3c1.8 0 3.4.8 4.5 2h4.7c-1.5-3.5-5.1-6-9.2-6h-3C4.5 13 0 17.5 0 23s4.5 10 10 10h3c4.1 0 7.6-2.5 9.2-6h-4.7zM38 13h-3c-4.1 0-7.6 2.5-9.2 6h4.7c1.1-1.2 2.7-2 4.5-2h3c3.3 0 6 2.7 6 6s-2.7 6-6 6h-3c-1.8 0-3.4-.8-4.5-2h-4.7c1.5 3.5 5.1 6 9.2 6h3c5.5 0 10-4.5 10-10s-4.5-10-10-10z" />
      </g>
      <g fill="#00BCD4">
        <path d="M19.5 4L16 6l6.1 8.1 1.3-.8zM28.5 4L32 6l-6.1 8.1-1.3-.8zM28.5 44l3.5-2-6.1-8.1-1.3.8zM19.5 44L16 42l6.1-8.1 1.3.8z" />
      </g>
    </svg>
  );
}

export default FlatcoloriconsBrokenLink;


import { FcBrokenLink } from react-icons/fc;

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

function FlatcoloriconsBrokenLink(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <G fill="#1976D2">
        <Path d="M17.5 27c-1.1 1.2-2.7 2-4.5 2h-3c-3.3 0-6-2.7-6-6s2.7-6 6-6h3c1.8 0 3.4.8 4.5 2h4.7c-1.5-3.5-5.1-6-9.2-6h-3C4.5 13 0 17.5 0 23s4.5 10 10 10h3c4.1 0 7.6-2.5 9.2-6h-4.7zM38 13h-3c-4.1 0-7.6 2.5-9.2 6h4.7c1.1-1.2 2.7-2 4.5-2h3c3.3 0 6 2.7 6 6s-2.7 6-6 6h-3c-1.8 0-3.4-.8-4.5-2h-4.7c1.5 3.5 5.1 6 9.2 6h3c5.5 0 10-4.5 10-10s-4.5-10-10-10z" />
      </G>
      <G fill="#00BCD4">
        <Path d="M19.5 4L16 6l6.1 8.1 1.3-.8zM28.5 4L32 6l-6.1 8.1-1.3-.8zM28.5 44l3.5-2-6.1-8.1-1.3.8zM19.5 44L16 42l6.1-8.1 1.3.8z" />
      </G>
    </Svg>
  );
}

export default FlatcoloriconsBrokenLink;


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

function FlatcoloriconsBrokenLink(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <G fill="#1976D2">
        <Path d="M17.5 27c-1.1 1.2-2.7 2-4.5 2h-3c-3.3 0-6-2.7-6-6s2.7-6 6-6h3c1.8 0 3.4.8 4.5 2h4.7c-1.5-3.5-5.1-6-9.2-6h-3C4.5 13 0 17.5 0 23s4.5 10 10 10h3c4.1 0 7.6-2.5 9.2-6h-4.7zM38 13h-3c-4.1 0-7.6 2.5-9.2 6h4.7c1.1-1.2 2.7-2 4.5-2h3c3.3 0 6 2.7 6 6s-2.7 6-6 6h-3c-1.8 0-3.4-.8-4.5-2h-4.7c1.5 3.5 5.1 6 9.2 6h3c5.5 0 10-4.5 10-10s-4.5-10-10-10z" />
      </G>
      <G fill="#00BCD4">
        <Path d="M19.5 4L16 6l6.1 8.1 1.3-.8zM28.5 4L32 6l-6.1 8.1-1.3-.8zM28.5 44l3.5-2-6.1-8.1-1.3.8zM19.5 44L16 42l6.1-8.1 1.3.8z" />
      </G>
    </Svg>
  );
}

export default FlatcoloriconsBrokenLink;


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}>
      <g fill="#1976D2">
        <path d="M17.5 27c-1.1 1.2-2.7 2-4.5 2h-3c-3.3 0-6-2.7-6-6s2.7-6 6-6h3c1.8 0 3.4.8 4.5 2h4.7c-1.5-3.5-5.1-6-9.2-6h-3C4.5 13 0 17.5 0 23s4.5 10 10 10h3c4.1 0 7.6-2.5 9.2-6h-4.7zM38 13h-3c-4.1 0-7.6 2.5-9.2 6h4.7c1.1-1.2 2.7-2 4.5-2h3c3.3 0 6 2.7 6 6s-2.7 6-6 6h-3c-1.8 0-3.4-.8-4.5-2h-4.7c1.5 3.5 5.1 6 9.2 6h3c5.5 0 10-4.5 10-10s-4.5-10-10-10z" />
      </g>
      <g fill="#00BCD4">
        <path d="M19.5 4L16 6l6.1 8.1 1.3-.8zM28.5 4L32 6l-6.1 8.1-1.3-.8zM28.5 44l3.5-2-6.1-8.1-1.3.8zM19.5 44L16 42l6.1-8.1 1.3.8z" />
      </g>
    </svg>
  ))({
    className: props.className,
  });

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


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}>
      <g fill="#1976D2">
        <path d="M17.5 27c-1.1 1.2-2.7 2-4.5 2h-3c-3.3 0-6-2.7-6-6s2.7-6 6-6h3c1.8 0 3.4.8 4.5 2h4.7c-1.5-3.5-5.1-6-9.2-6h-3C4.5 13 0 17.5 0 23s4.5 10 10 10h3c4.1 0 7.6-2.5 9.2-6h-4.7zM38 13h-3c-4.1 0-7.6 2.5-9.2 6h4.7c1.1-1.2 2.7-2 4.5-2h3c3.3 0 6 2.7 6 6s-2.7 6-6 6h-3c-1.8 0-3.4-.8-4.5-2h-4.7c1.5 3.5 5.1 6 9.2 6h3c5.5 0 10-4.5 10-10s-4.5-10-10-10z" />
      </g>
      <g fill="#00BCD4">
        <path d="M19.5 4L16 6l6.1 8.1 1.3-.8zM28.5 4L32 6l-6.1 8.1-1.3-.8zM28.5 44l3.5-2-6.1-8.1-1.3.8zM19.5 44L16 42l6.1-8.1 1.3.8z" />
      </g>
    </svg>
  ))({
    className: props.className,
  });

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