flatcoloricons

import * as React from "react";

function FlatcoloriconsNumericalSorting21(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path fill="#546E7A" d="M38 33V5h-4v28h-6l8 10 8-10z" />
      <g fill="#2196F3">
        <path d="M19.2 20H9v-2l4.8-5.1c.4-.4.7-.8.9-1.1.2-.3.5-.6.6-.9.2-.3.3-.5.3-.8.1-.2.1-.5.1-.7 0-.7-.2-1.2-.5-1.6-.3-.4-.8-.6-1.4-.6-.3 0-.7.1-.9.2-.3.1-.5.3-.7.5-.2.2-.3.5-.4.8s-.1.6-.1 1h-3c0-.7.1-1.3.4-1.9.2-.6.6-1.1 1-1.6.5-.4 1-.8 1.6-1.1.6-.3 1.4-.4 2.2-.4.8 0 1.5.1 2.1.3.6.2 1.1.5 1.5.8s.7.8.9 1.3c.2.5.3 1.1.3 1.8 0 .5-.1 1-.2 1.4s-.4.9-.7 1.4-.6.9-1 1.4c-.4.5-.9 1-1.4 1.5l-2.6 2.8h6.4V20zM16.2 43h-3V31.6l-3.5 1.1v-2.4l6.2-2.2h.3V43z" />
      </g>
    </svg>
  );
}

export default FlatcoloriconsNumericalSorting21;


import * as React from "react";

function FlatcoloriconsNumericalSorting21(
  props: React.SVGProps<SVGSVGElement>
) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <path fill="#546E7A" d="M38 33V5h-4v28h-6l8 10 8-10z" />
      <g fill="#2196F3">
        <path d="M19.2 20H9v-2l4.8-5.1c.4-.4.7-.8.9-1.1.2-.3.5-.6.6-.9.2-.3.3-.5.3-.8.1-.2.1-.5.1-.7 0-.7-.2-1.2-.5-1.6-.3-.4-.8-.6-1.4-.6-.3 0-.7.1-.9.2-.3.1-.5.3-.7.5-.2.2-.3.5-.4.8s-.1.6-.1 1h-3c0-.7.1-1.3.4-1.9.2-.6.6-1.1 1-1.6.5-.4 1-.8 1.6-1.1.6-.3 1.4-.4 2.2-.4.8 0 1.5.1 2.1.3.6.2 1.1.5 1.5.8s.7.8.9 1.3c.2.5.3 1.1.3 1.8 0 .5-.1 1-.2 1.4s-.4.9-.7 1.4-.6.9-1 1.4c-.4.5-.9 1-1.4 1.5l-2.6 2.8h6.4V20zM16.2 43h-3V31.6l-3.5 1.1v-2.4l6.2-2.2h.3V43z" />
      </g>
    </svg>
  );
}

export default FlatcoloriconsNumericalSorting21;


import { FcNumericalSorting21 } from react-icons/fc;

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

function FlatcoloriconsNumericalSorting21(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path fill="#546E7A" d="M38 33V5h-4v28h-6l8 10 8-10z" />
      <G fill="#2196F3">
        <Path d="M19.2 20H9v-2l4.8-5.1c.4-.4.7-.8.9-1.1.2-.3.5-.6.6-.9.2-.3.3-.5.3-.8.1-.2.1-.5.1-.7 0-.7-.2-1.2-.5-1.6-.3-.4-.8-.6-1.4-.6-.3 0-.7.1-.9.2-.3.1-.5.3-.7.5-.2.2-.3.5-.4.8s-.1.6-.1 1h-3c0-.7.1-1.3.4-1.9.2-.6.6-1.1 1-1.6.5-.4 1-.8 1.6-1.1.6-.3 1.4-.4 2.2-.4.8 0 1.5.1 2.1.3.6.2 1.1.5 1.5.8s.7.8.9 1.3c.2.5.3 1.1.3 1.8 0 .5-.1 1-.2 1.4s-.4.9-.7 1.4-.6.9-1 1.4c-.4.5-.9 1-1.4 1.5l-2.6 2.8h6.4V20zM16.2 43h-3V31.6l-3.5 1.1v-2.4l6.2-2.2h.3V43z" />
      </G>
    </Svg>
  );
}

export default FlatcoloriconsNumericalSorting21;


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

function FlatcoloriconsNumericalSorting21(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" {...props}>
      <Path fill="#546E7A" d="M38 33V5h-4v28h-6l8 10 8-10z" />
      <G fill="#2196F3">
        <Path d="M19.2 20H9v-2l4.8-5.1c.4-.4.7-.8.9-1.1.2-.3.5-.6.6-.9.2-.3.3-.5.3-.8.1-.2.1-.5.1-.7 0-.7-.2-1.2-.5-1.6-.3-.4-.8-.6-1.4-.6-.3 0-.7.1-.9.2-.3.1-.5.3-.7.5-.2.2-.3.5-.4.8s-.1.6-.1 1h-3c0-.7.1-1.3.4-1.9.2-.6.6-1.1 1-1.6.5-.4 1-.8 1.6-1.1.6-.3 1.4-.4 2.2-.4.8 0 1.5.1 2.1.3.6.2 1.1.5 1.5.8s.7.8.9 1.3c.2.5.3 1.1.3 1.8 0 .5-.1 1-.2 1.4s-.4.9-.7 1.4-.6.9-1 1.4c-.4.5-.9 1-1.4 1.5l-2.6 2.8h6.4V20zM16.2 43h-3V31.6l-3.5 1.1v-2.4l6.2-2.2h.3V43z" />
      </G>
    </Svg>
  );
}

export default FlatcoloriconsNumericalSorting21;


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="#546E7A" d="M38 33V5h-4v28h-6l8 10 8-10z" />
      <g fill="#2196F3">
        <path d="M19.2 20H9v-2l4.8-5.1c.4-.4.7-.8.9-1.1.2-.3.5-.6.6-.9.2-.3.3-.5.3-.8.1-.2.1-.5.1-.7 0-.7-.2-1.2-.5-1.6-.3-.4-.8-.6-1.4-.6-.3 0-.7.1-.9.2-.3.1-.5.3-.7.5-.2.2-.3.5-.4.8s-.1.6-.1 1h-3c0-.7.1-1.3.4-1.9.2-.6.6-1.1 1-1.6.5-.4 1-.8 1.6-1.1.6-.3 1.4-.4 2.2-.4.8 0 1.5.1 2.1.3.6.2 1.1.5 1.5.8s.7.8.9 1.3c.2.5.3 1.1.3 1.8 0 .5-.1 1-.2 1.4s-.4.9-.7 1.4-.6.9-1 1.4c-.4.5-.9 1-1.4 1.5l-2.6 2.8h6.4V20zM16.2 43h-3V31.6l-3.5 1.1v-2.4l6.2-2.2h.3V43z" />
      </g>
    </svg>
  ))({
    className: props.className,
  });

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


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="#546E7A" d="M38 33V5h-4v28h-6l8 10 8-10z" />
      <g fill="#2196F3">
        <path d="M19.2 20H9v-2l4.8-5.1c.4-.4.7-.8.9-1.1.2-.3.5-.6.6-.9.2-.3.3-.5.3-.8.1-.2.1-.5.1-.7 0-.7-.2-1.2-.5-1.6-.3-.4-.8-.6-1.4-.6-.3 0-.7.1-.9.2-.3.1-.5.3-.7.5-.2.2-.3.5-.4.8s-.1.6-.1 1h-3c0-.7.1-1.3.4-1.9.2-.6.6-1.1 1-1.6.5-.4 1-.8 1.6-1.1.6-.3 1.4-.4 2.2-.4.8 0 1.5.1 2.1.3.6.2 1.1.5 1.5.8s.7.8.9 1.3c.2.5.3 1.1.3 1.8 0 .5-.1 1-.2 1.4s-.4.9-.7 1.4-.6.9-1 1.4c-.4.5-.9 1-1.4 1.5l-2.6 2.8h6.4V20zM16.2 43h-3V31.6l-3.5 1.1v-2.4l6.2-2.2h.3V43z" />
      </g>
    </svg>
  ))({
    className: props.className,
  });

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