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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SixOclockIcon = ({ 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="M30.163 16.067C30.163 23.799 23.895 30.067 16.163 30.067C8.43101 30.067 2.16299 23.799 2.16299 16.067C2.16299 8.33503 8.43101 2.06702 16.163 2.06702C23.895 2.06702 30.163 8.33503 30.163 16.067Z"
      fill="url(#paint0_radial_18_13561)"
    />
    <g filter="url(#filter0_f_18_13561)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M15.1918 8.08289C15.7441 8.08289 16.1918 8.5306 16.1918 9.08289V15.3573C16.7845 15.7016 17.183 16.3434 17.183 17.0782C17.183 17.813 16.7845 18.4548 16.1918 18.7991V23.0342C16.1918 23.5865 15.7441 24.0342 15.1918 24.0342C14.6395 24.0342 14.1918 23.5865 14.1918 23.0342V18.7963C13.6017 18.4513 13.2054 17.811 13.2054 17.0782C13.2054 16.3453 13.6017 15.7051 14.1918 15.3601V9.08289C14.1918 8.5306 14.6395 8.08289 15.1918 8.08289Z"
        fill="#C3C0C6"
      />
    </g>
    <g filter="url(#filter1_i_18_13561)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.1918 7.08289C16.7441 7.08289 17.1918 7.5306 17.1918 8.08289V16.0783C17.1918 16.6306 16.7441 17.0783 16.1918 17.0783C15.6395 17.0783 15.1918 16.6306 15.1918 16.0783V8.08289C15.1918 7.5306 15.6395 7.08289 16.1918 7.08289Z"
        fill="url(#paint1_linear_18_13561)"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.1918 23.0342C15.6395 23.0342 15.1918 22.5865 15.1918 22.0342V16.067C15.1918 15.5147 15.6395 15.067 16.1918 15.067C16.7441 15.067 17.1918 15.5147 17.1918 16.067V22.0342C17.1918 22.5865 16.7441 23.0342 16.1918 23.0342Z"
      fill="url(#paint2_linear_18_13561)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.1918 23.0342C15.6395 23.0342 15.1918 22.5865 15.1918 22.0342V16.067C15.1918 15.5147 15.6395 15.067 16.1918 15.067C16.7441 15.067 17.1918 15.5147 17.1918 16.067V22.0342C17.1918 22.5865 16.7441 23.0342 16.1918 23.0342Z"
      fill="url(#paint3_linear_18_13561)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.1918 23.0342C15.6395 23.0342 15.1918 22.5865 15.1918 22.0342V16.067C15.1918 15.5147 15.6395 15.067 16.1918 15.067C16.7441 15.067 17.1918 15.5147 17.1918 16.067V22.0342C17.1918 22.5865 16.7441 23.0342 16.1918 23.0342Z"
      fill="url(#paint4_radial_18_13561)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.1918 23.0342C15.6395 23.0342 15.1918 22.5865 15.1918 22.0342V16.067C15.1918 15.5147 15.6395 15.067 16.1918 15.067C16.7441 15.067 17.1918 15.5147 17.1918 16.067V22.0342C17.1918 22.5865 16.7441 23.0342 16.1918 23.0342Z"
      fill="url(#paint5_linear_18_13561)"
    />
    <g filter="url(#filter2_ii_18_13561)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.163 27.067C22.2381 27.067 27.163 22.1421 27.163 16.067C27.163 9.99188 22.2381 5.06702 16.163 5.06702C10.0879 5.06702 5.16299 9.99188 5.16299 16.067C5.16299 22.1421 10.0879 27.067 16.163 27.067ZM16.163 30.067C23.895 30.067 30.163 23.799 30.163 16.067C30.163 8.33503 23.895 2.06702 16.163 2.06702C8.43101 2.06702 2.16299 8.33503 2.16299 16.067C2.16299 23.799 8.43101 30.067 16.163 30.067Z"
        fill="url(#paint6_linear_18_13561)"
      />
    </g>
    <path
      d="M18.183 16.0782C18.183 17.1766 17.2926 18.067 16.1942 18.067C15.0958 18.067 14.2054 17.1766 14.2054 16.0782C14.2054 14.9798 15.0958 14.0894 16.1942 14.0894C17.2926 14.0894 18.183 14.9798 18.183 16.0782Z"
      fill="url(#paint7_radial_18_13561)"
    />
    <path
      d="M18.183 16.0782C18.183 17.1766 17.2926 18.067 16.1942 18.067C15.0958 18.067 14.2054 17.1766 14.2054 16.0782C14.2054 14.9798 15.0958 14.0894 16.1942 14.0894C17.2926 14.0894 18.183 14.9798 18.183 16.0782Z"
      fill="url(#paint8_radial_18_13561)"
    />
    <defs>
      <filter
        id="filter0_f_18_13561"
        x={11.7054}
        y={6.58289}
        width={6.97766}
        height={18.9513}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_18_13561"
        />
      </filter>
      <filter
        id="filter1_i_18_13561"
        x={15.1918}
        y={7.08289}
        width={2.6}
        height={9.99536}
        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.6} />
        <feGaussianBlur stdDeviation={0.425} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.635294 0 0 0 0 0.227451 0 0 0 0 0.403922 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13561"
        />
      </filter>
      <filter
        id="filter2_ii_18_13561"
        x={1.76299}
        y={1.66702}
        width={28.8}
        height={28.8}
        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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.282353 0 0 0 0 0.254902 0 0 0 0 0.313726 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13561"
        />
        <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.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_13561"
          result="effect2_innerShadow_18_13561"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13561"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.73704 24.5653) rotate(-46.2124) scale(25.2966)"
      >
        <stop offset={0.598155} stopColor="#DDDADF" />
        <stop offset={1} stopColor="#BDBABF" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_13561"
        x1={16.1918}
        y1={7.08289}
        x2={16.1918}
        y2={17.0783}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F83F4C" />
        <stop offset={1} stopColor="#F74093" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_13561"
        x1={16.1918}
        y1={23.0342}
        x2={16.1918}
        y2={17.2228}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#32183D" />
        <stop offset={1} stopColor="#2C3A65" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_13561"
        x1={17.1918}
        y1={20.004}
        x2={16.1918}
        y2={20.004}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2E2840" />
        <stop offset={1} stopColor="#2E2840" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_13561"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.5825 22.6418) rotate(-90) scale(5.73026 0.815281)"
      >
        <stop stopColor="#50375F" />
        <stop offset={1} stopColor="#50375F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_13561"
        x1={16.1918}
        y1={23.0342}
        x2={16.1918}
        y2={22.3165}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E1846" />
        <stop offset={1} stopColor="#3E1846" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_13561"
        x1={24.6738}
        y1={4.08051}
        x2={4.44679}
        y2={28.6006}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6D6B70" />
        <stop offset={1} stopColor="#706C74" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_13561"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.274 15.6197) rotate(134.039) scale(3.40442)"
      >
        <stop stopColor="#C9C6CC" />
        <stop offset={1} stopColor="#928E95" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_13561"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.7567 15.5717) rotate(139.399) scale(2.88111)"
      >
        <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
        <stop offset={1} stopColor="#776F7F" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = SixOclockIcon;