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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const Keycap0Icon = ({ 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_ii_18590_2171)">
      <rect
        x={2.28931}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint0_linear_18590_2171)"
      />
      <rect
        x={2.28931}
        y={1.9375}
        width={27.875}
        height={27.875}
        rx={3.6}
        fill="url(#paint1_radial_18590_2171)"
      />
    </g>
    <g filter="url(#filter1_f_18590_2171)">
      <path
        d="M28.4768 4.4375V27.3125"
        stroke="url(#paint2_linear_18590_2171)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_18590_2171)">
      <path
        d="M5.75317 3.75H27.5344"
        stroke="url(#paint3_linear_18590_2171)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter3_f_18590_2171)">
      <path
        d="M10.2233 13.625C10.2233 10.3113 12.9096 7.625 16.2233 7.625C19.537 7.625 22.2233 10.3113 22.2233 13.625V18.125C22.2233 21.4387 19.537 24.125 16.2233 24.125C12.9096 24.125 10.2233 21.4387 10.2233 18.125V13.625ZM16.2233 11.125C14.8426 11.125 13.7233 12.2443 13.7233 13.625V18.125C13.7233 19.5057 14.8426 20.625 16.2233 20.625C17.604 20.625 18.7233 19.5057 18.7233 18.125V13.625C18.7233 12.2443 17.604 11.125 16.2233 11.125Z"
        fill="#579FFF"
      />
    </g>
    <g filter="url(#filter4_ii_18590_2171)">
      <path
        d="M10.2233 13.625C10.2233 10.3113 12.9096 7.625 16.2233 7.625C19.537 7.625 22.2233 10.3113 22.2233 13.625V18.125C22.2233 21.4387 19.537 24.125 16.2233 24.125C12.9096 24.125 10.2233 21.4387 10.2233 18.125V13.625ZM16.2233 11.125C14.8426 11.125 13.7233 12.2443 13.7233 13.625V18.125C13.7233 19.5057 14.8426 20.625 16.2233 20.625C17.604 20.625 18.7233 19.5057 18.7233 18.125V13.625C18.7233 12.2443 17.604 11.125 16.2233 11.125Z"
        fill="#FCF2FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_ii_18590_2171"
        x={2.28931}
        y={0.9375}
        width={28.875}
        height={28.875}
        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} dy={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_2171"
        />
        <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={-1} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_2171"
          result="effect2_innerShadow_18590_2171"
        />
      </filter>
      <filter
        id="filter1_f_18590_2171"
        x={25.7268}
        y={1.6875}
        width={5.5}
        height={28.375}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_2171"
        />
      </filter>
      <filter
        id="filter2_f_18590_2171"
        x={3.00317}
        y={1}
        width={27.2812}
        height={5.5}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_18590_2171"
        />
      </filter>
      <filter
        id="filter3_f_18590_2171"
        x={9.22327}
        y={6.625}
        width={14}
        height={18.5}
        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_18590_2171"
        />
      </filter>
      <filter
        id="filter4_ii_18590_2171"
        x={9.22327}
        y={7.225}
        width={13.4}
        height={17.9}
        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} dy={1} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_2171"
        />
        <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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18590_2171"
          result="effect2_innerShadow_18590_2171"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_2171"
        x1={16.2268}
        y1={5.51201}
        x2={16.2268}
        y2={38.7647}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5CB7FF" />
        <stop offset={1} stopColor="#4878DD" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_2171"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.9456 4.03125) rotate(136.771) scale(2.14444 2.50466)"
      >
        <stop stopColor="#7BD7FF" />
        <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18590_2171"
        x1={28.9768}
        y1={4.4375}
        x2={28.9768}
        y2={27.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7FD9FF" />
        <stop offset={1} stopColor="#639DF4" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18590_2171"
        x1={28.6907}
        y1={4.00002}
        x2={3.15942}
        y2={4.00002}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DD8FF" />
        <stop offset={1} stopColor="#5DB6FF" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = Keycap0Icon;