import React from 'react';

import { SVG, IProps as IPropsSVG } from '..';

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconEditorPaperclipNo = (props: IProps) => (
    <SVG {...props.svg}>
        <path
            fillRule="evenodd"
            d="m12.87 20.138 2.904-2.95 5.519 5.52 1.414-1.415-20-20-1.414 1.414 5.425 5.425-2.86 2.903a6.506 6.506 0 0 0-.002 9.103c2.454 2.503 6.6 2.463 9.014 0Zm-4.42-5.775 2.232-2.267 1.133 1.133-2.264 2.3a.773.773 0 0 1-1.101.002.836.836 0 0 1 0-1.168Zm4.78.28-2.248 2.283a2.771 2.771 0 0 1-3.96.004 2.837 2.837 0 0 1 .001-3.969l2.245-2.279-1.136-1.136-2.847 2.891a4.505 4.505 0 0 0 0 6.3c1.663 1.698 4.52 1.67 6.158 0l2.917-2.963-1.13-1.13Zm-1.17-6.797 1.415 1.415 1.293-1.314-1.425-1.403-1.283 1.302Zm2.547 2.547 1.895-1.926a2.671 2.671 0 0 0 0-3.734c-.968-.988-2.681-.966-3.63.002L10.925 6.71 9.511 5.297l1.934-1.964c1.724-1.758 4.725-1.797 6.486 0a4.671 4.671 0 0 1-.002 6.536l-1.908 1.938-1.414-1.414Zm5.685-.644-3.14 3.189 1.414 1.414 3.151-3.2-1.425-1.403Z"
            clipRule="evenodd"
        />
    </SVG>
);

export default IconEditorPaperclipNo;
