@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
125 lines (124 loc) • 6.03 kB
JSX
const React = require("react");
const FrogIcon = ({ 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="M27.48 10.8413C27.82 10.1113 28.01 9.30127 28 8.44127C27.96 5.48127 25.57 3.07127 22.62 3.00127C19.79 2.94127 17.43 5.01127 17.05 7.73127C17.03 7.88127 16.9 8.00127 16.74 8.00127H15.25C15.09 8.00127 14.96 7.88127 14.94 7.73127C14.57 5.02127 12.21 2.94127 9.38 3.00127C6.43 3.07127 4.04 5.48127 4 8.43127C3.99 9.29127 4.18 10.1113 4.52 10.8313C4.67 11.1613 4.62 11.5513 4.39 11.8313C2.9 13.6513 2 15.9713 2 18.5013C2 24.3013 6.7 29.0013 12.5 29.0013H19.5C25.3 29.0013 30 24.3013 30 18.5013C30 15.9713 29.1 13.6513 27.61 11.8313C27.38 11.5513 27.33 11.1713 27.48 10.8413Z"
fill="url(#paint0_radial_28327_5370)"
/>
<path
d="M27.48 10.8413C27.82 10.1113 28.01 9.30127 28 8.44127C27.96 5.48127 25.57 3.07127 22.62 3.00127C19.79 2.94127 17.43 5.01127 17.05 7.73127C17.03 7.88127 16.9 8.00127 16.74 8.00127H15.25C15.09 8.00127 14.96 7.88127 14.94 7.73127C14.57 5.02127 12.21 2.94127 9.38 3.00127C6.43 3.07127 4.04 5.48127 4 8.43127C3.99 9.29127 4.18 10.1113 4.52 10.8313C4.67 11.1613 4.62 11.5513 4.39 11.8313C2.9 13.6513 2 15.9713 2 18.5013C2 24.3013 6.7 29.0013 12.5 29.0013H19.5C25.3 29.0013 30 24.3013 30 18.5013C30 15.9713 29.1 13.6513 27.61 11.8313C27.38 11.5513 27.33 11.1713 27.48 10.8413Z"
fill="url(#paint1_radial_28327_5370)"
/>
<path
d="M27.48 10.8413C27.82 10.1113 28.01 9.30127 28 8.44127C27.96 5.48127 25.57 3.07127 22.62 3.00127C19.79 2.94127 17.43 5.01127 17.05 7.73127C17.03 7.88127 16.9 8.00127 16.74 8.00127H15.25C15.09 8.00127 14.96 7.88127 14.94 7.73127C14.57 5.02127 12.21 2.94127 9.38 3.00127C6.43 3.07127 4.04 5.48127 4 8.43127C3.99 9.29127 4.18 10.1113 4.52 10.8313C4.67 11.1613 4.62 11.5513 4.39 11.8313C2.9 13.6513 2 15.9713 2 18.5013C2 24.3013 6.7 29.0013 12.5 29.0013H19.5C25.3 29.0013 30 24.3013 30 18.5013C30 15.9713 29.1 13.6513 27.61 11.8313C27.38 11.5513 27.33 11.1713 27.48 10.8413Z"
fill="url(#paint2_radial_28327_5370)"
/>
<path
d="M9.5 12C11.433 12 13 10.433 13 8.5C13 6.567 11.433 5 9.5 5C7.567 5 6 6.567 6 8.5C6 10.433 7.567 12 9.5 12Z"
fill="#F8D41E"
/>
<path
d="M9.5 11C10.8807 11 12 9.88071 12 8.5C12 7.11929 10.8807 6 9.5 6C8.11929 6 7 7.11929 7 8.5C7 9.88071 8.11929 11 9.5 11Z"
fill="url(#paint3_radial_28327_5370)"
/>
<path
d="M22.5 12C24.433 12 26 10.433 26 8.5C26 6.567 24.433 5 22.5 5C20.567 5 19 6.567 19 8.5C19 10.433 20.567 12 22.5 12Z"
fill="#F8D41E"
/>
<path
d="M22.5 11.0012C23.8807 11.0012 25 9.88193 25 8.50122C25 7.12051 23.8807 6.00122 22.5 6.00122C21.1193 6.00122 20 7.12051 20 8.50122C20 9.88193 21.1193 11.0012 22.5 11.0012Z"
fill="url(#paint4_radial_28327_5370)"
/>
<path
d="M17.5 14.0012C17.7761 14.0012 18 13.7774 18 13.5012C18 13.2251 17.7761 13.0012 17.5 13.0012C17.2239 13.0012 17 13.2251 17 13.5012C17 13.7774 17.2239 14.0012 17.5 14.0012Z"
fill="#30223D"
/>
<path
d="M14.5 14.0012C14.7761 14.0012 15 13.7774 15 13.5012C15 13.2251 14.7761 13.0012 14.5 13.0012C14.2239 13.0012 14 13.2251 14 13.5012C14 13.7774 14.2239 14.0012 14.5 14.0012Z"
fill="#30223D"
/>
<path
d="M27.57 20.3913C26.39 20.3913 25.3 19.9913 24.42 19.3313C22.11 17.4813 19.18 16.3813 15.99 16.3813C12.77 16.3813 9.82001 17.5013 7.50001 19.3813V19.3713C6.64001 20.0113 5.56001 20.3913 4.40001 20.3913H2.17001C3.06001 25.2913 7.35001 29.0013 12.5 29.0013H19.5C24.65 29.0013 28.94 25.2913 29.83 20.3913H27.57Z"
fill="url(#paint5_linear_28327_5370)"
/>
<defs>
<radialGradient
id="paint0_radial_28327_5370"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.375 16.0006) rotate(177.024) scale(21.6542 23.3188)"
>
<stop offset={0.131304} stopColor="#63F6AE" />
<stop offset={1} stopColor="#4EB883" />
</radialGradient>
<radialGradient
id="paint1_radial_28327_5370"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.125 7.78125) rotate(-60.5463) scale(3.05052 4.46645)"
>
<stop stopColor="#60EEA4" />
<stop offset={1} stopColor="#60EEA4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_28327_5370"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7813 8.65625) rotate(-67.1095) scale(4.57938 6.00348)"
>
<stop stopColor="#60EEA4" />
<stop offset={1} stopColor="#60EEA4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_28327_5370"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12 7.125) rotate(147.095) scale(3.79659 1.97422)"
>
<stop stopColor="#5E5764" />
<stop offset={1} stopColor="#3C2A4F" />
</radialGradient>
<radialGradient
id="paint4_radial_28327_5370"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25 7.12622) rotate(147.095) scale(3.79659 1.97422)"
>
<stop stopColor="#5E5764" />
<stop offset={1} stopColor="#3C2A4F" />
</radialGradient>
<linearGradient
id="paint5_linear_28327_5370"
x1={16}
y1={41.875}
x2={16}
y2={18.125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.513158} stopColor="#FF95F4" />
<stop offset={0.605263} stopColor="#FA946C" />
<stop offset={1} stopColor="#FFE55D" />
</linearGradient>
</defs>
</svg>
);
module.exports = FrogIcon;