@jstnmthw/react-fluentui-emoji/icons/HammerIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const HammerIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <g filter="url(#filter0_i_18_23767)">
      <path
        d="M12.2013 8.46094L28.5626 24.8223C29.7093 25.9689 29.7093 27.828 28.5626 28.9746C27.416 30.1212 25.5569 30.1212 24.4103 28.9746L8.04895 12.6133L12.2013 8.46094Z"
        fill="#A3796E"
      />
      <path
        d="M12.2013 8.46094L28.5626 24.8223C29.7093 25.9689 29.7093 27.828 28.5626 28.9746C27.416 30.1212 25.5569 30.1212 24.4103 28.9746L8.04895 12.6133L12.2013 8.46094Z"
        fill="url(#paint0_linear_18_23767)"
      />
      <path
        d="M12.2013 8.46094L28.5626 24.8223C29.7093 25.9689 29.7093 27.828 28.5626 28.9746C27.416 30.1212 25.5569 30.1212 24.4103 28.9746L8.04895 12.6133L12.2013 8.46094Z"
        fill="url(#paint1_linear_18_23767)"
      />
    </g>
    <g filter="url(#filter1_f_18_23767)">
      <path
        d="M12.1618 11.7184C11.8628 11.4194 11.8628 10.9346 12.1618 10.6356C12.4608 10.3366 12.9456 10.3366 13.2446 10.6356L28.1411 25.5321C28.4401 25.8311 28.4401 26.3159 28.1411 26.6149C27.8421 26.9139 27.3573 26.9139 27.0583 26.6149L12.1618 11.7184Z"
        fill="url(#paint2_linear_18_23767)"
      />
      <path
        d="M12.1618 11.7184C11.8628 11.4194 11.8628 10.9346 12.1618 10.6356C12.4608 10.3366 12.9456 10.3366 13.2446 10.6356L28.1411 25.5321C28.4401 25.8311 28.4401 26.3159 28.1411 26.6149C27.8421 26.9139 27.3573 26.9139 27.0583 26.6149L12.1618 11.7184Z"
        fill="url(#paint3_radial_18_23767)"
      />
    </g>
    <g filter="url(#filter2_i_18_23767)">
      <path
        d="M2.74036 11.2812C3.45391 10.5677 4.31124 10.7732 5.2346 11.2311C5.41085 11.3186 5.56905 11.438 5.70817 11.5772L8.55114 14.4201C8.65088 14.5199 8.74138 14.6291 8.81206 14.7511C9.37992 15.7319 9.41596 16.715 8.84192 17.289L7.73747 18.3623C7.63984 18.4599 7.48155 18.4599 7.38392 18.3623L1.70622 12.6846C1.60859 12.587 1.60859 12.4287 1.70622 12.331L2.74036 11.2812Z"
        fill="#ADA9B9"
      />
      <path
        d="M2.74036 11.2812C3.45391 10.5677 4.31124 10.7732 5.2346 11.2311C5.41085 11.3186 5.56905 11.438 5.70817 11.5772L8.55114 14.4201C8.65088 14.5199 8.74138 14.6291 8.81206 14.7511C9.37992 15.7319 9.41596 16.715 8.84192 17.289L7.73747 18.3623C7.63984 18.4599 7.48155 18.4599 7.38392 18.3623L1.70622 12.6846C1.60859 12.587 1.60859 12.4287 1.70622 12.331L2.74036 11.2812Z"
        fill="url(#paint4_radial_18_23767)"
      />
      <path
        d="M2.74036 11.2812C3.45391 10.5677 4.31124 10.7732 5.2346 11.2311C5.41085 11.3186 5.56905 11.438 5.70817 11.5772L8.55114 14.4201C8.65088 14.5199 8.74138 14.6291 8.81206 14.7511C9.37992 15.7319 9.41596 16.715 8.84192 17.289L7.73747 18.3623C7.63984 18.4599 7.48155 18.4599 7.38392 18.3623L1.70622 12.6846C1.60859 12.587 1.60859 12.4287 1.70622 12.331L2.74036 11.2812Z"
        fill="url(#paint5_radial_18_23767)"
      />
      <path
        d="M2.74036 11.2812C3.45391 10.5677 4.31124 10.7732 5.2346 11.2311C5.41085 11.3186 5.56905 11.438 5.70817 11.5772L8.55114 14.4201C8.65088 14.5199 8.74138 14.6291 8.81206 14.7511C9.37992 15.7319 9.41596 16.715 8.84192 17.289L7.73747 18.3623C7.63984 18.4599 7.48155 18.4599 7.38392 18.3623L1.70622 12.6846C1.60859 12.587 1.60859 12.4287 1.70622 12.331L2.74036 11.2812Z"
        fill="url(#paint6_radial_18_23767)"
      />
      <path
        d="M2.74036 11.2812C3.45391 10.5677 4.31124 10.7732 5.2346 11.2311C5.41085 11.3186 5.56905 11.438 5.70817 11.5772L8.55114 14.4201C8.65088 14.5199 8.74138 14.6291 8.81206 14.7511C9.37992 15.7319 9.41596 16.715 8.84192 17.289L7.73747 18.3623C7.63984 18.4599 7.48155 18.4599 7.38392 18.3623L1.70622 12.6846C1.60859 12.587 1.60859 12.4287 1.70622 12.331L2.74036 11.2812Z"
        fill="url(#paint7_radial_18_23767)"
      />
    </g>
    <g filter="url(#filter3_i_18_23767)">
      <path
        d="M13.1601 7.16728C12.9656 7.36267 12.9659 7.67867 13.1609 7.87364L15.3013 10.014C15.4575 10.1702 15.4575 10.4235 15.3013 10.5797L10.156 15.725C9.99983 15.8812 9.74654 15.8812 9.59035 15.725L4.95039 11.085C4.65749 10.7921 4.65749 10.3173 4.95039 10.0243L11.5072 3.46761C11.9227 3.05209 12.5 2.84033 13.0856 2.8886L16.2338 3.14803C16.573 3.17599 16.7245 3.58776 16.4843 3.82891L13.1601 7.16728Z"
        fill="#CAC3DA"
      />
    </g>
    <path
      d="M13.1601 7.16728C12.9656 7.36267 12.9659 7.67867 13.1609 7.87364L15.3013 10.014C15.4575 10.1702 15.4575 10.4235 15.3013 10.5797L10.156 15.725C9.99983 15.8812 9.74654 15.8812 9.59035 15.725L4.95039 11.085C4.65749 10.7921 4.65749 10.3173 4.95039 10.0243L11.5072 3.46761C11.9227 3.05209 12.5 2.84033 13.0856 2.8886L16.2338 3.14803C16.573 3.17599 16.7245 3.58776 16.4843 3.82891L13.1601 7.16728Z"
      fill="url(#paint8_linear_18_23767)"
    />
    <path
      d="M13.1601 7.16728C12.9656 7.36267 12.9659 7.67867 13.1609 7.87364L15.3013 10.014C15.4575 10.1702 15.4575 10.4235 15.3013 10.5797L10.156 15.725C9.99983 15.8812 9.74654 15.8812 9.59035 15.725L4.95039 11.085C4.65749 10.7921 4.65749 10.3173 4.95039 10.0243L11.5072 3.46761C11.9227 3.05209 12.5 2.84033 13.0856 2.8886L16.2338 3.14803C16.573 3.17599 16.7245 3.58776 16.4843 3.82891L13.1601 7.16728Z"
      fill="url(#paint9_radial_18_23767)"
    />
    <path
      d="M13.1601 7.16728C12.9656 7.36267 12.9659 7.67867 13.1609 7.87364L15.3013 10.014C15.4575 10.1702 15.4575 10.4235 15.3013 10.5797L10.156 15.725C9.99983 15.8812 9.74654 15.8812 9.59035 15.725L4.95039 11.085C4.65749 10.7921 4.65749 10.3173 4.95039 10.0243L11.5072 3.46761C11.9227 3.05209 12.5 2.84033 13.0856 2.8886L16.2338 3.14803C16.573 3.17599 16.7245 3.58776 16.4843 3.82891L13.1601 7.16728Z"
      fill="url(#paint10_radial_18_23767)"
    />
    <g filter="url(#filter4_f_18_23767)">
      <rect
        x={6.92834}
        y={12.3901}
        width={7.22504}
        height={4.2784}
        transform="rotate(-45 6.92834 12.3901)"
        fill="url(#paint11_linear_18_23767)"
      />
      <rect
        x={6.92834}
        y={12.3901}
        width={7.22504}
        height={4.2784}
        transform="rotate(-45 6.92834 12.3901)"
        fill="url(#paint12_linear_18_23767)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_23767"
        x={8.04895}
        y={8.31094}
        width={21.3737}
        height={21.5235}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy={-0.15} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.643137 0 0 0 0 0.384314 0 0 0 0 0.737255 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_23767"
        />
      </filter>
      <filter
        id="filter1_f_18_23767"
        x={10.9376}
        y={9.41138}
        width={18.4278}
        height={18.4277}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_23767"
        />
      </filter>
      <filter
        id="filter2_i_18_23767"
        x={1.633}
        y={10.6649}
        width={7.77256}
        height={7.77061}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.15} dy={-0.15} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.552941 0 0 0 0 0.541176 0 0 0 0 0.592157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_23767"
        />
      </filter>
      <filter
        id="filter3_i_18_23767"
        x={4.73071}
        y={2.63184}
        width={12.1208}
        height={13.2102}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.25} dy={-0.25} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.537255 0 0 0 0 0.52549 0 0 0 0 0.596078 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_23767"
        />
      </filter>
      <filter
        id="filter4_f_18_23767"
        x={5.92834}
        y={6.28125}
        width={10.1342}
        height={10.1343}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_23767"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_23767"
        x1={30.506}
        y1={27.6875}
        x2={26.1622}
        y2={23.3437}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.064748} stopColor="#7F494F" />
        <stop offset={1} stopColor="#7F494F" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_23767"
        x1={17.881}
        y1={21.4062}
        x2={21.4435}
        y2={17.7187}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0577084} stopColor="#733464" />
        <stop offset={1} stopColor="#7C425A" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_23767"
        x1={17.8497}
        y1={17.125}
        x2={27.0372}
        y2={26.1563}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A77975" />
        <stop offset={1} stopColor="#8F6969" />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_23767"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.6622 26.4062) rotate(-144.273) scale(2.19419 2.80882)"
      >
        <stop stopColor="#9B7775" />
        <stop offset={1} stopColor="#9B7775" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_23767"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.44427 16.3339) rotate(-45.6098) scale(3.0824 3.08321)"
      >
        <stop stopColor="#CABFDD" />
        <stop offset={1} stopColor="#CABFDD" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_23767"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.72473 15.6875) rotate(-47.332) scale(4.8875 11.3328)"
      >
        <stop offset={0.599497} stopColor="#BBB9C3" stopOpacity={0} />
        <stop offset={0.775721} stopColor="#8C889A" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_23767"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(6.53723 13.6875) rotate(131.009) scale(1.90497 5.84349)"
      >
        <stop stopColor="#DED9EA" />
        <stop offset={1} stopColor="#CAC1DC" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_23767"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.72473 13.5) rotate(-177.818) scale(6.56726 8.47243)"
      >
        <stop offset={0.547233} stopColor="#8F8C98" stopOpacity={0} />
        <stop offset={1} stopColor="#8F8C98" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_18_23767"
        x1={14.4029}
        y1={3.08556}
        x2={14.3057}
        y2={4.31646}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CCCCD3" />
        <stop offset={1} stopColor="#CCCCD3" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint9_radial_18_23767"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.0225 3.70101) rotate(136.759) scale(1.67855 0.33786)"
      >
        <stop stopColor="#DFDDE8" />
        <stop offset={1} stopColor="#CCC9D6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_23767"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.7633 8.75417) rotate(145.582) scale(4.24076 3.38815)"
      >
        <stop offset={0.200856} stopColor="#ECEAF4" />
        <stop offset={1} stopColor="#ECEAF4" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_23767"
        x1={14.1106}
        y1={15.3876}
        x2={6.85923}
        y2={15.8195}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EDEAF7" />
        <stop offset={1} stopColor="#A89ABE" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_23767"
        x1={10.5409}
        y1={12.3901}
        x2={10.5629}
        y2={13.6718}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.111441} stopColor="#B2ADC0" />
        <stop offset={1} stopColor="#B2ADC0" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = HammerIcon;