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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BroomIcon = ({ 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}
    <path
      d="M25.6575 3.5L14.8606 22.2344"
      stroke="#9F6261"
      strokeWidth={2.75}
      strokeLinecap="round"
    />
    <path
      d="M25.6575 3.5L14.8606 22.2344"
      stroke="url(#paint0_linear_18_26124)"
      strokeWidth={2.75}
      strokeLinecap="round"
    />
    <path
      d="M25.6575 3.5L14.8606 22.2344"
      stroke="url(#paint1_radial_18_26124)"
      strokeWidth={2.75}
      strokeLinecap="round"
    />
    <path
      d="M25.6575 3.5L14.8606 22.2344"
      stroke="url(#paint2_radial_18_26124)"
      strokeWidth={2.75}
      strokeLinecap="round"
    />
    <g filter="url(#filter0_f_18_26124)">
      <path
        d="M25.7331 3.89606L15.1484 22.2344"
        stroke="#96596B"
        strokeWidth={0.75}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter1_ii_18_26124)">
      <path
        d="M9.70374 23.3281L4.56353 28.1328C3.96994 28.7343 4.33631 29.6093 5.06344 29.6093H12.5793C15.009 29.4921 16.3528 28.414 16.8485 26.6284L17.3918 24.539C17.7903 22.6093 17.1515 21.298 15.8059 20.5234C14.3732 19.6987 12.5963 19.9555 11.5201 21.2103L9.70374 23.3281Z"
        fill="url(#paint3_linear_18_26124)"
      />
      <path
        d="M9.70374 23.3281L4.56353 28.1328C3.96994 28.7343 4.33631 29.6093 5.06344 29.6093H12.5793C15.009 29.4921 16.3528 28.414 16.8485 26.6284L17.3918 24.539C17.7903 22.6093 17.1515 21.298 15.8059 20.5234C14.3732 19.6987 12.5963 19.9555 11.5201 21.2103L9.70374 23.3281Z"
        fill="url(#paint4_radial_18_26124)"
      />
      <path
        d="M9.70374 23.3281L4.56353 28.1328C3.96994 28.7343 4.33631 29.6093 5.06344 29.6093H12.5793C15.009 29.4921 16.3528 28.414 16.8485 26.6284L17.3918 24.539C17.7903 22.6093 17.1515 21.298 15.8059 20.5234C14.3732 19.6987 12.5963 19.9555 11.5201 21.2103L9.70374 23.3281Z"
        fill="url(#paint5_linear_18_26124)"
      />
      <path
        d="M9.70374 23.3281L4.56353 28.1328C3.96994 28.7343 4.33631 29.6093 5.06344 29.6093H12.5793C15.009 29.4921 16.3528 28.414 16.8485 26.6284L17.3918 24.539C17.7903 22.6093 17.1515 21.298 15.8059 20.5234C14.3732 19.6987 12.5963 19.9555 11.5201 21.2103L9.70374 23.3281Z"
        fill="url(#paint6_radial_18_26124)"
      />
    </g>
    <path
      d="M11.2668 21.5469L17.3137 24.8282"
      stroke="url(#paint7_linear_18_26124)"
      strokeWidth={0.6}
      strokeLinecap="round"
    />
    <path
      d="M11.2668 21.5469L17.3137 24.8282"
      stroke="url(#paint8_radial_18_26124)"
      strokeWidth={0.6}
      strokeLinecap="round"
    />
    <path
      d="M10.2434 22.7734L16.9543 26.5469"
      stroke="url(#paint9_linear_18_26124)"
      strokeWidth={0.6}
      strokeLinecap="round"
    />
    <path
      d="M10.2434 22.7734L16.9543 26.5469"
      stroke="url(#paint10_radial_18_26124)"
      strokeWidth={0.6}
      strokeLinecap="round"
    />
    <rect
      x={14.683}
      y={18.6825}
      width={3.80279}
      height={1.31895}
      rx={0.659474}
      transform="rotate(30 14.683 18.6825)"
      fill="url(#paint11_linear_18_26124)"
    />
    <rect
      x={14.683}
      y={18.6825}
      width={3.80279}
      height={1.31895}
      rx={0.659474}
      transform="rotate(30 14.683 18.6825)"
      fill="url(#paint12_radial_18_26124)"
    />
    <rect
      x={14.683}
      y={18.6825}
      width={3.80279}
      height={1.31895}
      rx={0.659474}
      transform="rotate(30 14.683 18.6825)"
      fill="url(#paint13_radial_18_26124)"
    />
    <defs>
      <filter
        id="filter0_f_18_26124"
        x={14.0233}
        y={2.771}
        width={12.8348}
        height={20.5884}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_18_26124"
        />
      </filter>
      <filter
        id="filter1_ii_18_26124"
        x={4.26733}
        y={19.547}
        width={14.2417}
        height={10.0623}
        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={1} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.756863 0 0 0 0 0.517647 0 0 0 0 0.298039 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_26124"
        />
        <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.5} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.427451 0 0 0 0 0.529412 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_26124"
          result="effect2_innerShadow_18_26124"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_26124"
        x1={15.4387}
        y1={18.0625}
        x2={17.7825}
        y2={19.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.142375} stopColor="#6E4240" />
        <stop offset={1} stopColor="#834953" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.7956 2.0494) rotate(131.155) scale(3.24894 4.81194)"
      >
        <stop stopColor="#A57667" />
        <stop offset={1} stopColor="#A57667" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.6564 2.98472) rotate(-23.2729) scale(1.21397 0.754272)"
      >
        <stop offset={0.0710945} stopColor="#BB8B86" />
        <stop offset={1} stopColor="#BB8B86" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_26124"
        x1={7.43872}
        y1={29.0625}
        x2={15.8762}
        y2={21.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F58C43" />
        <stop offset={1} stopColor="#FDAD47" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.1575 22.3437) rotate(121.39) scale(2.15987 3.5623)"
      >
        <stop stopColor="#FFD46F" />
        <stop offset={1} stopColor="#FFD46F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_26124"
        x1={6.43872}
        y1={29.125}
        x2={10.6262}
        y2={26.75}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF8655" />
        <stop offset={1} stopColor="#FF8655" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.72 25.8125) rotate(122.3) scale(3.21647 4.10599)"
      >
        <stop stopColor="#FFA565" />
        <stop offset={1} stopColor="#FFA565" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_26124"
        x1={15.3137}
        y1={24.125}
        x2={10.4856}
        y2={21.472}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF1951" />
        <stop offset={0.718449} stopColor="#DC1E43" />
        <stop offset={1} stopColor="#B2424F" />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.0963 23.5238) rotate(118.249) scale(0.208223 2.95101)"
      >
        <stop offset={0.242816} stopColor="#FF516D" />
        <stop offset={1} stopColor="#FF516D" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint9_linear_18_26124"
        x1={14.7347}
        y1={25.7382}
        x2={9.28962}
        y2={22.8508}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF1951" />
        <stop offset={0.718449} stopColor="#DC1E43" />
        <stop offset={1} stopColor="#B2424F" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.4934 25.0469) rotate(117.408) scale(0.237608 3.30057)"
      >
        <stop offset={0.242816} stopColor="#FF516D" />
        <stop offset={1} stopColor="#FF516D" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_26124"
        x1={16.5844}
        y1={18.6825}
        x2={16.6106}
        y2={19.8848}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AA9FB9" />
        <stop offset={1} stopColor="#B69BCC" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.7628 18.6616) rotate(164.846) scale(3.29759 2.01065)"
      >
        <stop offset={0.477916} stopColor="#9B8DAC" stopOpacity={0} />
        <stop offset={0.96585} stopColor="#7E7785" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_26124"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.438 18.8491) rotate(90.3093) scale(0.650181 1.93389)"
      >
        <stop offset={0.15196} stopColor="#C3B6D4" />
        <stop offset={1} stopColor="#C3B6D4" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = BroomIcon;