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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const EarIcon = ({ 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="M6.7077 23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L23.7794 16.4513C24.736 14.9904 25.2923 13.2438 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672C6.7077 15.5754 6.7077 19.2233 6.7077 23.4306Z"
      fill="#FFC94C"
    />
    <g filter="url(#filter0_f_20020_4615)">
      <ellipse
        cx={17.3385}
        cy={9.0805}
        rx={7.27983}
        ry={4.65166}
        transform="rotate(26.0872 17.3385 9.0805)"
        fill="url(#paint0_radial_20020_4615)"
      />
    </g>
    <g filter="url(#filter1_f_20020_4615)">
      <path
        d="M12.5765 28.7353C9.28912 28.4846 8.03125 26.6719 8.03125 23.4306V12.1728L10.375 12.0166L19.5625 21.1728L16.625 26.1416C15.636 27.9869 14.9454 28.7353 12.5765 28.7353Z"
        fill="url(#paint1_linear_20020_4615)"
      />
      <path
        d="M12.5765 28.7353C9.28912 28.4846 8.03125 26.6719 8.03125 23.4306V12.1728L10.375 12.0166L19.5625 21.1728L16.625 26.1416C15.636 27.9869 14.9454 28.7353 12.5765 28.7353Z"
        fill="url(#paint2_linear_20020_4615)"
      />
    </g>
    <g filter="url(#filter2_f_20020_4615)">
      <circle
        cx={12.2838}
        cy={22.2175}
        r={2.92431}
        fill="url(#paint3_linear_20020_4615)"
      />
    </g>
    <path
      d="M17.5 3.29782C19.4271 3.56865 23.475 5.24782 24.25 9.79782"
      stroke="black"
    />
    <circle
      cx={11.7548}
      cy={22.1418}
      r={3}
      fill="url(#paint4_linear_20020_4615)"
    />
    <circle
      cx={11.7548}
      cy={22.1418}
      r={3}
      fill="url(#paint5_radial_20020_4615)"
    />
    <g filter="url(#filter3_f_20020_4615)">
      <circle cx={11.7735} cy={22.3134} r={2.61713} fill="#FFC947" />
    </g>
    <g filter="url(#filter4_i_20020_4615)">
      <path
        d="M18.167 22.6959C17.3026 22.2174 16.214 22.5252 15.7281 23.3855L14.8693 24.9058L14.8505 24.941C14.4849 25.623 13.6954 26.2571 12.7159 26.2571C11.461 26.2571 10.3077 24.8294 10.3077 23.4306V11.3672C10.3077 8.22341 12.8562 5.67489 16 5.67489C19.1438 5.67489 21.6923 8.22341 21.6923 11.3672C21.6923 11.671 21.6688 11.9686 21.6234 12.2584C21.4764 13.198 21.7492 14.2319 22.5662 14.7188C23.4656 15.2549 24.6496 14.9283 24.9368 13.9214C25.1683 13.1099 25.2923 12.253 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672V23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L18.8626 25.156C19.3545 24.2851 19.0421 23.1802 18.167 22.6959Z"
        fill="url(#paint6_linear_20020_4615)"
      />
      <path
        d="M18.167 22.6959C17.3026 22.2174 16.214 22.5252 15.7281 23.3855L14.8693 24.9058L14.8505 24.941C14.4849 25.623 13.6954 26.2571 12.7159 26.2571C11.461 26.2571 10.3077 24.8294 10.3077 23.4306V11.3672C10.3077 8.22341 12.8562 5.67489 16 5.67489C19.1438 5.67489 21.6923 8.22341 21.6923 11.3672C21.6923 11.671 21.6688 11.9686 21.6234 12.2584C21.4764 13.198 21.7492 14.2319 22.5662 14.7188C23.4656 15.2549 24.6496 14.9283 24.9368 13.9214C25.1683 13.1099 25.2923 12.253 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672V23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L18.8626 25.156C19.3545 24.2851 19.0421 23.1802 18.167 22.6959Z"
        fill="url(#paint7_radial_20020_4615)"
      />
    </g>
    <path
      d="M18.167 22.6959C17.3026 22.2174 16.214 22.5252 15.7281 23.3855L14.8693 24.9058L14.8505 24.941C14.4849 25.623 13.6954 26.2571 12.7159 26.2571C11.461 26.2571 10.3077 24.8294 10.3077 23.4306V11.3672C10.3077 8.22341 12.8562 5.67489 16 5.67489C19.1438 5.67489 21.6923 8.22341 21.6923 11.3672C21.6923 11.671 21.6688 11.9686 21.6234 12.2584C21.4764 13.198 21.7492 14.2319 22.5662 14.7188C23.4656 15.2549 24.6496 14.9283 24.9368 13.9214C25.1683 13.1099 25.2923 12.253 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672V23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L18.8626 25.156C19.3545 24.2851 19.0421 23.1802 18.167 22.6959Z"
      fill="url(#paint8_radial_20020_4615)"
    />
    <path
      d="M18.167 22.6959C17.3026 22.2174 16.214 22.5252 15.7281 23.3855L14.8693 24.9058L14.8505 24.941C14.4849 25.623 13.6954 26.2571 12.7159 26.2571C11.461 26.2571 10.3077 24.8294 10.3077 23.4306V11.3672C10.3077 8.22341 12.8562 5.67489 16 5.67489C19.1438 5.67489 21.6923 8.22341 21.6923 11.3672C21.6923 11.671 21.6688 11.9686 21.6234 12.2584C21.4764 13.198 21.7492 14.2319 22.5662 14.7188C23.4656 15.2549 24.6496 14.9283 24.9368 13.9214C25.1683 13.1099 25.2923 12.253 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672V23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L18.8626 25.156C19.3545 24.2851 19.0421 23.1802 18.167 22.6959Z"
      fill="url(#paint9_radial_20020_4615)"
    />
    <path
      d="M18.167 22.6959C17.3026 22.2174 16.214 22.5252 15.7281 23.3855L14.8693 24.9058L14.8505 24.941C14.4849 25.623 13.6954 26.2571 12.7159 26.2571C11.461 26.2571 10.3077 24.8294 10.3077 23.4306V11.3672C10.3077 8.22341 12.8562 5.67489 16 5.67489C19.1438 5.67489 21.6923 8.22341 21.6923 11.3672C21.6923 11.671 21.6688 11.9686 21.6234 12.2584C21.4764 13.198 21.7492 14.2319 22.5662 14.7188C23.4656 15.2549 24.6496 14.9283 24.9368 13.9214C25.1683 13.1099 25.2923 12.253 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672V23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L18.8626 25.156C19.3545 24.2851 19.0421 23.1802 18.167 22.6959Z"
      fill="url(#paint10_radial_20020_4615)"
    />
    <path
      d="M18.167 22.6959C17.3026 22.2174 16.214 22.5252 15.7281 23.3855L14.8693 24.9058L14.8505 24.941C14.4849 25.623 13.6954 26.2571 12.7159 26.2571C11.461 26.2571 10.3077 24.8294 10.3077 23.4306V11.3672C10.3077 8.22341 12.8562 5.67489 16 5.67489C19.1438 5.67489 21.6923 8.22341 21.6923 11.3672C21.6923 11.671 21.6688 11.9686 21.6234 12.2584C21.4764 13.198 21.7492 14.2319 22.5662 14.7188C23.4656 15.2549 24.6496 14.9283 24.9368 13.9214C25.1683 13.1099 25.2923 12.253 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672V23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L18.8626 25.156C19.3545 24.2851 19.0421 23.1802 18.167 22.6959Z"
      fill="url(#paint11_radial_20020_4615)"
    />
    <path
      d="M18.167 22.6959C17.3026 22.2174 16.214 22.5252 15.7281 23.3855L14.8693 24.9058L14.8505 24.941C14.4849 25.623 13.6954 26.2571 12.7159 26.2571C11.461 26.2571 10.3077 24.8294 10.3077 23.4306V11.3672C10.3077 8.22341 12.8562 5.67489 16 5.67489C19.1438 5.67489 21.6923 8.22341 21.6923 11.3672C21.6923 11.671 21.6688 11.9686 21.6234 12.2584C21.4764 13.198 21.7492 14.2319 22.5662 14.7188C23.4656 15.2549 24.6496 14.9283 24.9368 13.9214C25.1683 13.1099 25.2923 12.253 25.2923 11.3672C25.2923 6.23519 21.132 2.07489 16 2.07489C10.868 2.07489 6.7077 6.23519 6.7077 11.3672V23.4306C6.7077 26.6719 9.28912 29.6103 12.5765 29.861C14.9454 29.861 17.0345 28.4869 18.0235 26.6416L18.8626 25.156C19.3545 24.2851 19.0421 23.1802 18.167 22.6959Z"
      fill="url(#paint12_radial_20020_4615)"
    />
    <g filter="url(#filter5_f_20020_4615)">
      <path
        d="M16.9398 3.57907C19.2315 3.95407 23.8586 6.01032 24.0336 11.2353"
        stroke="url(#paint13_linear_20020_4615)"
        strokeWidth={2}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter6_f_20020_4615)">
      <path
        d="M9.0625 10.2353V23.8916C9.08434 24.7874 9.39583 27.3002 12.125 27.9228C14.4222 28.4468 15.75 27.2353 16.4004 26.0166L17.625 23.8916"
        stroke="url(#paint14_linear_20020_4615)"
        strokeWidth={1.5}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_20020_4615"
        x={9.4859}
        y={2.81699}
        width={15.7051}
        height={12.527}
        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_20020_4615"
        />
      </filter>
      <filter
        id="filter1_f_20020_4615"
        x={7.53125}
        y={11.5166}
        width={12.5312}
        height={17.7188}
        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_20020_4615"
        />
      </filter>
      <filter
        id="filter2_f_20020_4615"
        x={8.6095}
        y={18.5432}
        width={7.34863}
        height={7.3486}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_20020_4615"
        />
      </filter>
      <filter
        id="filter3_f_20020_4615"
        x={8.65637}
        y={19.1963}
        width={6.23425}
        height={6.23425}
        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_20020_4615"
        />
      </filter>
      <filter
        id="filter4_i_20020_4615"
        x={6.7077}
        y={2.07489}
        width={19.0846}
        height={27.7861}
        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.5} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.917647 0 0 0 0 0.6 0 0 0 0 0.231373 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_20020_4615"
        />
      </filter>
      <filter
        id="filter5_f_20020_4615"
        x={14.4397}
        y={1.07892}
        width={12.0939}
        height={12.6564}
        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_20020_4615"
        />
      </filter>
      <filter
        id="filter6_f_20020_4615"
        x={6.8125}
        y={7.98532}
        width={13.0626}
        height={22.3128}
        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_20020_4615"
        />
      </filter>
      <radialGradient
        id="paint0_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.3385 13.7322) rotate(-90.1559) scale(8.19144 14.286)"
      >
        <stop offset={0.415385} stopColor="#EE8820" stopOpacity={0} />
        <stop offset={0.847781} stopColor="#EE8820" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_20020_4615"
        x1={12.875}
        y1={12.5791}
        x2={10.1214}
        y2={18.1734}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E58403" />
        <stop offset={1} stopColor="#E58403" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_20020_4615"
        x1={13.5625}
        y1={27.5166}
        x2={15.5625}
        y2={21.9228}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.218308} stopColor="#E2992F" />
        <stop offset={1} stopColor="#E2992F" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_20020_4615"
        x1={14.6413}
        y1={20.5303}
        x2={12.5326}
        y2={24.2417}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.340362} stopColor="#FFE15B" />
        <stop offset={1} stopColor="#C97A03" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_20020_4615"
        x1={11.7548}
        y1={19.1418}
        x2={11.7548}
        y2={25.1418}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFC609" />
        <stop offset={1} stopColor="#FEA70C" />
      </linearGradient>
      <radialGradient
        id="paint5_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.0438 20.6261) rotate(146.004) scale(3.24158 3.7019)"
      >
        <stop stopColor="#FFE663" />
        <stop offset={1} stopColor="#FFE663" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_20020_4615"
        x1={11.5625}
        y1={31.5166}
        x2={20}
        y2={-0.858436}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F0A130" />
        <stop offset={1} stopColor="#FFD135" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.5 10.8291) rotate(-55.1378) scale(6.77916 7.59028)"
      >
        <stop offset={0.478368} stopColor="#F49419" />
        <stop offset={1} stopColor="#F49419" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.2316 15.2663) rotate(-88.2242) scale(4.62696 6.13729)"
      >
        <stop offset={0.174469} stopColor="#FFCC4C" />
        <stop offset={1} stopColor="#FFCC4C" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.1129 22.8618) rotate(115.159) scale(4.97005 4.84669)"
      >
        <stop offset={0.241661} stopColor="#FFCA4D" />
        <stop offset={1} stopColor="#FFCA4D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint10_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.625 26.4541) rotate(-115.896) scale(26.3315 19.1931)"
      >
        <stop offset={0.953393} stopColor="#CEA561" stopOpacity={0} />
        <stop offset={1} stopColor="#CEA561" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.5835 7.98218) rotate(98.1672) scale(22.103 17.2554)"
      >
        <stop offset={0.912279} stopColor="#D98286" stopOpacity={0} />
        <stop offset={1} stopColor="#D98286" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_20020_4615"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.3437 22.1416) scale(2.09375 3.71875)"
      >
        <stop stopColor="#FFCD49" />
        <stop offset={0.975047} stopColor="#FFCD49" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint13_linear_20020_4615"
        x1={24.9711}
        y1={11.2353}
        x2={17.5648}
        y2={3.42282}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFED65" stopOpacity={0} />
        <stop offset={0.509619} stopColor="#FFED65" />
        <stop offset={1} stopColor="#FFED65" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint14_linear_20020_4615"
        x1={8.3125}
        y1={2.01656}
        x2={21.2512}
        y2={24.1214}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFED65" stopOpacity={0} />
        <stop offset={0.69801} stopColor="#FFED65" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = EarIcon;