boxicons

import * as React from "react";

function BoxiconsPaperclip(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M17.004 5H9c-1.838 0-3.586.737-4.924 2.076C2.737 8.415 2 10.163 2 12c0 1.838.737 3.586 2.076 4.924C5.414 18.263 7.162 19 9 19h8v-2H9c-1.303 0-2.55-.529-3.51-1.49C4.529 14.55 4 13.303 4 12c0-1.302.529-2.549 1.49-3.51C6.45 7.529 7.697 7 9 7h8V6l.001 1h.003c.79 0 1.539.314 2.109.886.571.571.886 1.322.887 2.116a2.966 2.966 0 01-.884 2.11A2.988 2.988 0 0117 13H9a.99.99 0 01-.698-.3A.991.991 0 018 12c0-.252.11-.507.301-.698A.987.987 0 019 11h8V9H9c-.79 0-1.541.315-2.114.889C6.314 10.461 6 11.211 6 12s.314 1.54.888 2.114A2.974 2.974 0 009 15h8.001a4.97 4.97 0 003.528-1.473 4.967 4.967 0 00-.001-7.055A4.95 4.95 0 0017.004 5z" />
    </svg>
  );
}

export default BoxiconsPaperclip;


import * as React from "react";

function BoxiconsPaperclip(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M17.004 5H9c-1.838 0-3.586.737-4.924 2.076C2.737 8.415 2 10.163 2 12c0 1.838.737 3.586 2.076 4.924C5.414 18.263 7.162 19 9 19h8v-2H9c-1.303 0-2.55-.529-3.51-1.49C4.529 14.55 4 13.303 4 12c0-1.302.529-2.549 1.49-3.51C6.45 7.529 7.697 7 9 7h8V6l.001 1h.003c.79 0 1.539.314 2.109.886.571.571.886 1.322.887 2.116a2.966 2.966 0 01-.884 2.11A2.988 2.988 0 0117 13H9a.99.99 0 01-.698-.3A.991.991 0 018 12c0-.252.11-.507.301-.698A.987.987 0 019 11h8V9H9c-.79 0-1.541.315-2.114.889C6.314 10.461 6 11.211 6 12s.314 1.54.888 2.114A2.974 2.974 0 009 15h8.001a4.97 4.97 0 003.528-1.473 4.967 4.967 0 00-.001-7.055A4.95 4.95 0 0017.004 5z" />
    </svg>
  );
}

export default BoxiconsPaperclip;


import { BiPaperclip } from react-icons/bi;

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

function BoxiconsPaperclip(props) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M17.004 5H9c-1.838 0-3.586.737-4.924 2.076C2.737 8.415 2 10.163 2 12c0 1.838.737 3.586 2.076 4.924C5.414 18.263 7.162 19 9 19h8v-2H9c-1.303 0-2.55-.529-3.51-1.49C4.529 14.55 4 13.303 4 12c0-1.302.529-2.549 1.49-3.51C6.45 7.529 7.697 7 9 7h8V6l.001 1h.003c.79 0 1.539.314 2.109.886.571.571.886 1.322.887 2.116a2.966 2.966 0 01-.884 2.11A2.988 2.988 0 0117 13H9a.99.99 0 01-.698-.3A.991.991 0 018 12c0-.252.11-.507.301-.698A.987.987 0 019 11h8V9H9c-.79 0-1.541.315-2.114.889C6.314 10.461 6 11.211 6 12s.314 1.54.888 2.114A2.974 2.974 0 009 15h8.001a4.97 4.97 0 003.528-1.473 4.967 4.967 0 00-.001-7.055A4.95 4.95 0 0017.004 5z" />
    </Svg>
  );
}

export default BoxiconsPaperclip;


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

function BoxiconsPaperclip(props: SvgProps) {
  return (
    <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <Path d="M17.004 5H9c-1.838 0-3.586.737-4.924 2.076C2.737 8.415 2 10.163 2 12c0 1.838.737 3.586 2.076 4.924C5.414 18.263 7.162 19 9 19h8v-2H9c-1.303 0-2.55-.529-3.51-1.49C4.529 14.55 4 13.303 4 12c0-1.302.529-2.549 1.49-3.51C6.45 7.529 7.697 7 9 7h8V6l.001 1h.003c.79 0 1.539.314 2.109.886.571.571.886 1.322.887 2.116a2.966 2.966 0 01-.884 2.11A2.988 2.988 0 0117 13H9a.99.99 0 01-.698-.3A.991.991 0 018 12c0-.252.11-.507.301-.698A.987.987 0 019 11h8V9H9c-.79 0-1.541.315-2.114.889C6.314 10.461 6 11.211 6 12s.314 1.54.888 2.114A2.974 2.974 0 009 15h8.001a4.97 4.97 0 003.528-1.473 4.967 4.967 0 00-.001-7.055A4.95 4.95 0 0017.004 5z" />
    </Svg>
  );
}

export default BoxiconsPaperclip;


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={24} height={24} {...props}>
      <path d="M17.004 5H9c-1.838 0-3.586.737-4.924 2.076C2.737 8.415 2 10.163 2 12c0 1.838.737 3.586 2.076 4.924C5.414 18.263 7.162 19 9 19h8v-2H9c-1.303 0-2.55-.529-3.51-1.49C4.529 14.55 4 13.303 4 12c0-1.302.529-2.549 1.49-3.51C6.45 7.529 7.697 7 9 7h8V6l.001 1h.003c.79 0 1.539.314 2.109.886.571.571.886 1.322.887 2.116a2.966 2.966 0 01-.884 2.11A2.988 2.988 0 0117 13H9a.99.99 0 01-.698-.3A.991.991 0 018 12c0-.252.11-.507.301-.698A.987.987 0 019 11h8V9H9c-.79 0-1.541.315-2.114.889C6.314 10.461 6 11.211 6 12s.314 1.54.888 2.114A2.974 2.974 0 009 15h8.001a4.97 4.97 0 003.528-1.473 4.967 4.967 0 00-.001-7.055A4.95 4.95 0 0017.004 5z" />
    </svg>
  ))({
    className: props.className,
  });

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


import styled, { css } from "styled-components";

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} {...props}>
      <path d="M17.004 5H9c-1.838 0-3.586.737-4.924 2.076C2.737 8.415 2 10.163 2 12c0 1.838.737 3.586 2.076 4.924C5.414 18.263 7.162 19 9 19h8v-2H9c-1.303 0-2.55-.529-3.51-1.49C4.529 14.55 4 13.303 4 12c0-1.302.529-2.549 1.49-3.51C6.45 7.529 7.697 7 9 7h8V6l.001 1h.003c.79 0 1.539.314 2.109.886.571.571.886 1.322.887 2.116a2.966 2.966 0 01-.884 2.11A2.988 2.988 0 0117 13H9a.99.99 0 01-.698-.3A.991.991 0 018 12c0-.252.11-.507.301-.698A.987.987 0 019 11h8V9H9c-.79 0-1.541.315-2.114.889C6.314 10.461 6 11.211 6 12s.314 1.54.888 2.114A2.974 2.974 0 009 15h8.001a4.97 4.97 0 003.528-1.473 4.967 4.967 0 00-.001-7.055A4.95 4.95 0 0017.004 5z" />
    </svg>
  ))({
    className: props.className,
  });

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