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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const WhiteCaneIcon = ({ 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="M27.5444 5.94005C27.5126 6.63294 27.6399 8.29887 28.1184 8.9347C28.7164 9.72949 29.6245 8.26227 29.2479 4.29929"
      stroke="#352E3C"
      strokeWidth={1.25}
      strokeLinecap="round"
    />
    <path
      d="M27.5444 5.94005C27.5126 6.63294 27.6399 8.29887 28.1184 8.9347C28.7164 9.72949 29.6245 8.26227 29.2479 4.29929"
      stroke="url(#paint0_radial_18_24597)"
      strokeWidth={1.25}
      strokeLinecap="round"
    />
    <path
      d="M27.5444 5.94005C27.5126 6.63294 27.6399 8.29887 28.1184 8.9347C28.7164 9.72949 29.6245 8.26227 29.2479 4.29929"
      stroke="url(#paint1_radial_18_24597)"
      strokeWidth={1.25}
      strokeLinecap="round"
    />
    <path
      d="M27.5444 5.94005C27.5126 6.63294 27.6399 8.29887 28.1184 8.9347C28.7164 9.72949 29.6245 8.26227 29.2479 4.29929"
      stroke="url(#paint2_radial_18_24597)"
      strokeWidth={1.25}
      strokeLinecap="round"
    />
    <path
      d="M27.5444 5.94005C27.5126 6.63294 27.6399 8.29887 28.1184 8.9347C28.7164 9.72949 29.6245 8.26227 29.2479 4.29929"
      stroke="url(#paint3_radial_18_24597)"
      strokeWidth={1.25}
      strokeLinecap="round"
    />
    <path
      d="M29.5101 2.51728C28.9048 1.91192 27.9233 1.91193 27.318 2.51728L4.0534 25.7818C3.9687 25.8665 3.85594 25.9156 3.7378 25.9353C2.77207 26.0963 2.03601 26.9358 2.03601 27.9472C2.03601 29.0737 2.94922 29.9869 4.07581 29.9869C5.08419 29.9869 5.92173 29.2551 6.08618 28.2935C6.10624 28.1763 6.15521 28.0645 6.23933 27.9803L29.5101 4.70947C30.1155 4.10412 30.1155 3.12264 29.5101 2.51728Z"
      fill="url(#paint4_linear_18_24597)"
    />
    <path
      d="M29.5101 2.51728C28.9048 1.91192 27.9233 1.91193 27.318 2.51728L4.0534 25.7818C3.9687 25.8665 3.85594 25.9156 3.7378 25.9353C2.77207 26.0963 2.03601 26.9358 2.03601 27.9472C2.03601 29.0737 2.94922 29.9869 4.07581 29.9869C5.08419 29.9869 5.92173 29.2551 6.08618 28.2935C6.10624 28.1763 6.15521 28.0645 6.23933 27.9803L29.5101 4.70947C30.1155 4.10412 30.1155 3.12264 29.5101 2.51728Z"
      fill="url(#paint5_radial_18_24597)"
    />
    <path
      d="M24.1328 10.0869L21.9406 7.89468L27.318 2.51728C27.9233 1.91193 28.9048 1.91192 29.5101 2.51728C30.1155 3.12264 30.1155 4.10412 29.5101 4.70947L24.1328 10.0869Z"
      fill="url(#paint6_linear_18_24597)"
    />
    <path
      d="M24.1328 10.0869L21.9406 7.89468L27.318 2.51728C27.9233 1.91193 28.9048 1.91192 29.5101 2.51728C30.1155 3.12264 30.1155 4.10412 29.5101 4.70947L24.1328 10.0869Z"
      fill="url(#paint7_radial_18_24597)"
    />
    <circle
      cx={4.07233}
      cy={27.9622}
      r={2.03632}
      fill="url(#paint8_radial_18_24597)"
    />
    <g filter="url(#filter0_f_18_24597)">
      <path
        d="M22.7805 9.15625L10.6243 21.3125"
        stroke="url(#paint9_linear_18_24597)"
        strokeWidth={0.65}
      />
    </g>
    <g filter="url(#filter1_f_18_24597)">
      <path
        d="M28.9211 3.01562L23.2493 8.6875"
        stroke="url(#paint10_linear_18_24597)"
        strokeWidth={0.65}
      />
    </g>
    <path
      d="M4.04443 25.7908L9.45093 20.3843L11.6431 22.5766L6.23657 27.9831L4.04443 25.7908Z"
      fill="url(#paint11_linear_18_24597)"
    />
    <g filter="url(#filter2_f_18_24597)">
      <path
        d="M5.28052 26.6875L10.3586 21.6094"
        stroke="url(#paint12_linear_18_24597)"
        strokeWidth={0.65}
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_24597"
        x={9.74447}
        y={8.27645}
        width={13.9158}
        height={13.9158}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.325}
          result="effect1_foregroundBlur_18_24597"
        />
      </filter>
      <filter
        id="filter1_f_18_24597"
        x={22.3695}
        y={2.13583}
        width={7.43147}
        height={7.43147}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.325}
          result="effect1_foregroundBlur_18_24597"
        />
      </filter>
      <filter
        id="filter2_f_18_24597"
        x={4.55072}
        y={20.8796}
        width={6.53772}
        height={6.53772}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.25}
          result="effect1_foregroundBlur_18_24597"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_24597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.0461 6.15625) rotate(89.1319) scale(2.06274 0.703281)"
      >
        <stop offset={0.168465} stopColor="#6A656F" />
        <stop offset={1} stopColor="#6A656F" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_24597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.6868 4.29929) rotate(90) scale(3.45071 0.709315)"
      >
        <stop stopColor="#6B6473" />
        <stop offset={1} stopColor="#6B6473" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_24597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.7649 4.96875) rotate(97.125) scale(4.91294 1.84679)"
      >
        <stop offset={0.797633} stopColor="#5F5867" stopOpacity={0} />
        <stop offset={1} stopColor="#5F5867" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_24597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.7961 10.1094) rotate(-66.5643) scale(3.69293 1.10065)"
      >
        <stop stopColor="#53346C" />
        <stop offset={1} stopColor="#53346C" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_24597"
        x1={16.0001}
        y1={13.375}
        x2={18.718}
        y2={16.0251}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A8A3AE" />
        <stop offset={1} stopColor="#B5A2C8" />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_24597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.96802 27.0469) rotate(133.727) scale(1.49192 1.57047)"
      >
        <stop stopColor="#D6D0DD" />
        <stop offset={1} stopColor="#B1A9BA" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_24597"
        x1={24.093}
        y1={9.43749}
        x2={29.9641}
        y2={3.06249}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.103578} stopColor="#3F354A" />
        <stop offset={1} stopColor="#4E3964" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_24597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.9641 2.43749) rotate(132.726) scale(2.29714 2.77726)"
      >
        <stop offset={0.171789} stopColor="#6B597C" />
        <stop offset={1} stopColor="#6B597C" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_24597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.43677 27.0625) rotate(97.0758) scale(2.95856 3.52406)"
      >
        <stop offset={0.495482} stopColor="#ADA4B6" stopOpacity={0} />
        <stop offset={1} stopColor="#A279C6" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_18_24597"
        x1={22.7805}
        y1={9.65623}
        x2={10.593}
        y2={21.8437}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B6AFBD" />
        <stop offset={1} stopColor="#BAB0C5" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_24597"
        x1={30.2493}
        y1={1.6875}
        x2={24.093}
        y2={7.90625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7C6E8B" />
        <stop offset={1} stopColor="#4C4256" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_24597"
        x1={5.15552}
        y1={27.625}
        x2={10.9055}
        y2={21.625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F52B85" />
        <stop offset={1} stopColor="#E23753" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_24597"
        x1={5.65552}
        y1={26.6875}
        x2={10.593}
        y2={21.8438}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F83C7F" />
        <stop offset={1} stopColor="#F63D5A" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = WhiteCaneIcon;