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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const SmilingFaceWithHornsIcon = ({ 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 clipPath="url(#clip0_31_1442)">
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint0_radial_31_1442)"
      />
      <path
        d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
        fill="url(#paint1_radial_31_1442)"
        fillOpacity={0.6}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.4 24.2001C10.8418 23.8687 11.4686 23.9582 11.8 24.4001C12.1094 24.8125 13.5118 26.0001 16 26.0001C18.4882 26.0001 19.8906 24.8125 20.2 24.4001C20.5314 23.9582 21.1582 23.8687 21.6 24.2001C22.0418 24.5314 22.1314 25.1582 21.8 25.6001C21.1094 26.5209 19.1118 28.0001 16 28.0001C12.8882 28.0001 10.8906 26.5209 10.2 25.6001C9.86863 25.1582 9.95817 24.5314 10.4 24.2001Z"
        fill="url(#paint2_radial_31_1442)"
      />
      <circle cx={9} cy={19} r={5} fill="url(#paint3_radial_31_1442)" />
      <circle cx={19.5} cy={19.5} r={4.5} fill="url(#paint4_radial_31_1442)" />
      <path
        d="M10.5 22C12.9853 22 15 19.9853 15 17.5C15 15.0147 12.9853 13 10.5 13C8.01472 13 6 15.0147 6 17.5C6 19.9853 8.01472 22 10.5 22Z"
        fill="white"
      />
      <path
        d="M21.5 22C23.9853 22 26 19.9853 26 17.5C26 15.0147 23.9853 13 21.5 13C19.0147 13 17 15.0147 17 17.5C17 19.9853 19.0147 22 21.5 22Z"
        fill="white"
      />
      <path
        d="M12 20C13.1046 20 14 19.1046 14 18C14 16.8954 13.1046 16 12 16C10.8954 16 10 16.8954 10 18C10 19.1046 10.8954 20 12 20Z"
        fill="url(#paint5_linear_31_1442)"
      />
      <path
        d="M20 20C21.1046 20 22 19.1046 22 18C22 16.8954 21.1046 16 20 16C18.8954 16 18 16.8954 18 18C18 19.1046 18.8954 20 20 20Z"
        fill="url(#paint6_linear_31_1442)"
      />
      <path
        d="M10.25 11.25C10.25 11.25 11 14.25 14.25 14.25"
        stroke="url(#paint7_linear_31_1442)"
        strokeWidth={1.5}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M21.75 11.25C21.75 11.25 21 14.25 17.75 14.25"
        stroke="url(#paint8_linear_31_1442)"
        strokeWidth={1.5}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M8 6C8 6 5.60778 5.26667 4.45778 3.22667C4.17778 2.71667 3.85778 3.22667 3.85778 3.22667C3.85778 3.22667 1.84997 7 3.99997 11C4.25997 11.69 5.51 12 6.5 12C8.29 12 9.60777 10.4667 9.60777 8.68667C9.61777 7.46667 9.08 6.36 8 6Z"
        fill="url(#paint9_radial_31_1442)"
      />
      <path
        d="M24.0061 6C24.0061 6 26.3983 5.26667 27.5483 3.22667C27.8283 2.71667 28.1483 3.22667 28.1483 3.22667C28.1483 3.22667 30.1561 7 28.0061 11C27.7461 11.69 26.4961 12 25.5061 12C23.7161 12 22.3983 10.4667 22.3983 8.68667C22.3883 7.46667 22.9261 6.36 24.0061 6Z"
        fill="url(#paint10_radial_31_1442)"
      />
      <path
        d="M24.0061 6C24.0061 6 26.3983 5.26667 27.5483 3.22667C27.8283 2.71667 28.1483 3.22667 28.1483 3.22667C28.1483 3.22667 30.1561 7 28.0061 11C27.7461 11.69 26.4961 12 25.5061 12C23.7161 12 22.3983 10.4667 22.3983 8.68667C22.3883 7.46667 22.9261 6.36 24.0061 6Z"
        fill="url(#paint11_radial_31_1442)"
      />
    </g>
    <defs>
      <radialGradient
        id="paint0_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.5 10) rotate(94.5739) scale(25.0799)"
      >
        <stop stopColor="#9F70B8" />
        <stop offset={0.514303} stopColor="#8543A8" />
        <stop offset={0.71368} stopColor="#9344BB" />
        <stop offset={0.888763} stopColor="#6B438B" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18 14) rotate(135) scale(45.2548)"
      >
        <stop offset={0.314853} stopOpacity={0} />
        <stop offset={1} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 23.0001) rotate(90) scale(5.5 8.41855)"
      >
        <stop offset={0.34763} stopColor="#241A1A" />
        <stop offset={0.628228} stopColor="#57444A" />
        <stop offset={1} stopColor="#4E2553" />
        <stop offset={1} stopColor="#502A56" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.8889 15.1111) rotate(135) scale(9.74236 5.04232)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23 16) rotate(135) scale(8.13173 4.59049)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_31_1442"
        x1={20.6154}
        y1={16}
        x2={19.9265}
        y2={20.0302}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_31_1442"
        x1={20.6154}
        y1={16}
        x2={19.9265}
        y2={20.0302}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_31_1442"
        x1={11.5}
        y1={11}
        x2={11.5}
        y2={12.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_31_1442"
        x1={20.5}
        y1={11}
        x2={20.5}
        y2={12.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12 1.5) rotate(165.379) scale(11.8849 11.8849)"
      >
        <stop offset={0.472635} stopColor="#8649AC" />
        <stop offset={0.644517} stopColor="#AE7CC7" />
        <stop offset={0.759105} stopColor="#9353B3" />
        <stop offset={0.945555} stopColor="#733295" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15 5) rotate(-8.36589) scale(17.1828 17.1828)"
      >
        <stop offset={0.472635} stopColor="#613184" />
        <stop offset={0.727168} stopColor="#9353B8" />
        <stop offset={0.945555} stopColor="#792F9F" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_31_1442"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28 4.5) rotate(103.134) scale(15.4029 5.28047)"
      >
        <stop stopColor="#B676D6" />
        <stop offset={0.305394} stopColor="#B676D6" stopOpacity={0} />
      </radialGradient>
      <clipPath id="clip0_31_1442">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = SmilingFaceWithHornsIcon;