@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
402 lines (401 loc) • 13.8 kB
JSX
const React = require("react");
const PeachIcon = ({ 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="M11.1201 2.73999H5.56006C5.56006 5.74999 8.00006 8.19999 11.0201 8.19999H16.5801C16.5701 5.17999 14.1301 2.73999 11.1201 2.73999Z"
fill="url(#paint0_linear_18_29474)"
/>
<g filter="url(#filter0_f_18_29474)">
<path
d="M11.02 7.69999C8.44606 7.69999 6.33562 5.74064 6.08496 3.23999H11.12C13.6844 3.23999 15.7954 5.19071 16.0535 7.69999H11.02Z"
fill="url(#paint1_linear_18_29474)"
/>
</g>
<g filter="url(#filter1_f_18_29474)">
<path
d="M6.65942 3.09416L11.0381 3.09412C13.8742 3.09412 16.2523 5.19679 16.2617 8.04229C14.2667 2.86322 11.5677 3.60777 6.65942 3.09416Z"
fill="url(#paint2_linear_18_29474)"
/>
</g>
<path
d="M22.0201 2.73999H27.5801C27.5801 5.74999 25.1401 8.19999 22.1201 8.19999H16.5601C16.5601 5.17999 19.0001 2.73999 22.0201 2.73999Z"
fill="url(#paint3_linear_18_29474)"
/>
<g filter="url(#filter2_f_18_29474)">
<path
d="M22.1201 7.69999H17.0848C17.3347 5.19186 19.445 3.23999 22.0201 3.23999H27.0551C26.8045 5.74064 24.694 7.69999 22.1201 7.69999Z"
fill="url(#paint4_linear_18_29474)"
/>
</g>
<g filter="url(#filter3_f_18_29474)">
<path
d="M27.0553 3H22.0248C19.2924 3 17.0848 5.20761 17.0848 7.93998C19.6827 3.59843 20.2717 3.6252 27.0553 3Z"
fill="url(#paint5_linear_18_29474)"
/>
</g>
<g filter="url(#filter4_f_18_29474)">
<path
d="M27.4353 2.94592C27.4353 5.68308 24.7316 7.95289 22.0278 7.95289H19.4918C17.9342 8.08333 16.7872 7.95289 16.7872 7.95289H19.4918C22.1773 7.72799 26.0832 6.72756 27.4353 2.94592Z"
fill="url(#paint6_linear_18_29474)"
/>
</g>
<path
d="M16.5548 7.53031C15.3215 6.98371 13.9564 6.67993 12.5201 6.67993C7.02005 6.67993 2.55005 11.1399 2.55005 16.6499C2.55005 18.8999 3.30005 21.0199 4.55005 22.6799C6.84005 25.7499 11.0401 28.4699 11.0401 28.4699C13.1401 29.8799 14.7401 30.6799 16.9001 30.6799C19.2401 30.6799 21.3901 29.8999 23.2401 28.2499C23.2401 28.2499 26.0201 25.9499 28.5401 22.6699H28.538C29.807 20.9972 30.56 18.9115 30.56 16.6499C30.56 11.1437 26.0963 6.67993 20.59 6.67993C19.1537 6.67993 17.7884 6.98363 16.5548 7.53031Z"
fill="url(#paint7_radial_18_29474)"
/>
<path
d="M16.5548 7.53031C15.3215 6.98371 13.9564 6.67993 12.5201 6.67993C7.02005 6.67993 2.55005 11.1399 2.55005 16.6499C2.55005 18.8999 3.30005 21.0199 4.55005 22.6799C6.84005 25.7499 11.0401 28.4699 11.0401 28.4699C13.1401 29.8799 14.7401 30.6799 16.9001 30.6799C19.2401 30.6799 21.3901 29.8999 23.2401 28.2499C23.2401 28.2499 26.0201 25.9499 28.5401 22.6699H28.538C29.807 20.9972 30.56 18.9115 30.56 16.6499C30.56 11.1437 26.0963 6.67993 20.59 6.67993C19.1537 6.67993 17.7884 6.98363 16.5548 7.53031Z"
fill="url(#paint8_radial_18_29474)"
/>
<path
d="M16.5548 7.53031C15.3215 6.98371 13.9564 6.67993 12.5201 6.67993C7.02005 6.67993 2.55005 11.1399 2.55005 16.6499C2.55005 18.8999 3.30005 21.0199 4.55005 22.6799C6.84005 25.7499 11.0401 28.4699 11.0401 28.4699C13.1401 29.8799 14.7401 30.6799 16.9001 30.6799C19.2401 30.6799 21.3901 29.8999 23.2401 28.2499C23.2401 28.2499 26.0201 25.9499 28.5401 22.6699H28.538C29.807 20.9972 30.56 18.9115 30.56 16.6499C30.56 11.1437 26.0963 6.67993 20.59 6.67993C19.1537 6.67993 17.7884 6.98363 16.5548 7.53031Z"
fill="url(#paint9_radial_18_29474)"
/>
<g filter="url(#filter5_f_18_29474)">
<path
d="M16.5586 7.53516C19.6531 7.0002 21.8721 6.75998 24.613 8.07362C23.2657 10.5811 23.2912 15.5204 23.4219 18.1999C23.4863 18.7801 23.5294 19.3906 23.5483 20.0328C23.5483 20.0328 23.4761 19.3104 23.4219 18.1999C22.443 9.37067 16.5586 7.53516 16.5586 7.53516Z"
fill="url(#paint10_linear_18_29474)"
/>
</g>
<g filter="url(#filter6_f_18_29474)">
<path
d="M16.5586 7.53504C19.6531 7.00007 21.8721 6.75986 24.613 8.0735C23.2657 10.5809 23.2912 15.5203 23.4219 18.1998C23.4863 18.78 23.5294 19.3905 23.5483 20.0326C23.5483 20.0326 23.4761 19.3103 23.4219 18.1998C22.443 9.37054 16.5586 7.53504 16.5586 7.53504Z"
fill="url(#paint11_linear_18_29474)"
fillOpacity={0.5}
/>
</g>
<g filter="url(#filter7_f_18_29474)">
<path
d="M4.1302 17.5167C3.41487 12.0578 6.19955 10.8697 7.5743 12.2732C8.94905 13.6767 5.14665 18.3825 12.3542 26.1679C12.3542 26.1679 4.84553 22.9755 4.1302 17.5167Z"
fill="url(#paint12_linear_18_29474)"
/>
</g>
<defs>
<filter
id="filter0_f_18_29474"
x={5.58496}
y={2.73999}
width={10.9686}
height={5.46002}
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_18_29474"
/>
</filter>
<filter
id="filter1_f_18_29474"
x={6.15942}
y={2.59412}
width={10.6023}
height={5.94818}
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_18_29474"
/>
</filter>
<filter
id="filter2_f_18_29474"
x={16.5848}
y={2.73999}
width={10.9703}
height={5.46002}
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_18_29474"
/>
</filter>
<filter
id="filter3_f_18_29474"
x={16.5848}
y={2.5}
width={10.9705}
height={5.94}
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_18_29474"
/>
</filter>
<filter
id="filter4_f_18_29474"
x={16.2872}
y={2.44592}
width={11.6481}
height={6.06494}
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_18_29474"
/>
</filter>
<filter
id="filter5_f_18_29474"
x={15.9586}
y={6.50657}
width={9.25432}
height={14.1262}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_29474"
/>
</filter>
<filter
id="filter6_f_18_29474"
x={15.9586}
y={6.50645}
width={9.25432}
height={14.1262}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_29474"
/>
</filter>
<filter
id="filter7_f_18_29474"
x={2.01465}
y={9.73273}
width={12.3395}
height={18.4352}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_29474"
/>
</filter>
<linearGradient
id="paint0_linear_18_29474"
x1={6.58052}
y1={6.87732}
x2={16.1261}
y2={6.70228}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#86B528" />
<stop offset={1} stopColor="#A0CB40" />
</linearGradient>
<linearGradient
id="paint1_linear_18_29474"
x1={6.58052}
y1={6.87732}
x2={16.1261}
y2={6.70228}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#87B327" />
<stop offset={1} stopColor="#B6D740" />
</linearGradient>
<linearGradient
id="paint2_linear_18_29474"
x1={6.65942}
y1={3.09412}
x2={16.2617}
y2={7.20394}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.203125} stopColor="#CCED63" stopOpacity={0} />
<stop offset={0.494792} stopColor="#CCED63" />
<stop offset={0.885417} stopColor="#CCED63" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_29474"
x1={26.5509}
y1={6.87402}
x2={17.67}
y2={4.00611}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B3D944" />
<stop offset={1} stopColor="#83B337" />
</linearGradient>
<linearGradient
id="paint4_linear_18_29474"
x1={26.5509}
y1={6.87402}
x2={17.67}
y2={4.00611}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C0E148" />
<stop offset={1} stopColor="#90BA2A" />
</linearGradient>
<linearGradient
id="paint5_linear_18_29474"
x1={17.0848}
y1={7.37342}
x2={27.0553}
y2={3}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.203125} stopColor="#ADD558" stopOpacity={0} />
<stop offset={0.739583} stopColor="#B5DF5A" />
<stop offset={1} stopColor="#B5DF5A" stopOpacity={0.5} />
</linearGradient>
<linearGradient
id="paint6_linear_18_29474"
x1={27.6022}
y1={2.94592}
x2={23.4298}
y2={8.28669}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2F168" />
<stop offset={0.578377} stopColor="#D2F168" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_29474"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.1492 45.6553) rotate(-66.1662) scale(34.1728 34.1728)"
>
<stop offset={0.46875} stopColor="#FF458F" />
<stop offset={0.828125} stopColor="#FF5D5B" />
<stop offset={1} stopColor="#FF8E2D" />
</radialGradient>
<radialGradient
id="paint8_radial_18_29474"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.55005 7.25188) rotate(44.2544) scale(13.4871 15.7406)"
>
<stop stopColor="#DB9263" />
<stop offset={1} stopColor="#DB9263" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_29474"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.2404 12.6792) rotate(107.528) scale(18.8772 22.0313)"
>
<stop stopColor="#FFC98A" />
<stop offset={1} stopColor="#FF6700" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_29474"
x1={24.5161}
y1={8.51408}
x2={17.9715}
y2={11.051}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFAD60" stopOpacity={0.4} />
<stop offset={1} stopColor="#FF8704" />
</linearGradient>
<linearGradient
id="paint11_linear_18_29474"
x1={24.5161}
y1={8.51395}
x2={17.9715}
y2={11.0509}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFAD60" stopOpacity={0.4} />
<stop offset={1} stopColor="#FF8704" />
</linearGradient>
<linearGradient
id="paint12_linear_18_29474"
x1={8.1844}
y1={11.7327}
x2={8.1844}
y2={26.1679}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF9068" stopOpacity={0} />
<stop offset={0.255208} stopColor="#FF9068" stopOpacity={0.6} />
<stop offset={1} stopColor="#FF9068" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = PeachIcon;