websites/packages/ui/icons/SpannerAndScrewdriverIcon.tsx

import { forwardRef } from 'react';
import type { SVGAttributes } from './types';

export const SpannerAndScrewdriverIcon = forwardRef<SVGSVGElement, SVGAttributes>((props, ref) => (
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 19" {...props} ref={ref}>
    <path d="m5.98 10.992 4.627-3.84L5.654 2.17C4.58 1.103 3.434 1.097 2.39 2.14L1.37 3.164C.327 4.205.331 5.35 1.4 6.417l4.58 4.575Zm-.274-3.06-2.782-2.77a.354.354 0 0 1 .004-.494.354.354 0 0 1 .473.002l2.791 2.792a.33.33 0 0 1-.002.471.34.34 0 0 1-.484-.001Zm.978-.966L3.909 4.171a.332.332 0 0 1 .004-.476.338.338 0 0 1 .473.001l2.784 2.78c.13.13.13.345-.007.491-.115.12-.35.136-.479 0Zm9.385 10.838.973-.973c.16-.161.134-.372-.004-.622l-1.331-2.374a.845.845 0 0 0-.66-.432l-.724-.044-3.657-3.655-1.704 1.768 3.627 3.626.044.725c.015.245.177.51.432.646l2.388 1.345c.238.127.447.158.616-.01Z" />
    <path d="M1.835 17.113c1.286 1.273 3.021 1.265 4.267.012 1.57-1.583 1.532-3.634 6.395-8.417l-.757-.762c-5.377 5.396-4.754 6.624-6.476 8.348-.762.766-1.794.791-2.605-.006-.805-.819-.772-1.844-.018-2.604 1.735-1.728 2.963-1.101 8.352-6.479l-.754-.757c-4.813 4.893-6.835 4.825-8.419 6.39-1.259 1.245-1.266 2.986.015 4.275Zm8.954-8.96c1.68 1.683 4.366 1.744 5.994.12 1.347-1.345 1.558-3.485.507-5.183l-.817.822c.623 1.215.436 2.646-.485 3.573-1.184 1.184-3.149 1.126-4.405-.12-1.253-1.252-1.303-3.227-.113-4.405.921-.922 2.369-1.11 3.553-.48l.822-.823C14.159.613 12.026.818 10.68 2.17c-1.624 1.617-1.57 4.301.108 5.983Zm2.223-3.264 1.057 1.047c.541.54 1.237.554 1.75.036l1.558-1.563-.7-.694-1.378 1.364c-.185.184-.404.195-.6.001l-.818-.822c-.199-.204-.215-.43-.031-.617l1.388-1.377-.717-.699-1.546 1.552c-.537.533-.523 1.225.037 1.772ZM3.941 15.883c.476 0 .865-.39.865-.864a.864.864 0 0 0-.865-.86.86.86 0 0 0-.86.86c0 .474.386.864.86.864Z" />
  </svg>
));