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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SafetyPinIcon = ({ 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="M22.6608 17.0984L12.9229 26.7594"
      stroke="#DACAEC"
      strokeWidth={3.4}
    />
    <path
      d="M22.6608 17.0984L12.9229 26.7594"
      stroke="url(#paint0_linear_18_26095)"
      strokeWidth={3.4}
    />
    <path
      d="M22.6608 17.0984L12.9229 26.7594"
      stroke="url(#paint1_radial_18_26095)"
      strokeWidth={3.4}
    />
    <g filter="url(#filter0_ii_18_26095)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M13.6273 8.41992L4.37915 17.5912L4.38561 17.5977C2.96864 18.8985 2.08044 20.7662 2.08044 22.8413C2.08044 26.7715 5.26654 29.9576 9.19679 29.9576C13.127 29.9576 16.3131 26.7715 16.3131 22.8413C16.3131 19.4931 14.0009 16.685 10.8862 15.9267L16.0214 10.8341L13.6273 8.41992ZM5.48044 22.8413C5.48044 20.7888 7.14431 19.1249 9.19679 19.1249C11.2493 19.1249 12.9131 20.7888 12.9131 22.8413C12.9131 24.8938 11.2493 26.5576 9.19679 26.5576C7.14431 26.5576 5.48044 24.8938 5.48044 22.8413Z"
        fill="#D0C5DD"
      />
    </g>
    <path
      d="M13.8519 12.9855L13.8395 12.973L10.8861 15.9266L6.86609 19.9464C7.50354 19.4325 8.31421 19.1249 9.19678 19.1249C11.2493 19.1249 12.9131 20.7888 12.9131 22.8412C12.9131 23.95 12.4275 24.9453 11.6575 25.6263L14.0641 28.0328C15.4484 26.7345 16.3131 24.8889 16.3131 22.8412C16.3131 19.4931 14.0009 16.685 10.8861 15.9266L13.8519 12.9855Z"
      fill="url(#paint2_linear_18_26095)"
    />
    <path
      d="M13.8519 12.9855L13.8395 12.973L10.8861 15.9266L6.86609 19.9464C7.50354 19.4325 8.31421 19.1249 9.19678 19.1249C11.2493 19.1249 12.9131 20.7888 12.9131 22.8412C12.9131 23.95 12.4275 24.9453 11.6575 25.6263L14.0641 28.0328C15.4484 26.7345 16.3131 24.8889 16.3131 22.8412C16.3131 19.4931 14.0009 16.685 10.8861 15.9266L13.8519 12.9855Z"
      fill="url(#paint3_radial_18_26095)"
    />
    <path
      d="M16 10.8125L13.6273 8.41992L4.37915 17.5912L4.38562 17.5977C3.39575 18.5064 2.66382 19.6919 2.31262 21.0314L5.8125 18.9063L6.30212 20.5104C6.46936 20.3029 6.65845 20.1138 6.86597 19.9466L16 10.8125Z"
      fill="url(#paint4_linear_18_26095)"
    />
    <path
      d="M16 10.8125L13.6273 8.41992L4.37915 17.5912L4.38562 17.5977C3.39575 18.5064 2.66382 19.6919 2.31262 21.0314L5.8125 18.9063L6.30212 20.5104C6.46936 20.3029 6.65845 20.1138 6.86597 19.9466L16 10.8125Z"
      fill="url(#paint5_linear_18_26095)"
    />
    <g filter="url(#filter1_f_18_26095)">
      <path
        d="M14.7189 9.40222L5.47066 18.5735"
        stroke="url(#paint6_linear_18_26095)"
      />
    </g>
    <g filter="url(#filter2_f_18_26095)">
      <circle
        cx={9.30258}
        cy={22.6165}
        r={5.41635}
        stroke="url(#paint7_linear_18_26095)"
      />
    </g>
    <g filter="url(#filter3_i_18_26095)">
      <path
        d="M16.1202 4.40688C19.2444 1.28267 24.3098 1.28267 27.434 4.40688L27.5577 4.53065C30.6143 7.5872 30.6804 12.5017 27.7563 15.6387L27.7537 15.6641C26.3322 17.0856 24.9169 18.5368 23.512 19.9446C23.4146 20.0422 23.2566 20.0423 23.1589 19.9451L19.6287 16.4297L19.6365 16.4219L19.1566 15.942C17.713 14.4984 17.713 12.1579 19.1566 10.7143C20.6028 9.26808 22.9485 9.27107 24.391 10.7209L24.5291 10.8426C24.6194 10.9221 24.7597 10.9037 24.801 10.7908C25.068 10.0616 24.635 8.7641 23.9177 8.04689C22.7872 6.91646 20.9545 6.91646 19.824 8.04689L17.4795 10.3914C16.4055 11.4654 14.6643 11.4654 13.5903 10.3914L12.0398 8.8409C11.9421 8.74324 11.9421 8.58498 12.0398 8.48732L16.1202 4.40688Z"
        fill="url(#paint8_linear_18_26095)"
      />
      <path
        d="M16.1202 4.40688C19.2444 1.28267 24.3098 1.28267 27.434 4.40688L27.5577 4.53065C30.6143 7.5872 30.6804 12.5017 27.7563 15.6387L27.7537 15.6641C26.3322 17.0856 24.9169 18.5368 23.512 19.9446C23.4146 20.0422 23.2566 20.0423 23.1589 19.9451L19.6287 16.4297L19.6365 16.4219L19.1566 15.942C17.713 14.4984 17.713 12.1579 19.1566 10.7143C20.6028 9.26808 22.9485 9.27107 24.391 10.7209L24.5291 10.8426C24.6194 10.9221 24.7597 10.9037 24.801 10.7908C25.068 10.0616 24.635 8.7641 23.9177 8.04689C22.7872 6.91646 20.9545 6.91646 19.824 8.04689L17.4795 10.3914C16.4055 11.4654 14.6643 11.4654 13.5903 10.3914L12.0398 8.8409C11.9421 8.74324 11.9421 8.58498 12.0398 8.48732L16.1202 4.40688Z"
        fill="url(#paint9_linear_18_26095)"
      />
    </g>
    <path
      d="M16.1202 4.40688C19.2444 1.28267 24.3098 1.28267 27.434 4.40688L27.5577 4.53065C30.6143 7.5872 30.6804 12.5017 27.7563 15.6387L27.7537 15.6641C26.3322 17.0856 24.9169 18.5368 23.512 19.9446C23.4146 20.0422 23.2566 20.0423 23.1589 19.9451L19.6287 16.4297L19.6365 16.4219L19.1566 15.942C17.713 14.4984 17.713 12.1579 19.1566 10.7143C20.6028 9.26808 22.9485 9.27107 24.391 10.7209L24.5291 10.8426C24.6194 10.9221 24.7597 10.9037 24.801 10.7908C25.068 10.0616 24.635 8.7641 23.9177 8.04689C22.7872 6.91646 20.9545 6.91646 19.824 8.04689L17.4795 10.3914C16.4055 11.4654 14.6643 11.4654 13.5903 10.3914L12.0398 8.8409C11.9421 8.74324 11.9421 8.58498 12.0398 8.48732L16.1202 4.40688Z"
      fill="url(#paint10_radial_18_26095)"
    />
    <defs>
      <filter
        id="filter0_ii_18_26095"
        x={2.08044}
        y={7.76992}
        width={14.8827}
        height={22.1877}
        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.65} />
        <feGaussianBlur stdDeviation={0.6} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.635294 0 0 0 0 0.631373 0 0 0 0 0.647059 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_26095"
        />
        <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.65} />
        <feGaussianBlur stdDeviation={0.6} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.729412 0 0 0 0 0.647059 0 0 0 0 0.811765 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_26095"
          result="effect2_innerShadow_18_26095"
        />
      </filter>
      <filter
        id="filter1_f_18_26095"
        x={4.61853}
        y={8.54718}
        width={10.9524}
        height={10.8813}
        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_26095"
        />
      </filter>
      <filter
        id="filter2_f_18_26095"
        x={2.88623}
        y={16.2001}
        width={12.8326}
        height={12.8327}
        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_26095"
        />
      </filter>
      <filter
        id="filter3_i_18_26095"
        x={11.9666}
        y={1.81372}
        width={17.9343}
        height={18.2042}
        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.25} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.690196 0 0 0 0 0.635294 0 0 0 0 0.752941 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_26095"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_26095"
        x1={16.625}
        y1={19.625}
        x2={19.2813}
        y2={22.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.180868} stopColor="#93919B" />
        <stop offset={1} stopColor="#C7BBD6" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_26095"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.6608 18.5) rotate(134.049) scale(4.77078 3.03709)"
      >
        <stop stopColor="#AB93C0" />
        <stop offset={1} stopColor="#AB93C0" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_26095"
        x1={6.09375}
        y1={20.5029}
        x2={9.88591}
        y2={20.8518}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.151836} stopColor="#B9A5CD" />
        <stop offset={1} stopColor="#B9A5CD" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_26095"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.6875 22.2187) rotate(-45.1866) scale(6.78384 10.3322)"
      >
        <stop offset={0.547501} stopColor="#A8A5B0" stopOpacity={0} />
        <stop offset={0.954589} stopColor="#A8A5B0" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_26095"
        x1={15.6875}
        y1={11}
        x2={13.9219}
        y2={12.7657}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B4A0C9" />
        <stop offset={1} stopColor="#B4A0C9" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_26095"
        x1={11.75}
        y1={16.5}
        x2={10.2187}
        y2={14.9688}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.39796} stopColor="#C5B5D8" />
        <stop offset={1} stopColor="#C5B5D8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_26095"
        x1={3.6875}
        y1={15.75}
        x2={9.47546}
        y2={17.1918}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DFD4EC" />
        <stop offset={1} stopColor="#DFD4EC" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_26095"
        x1={6.5625}
        y1={25.875}
        x2={9.30255}
        y2={16.875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DFD4EC" />
        <stop offset={1} stopColor="#DFD4EC" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_26095"
        x1={20.9337}
        y1={10.0303}
        x2={16.6298}
        y2={5.03655}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CEC2DD" />
        <stop offset={1} stopColor="#B5AFBF" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_26095"
        x1={12.5625}
        y1={7.1875}
        x2={15.3438}
        y2={9.34375}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.126779} stopColor="#9C9B9F" />
        <stop offset={1} stopColor="#B0ABB8" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_26095"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(31.3038 6.18896) rotate(150.139) scale(9.74474 11.8972)"
      >
        <stop offset={0.258008} stopColor="#E0DFE4" />
        <stop offset={1} stopColor="#E0DFE4" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = SafetyPinIcon;