@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
265 lines (264 loc) • 9.66 kB
JSX
const React = require("react");
const PlungerIcon = ({ 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="M26.0669 2.64842C26.8953 1.82 28.2385 1.81999 29.0669 2.64842C29.8953 3.47684 29.8953 4.81998 29.0669 5.6484L13.2341 21.4812L10.2341 18.4812L26.0669 2.64842Z"
fill="url(#paint0_linear_18_25839)"
/>
<path
d="M26.0669 2.64842C26.8953 1.82 28.2385 1.81999 29.0669 2.64842C29.8953 3.47684 29.8953 4.81998 29.0669 5.6484L13.2341 21.4812L10.2341 18.4812L26.0669 2.64842Z"
fill="url(#paint1_linear_18_25839)"
/>
<path
d="M26.0669 2.64842C26.8953 1.82 28.2385 1.81999 29.0669 2.64842C29.8953 3.47684 29.8953 4.81998 29.0669 5.6484L13.2341 21.4812L10.2341 18.4812L26.0669 2.64842Z"
fill="url(#paint2_linear_18_25839)"
/>
<path
d="M26.0669 2.64842C26.8953 1.82 28.2385 1.81999 29.0669 2.64842C29.8953 3.47684 29.8953 4.81998 29.0669 5.6484L13.2341 21.4812L10.2341 18.4812L26.0669 2.64842Z"
fill="url(#paint3_radial_18_25839)"
/>
<g filter="url(#filter0_i_18_25839)">
<path
d="M16.6528 18.0625L13.2341 21.4812L10.2341 18.4812L13.6528 15.0625L16.6528 18.0625Z"
fill="url(#paint4_linear_18_25839)"
/>
</g>
<path
d="M7.27171 16.7405C8.63854 15.3736 10.8546 15.3736 12.2215 16.7405L14.9748 19.4938C16.3417 20.8607 16.3417 23.0767 14.9748 24.4436L12.7075 26.7109L5.00439 19.0078L7.27171 16.7405Z"
fill="url(#paint5_linear_18_25839)"
/>
<path
d="M7.27171 16.7405C8.63854 15.3736 10.8546 15.3736 12.2215 16.7405L14.9748 19.4938C16.3417 20.8607 16.3417 23.0767 14.9748 24.4436L12.7075 26.7109L5.00439 19.0078L7.27171 16.7405Z"
fill="url(#paint6_linear_18_25839)"
/>
<path
d="M7.27171 16.7405C8.63854 15.3736 10.8546 15.3736 12.2215 16.7405L14.9748 19.4938C16.3417 20.8607 16.3417 23.0767 14.9748 24.4436L12.7075 26.7109L5.00439 19.0078L7.27171 16.7405Z"
fill="url(#paint7_linear_18_25839)"
/>
<path
d="M7.27171 16.7405C8.63854 15.3736 10.8546 15.3736 12.2215 16.7405L14.9748 19.4938C16.3417 20.8607 16.3417 23.0767 14.9748 24.4436L12.7075 26.7109L5.00439 19.0078L7.27171 16.7405Z"
fill="url(#paint8_radial_18_25839)"
/>
<path
d="M7.27171 16.7405C8.63854 15.3736 10.8546 15.3736 12.2215 16.7405L14.9748 19.4938C16.3417 20.8607 16.3417 23.0767 14.9748 24.4436L12.7075 26.7109L5.00439 19.0078L7.27171 16.7405Z"
fill="url(#paint9_linear_18_25839)"
/>
<path
d="M2.35988 18.5117C3.19046 17.6811 4.53711 17.6811 5.36769 18.5117L13.2036 26.3477C14.0342 27.1782 14.0342 28.5249 13.2036 29.3555C12.373 30.1861 11.0264 30.1861 10.1958 29.3555L2.35988 21.5195C1.52929 20.689 1.52929 19.3423 2.35988 18.5117Z"
fill="url(#paint10_linear_18_25839)"
/>
<path
d="M2.35988 18.5117C3.19046 17.6811 4.53711 17.6811 5.36769 18.5117L13.2036 26.3477C14.0342 27.1782 14.0342 28.5249 13.2036 29.3555C12.373 30.1861 11.0264 30.1861 10.1958 29.3555L2.35988 21.5195C1.52929 20.689 1.52929 19.3423 2.35988 18.5117Z"
fill="url(#paint11_linear_18_25839)"
/>
<path
d="M2.35988 18.5117C3.19046 17.6811 4.53711 17.6811 5.36769 18.5117L13.2036 26.3477C14.0342 27.1782 14.0342 28.5249 13.2036 29.3555C12.373 30.1861 11.0264 30.1861 10.1958 29.3555L2.35988 21.5195C1.52929 20.689 1.52929 19.3423 2.35988 18.5117Z"
fill="url(#paint12_radial_18_25839)"
/>
<path
d="M2.35988 18.5117C3.19046 17.6811 4.53711 17.6811 5.36769 18.5117L13.2036 26.3477C14.0342 27.1782 14.0342 28.5249 13.2036 29.3555C12.373 30.1861 11.0264 30.1861 10.1958 29.3555L2.35988 21.5195C1.52929 20.689 1.52929 19.3423 2.35988 18.5117Z"
fill="url(#paint13_radial_18_25839)"
/>
<defs>
<filter
id="filter0_i_18_25839"
x={10.2341}
y={15.0625}
width={6.4187}
height={6.4187}
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 />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.811765 0 0 0 0 0.27451 0 0 0 0 0.317647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25839"
/>
</filter>
<linearGradient
id="paint0_linear_18_25839"
x1={23.0161}
y1={11.7541}
x2={19.9612}
y2={8.8783}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBDB7" />
<stop offset={1} stopColor="#FAAB85" />
</linearGradient>
<linearGradient
id="paint1_linear_18_25839"
x1={18.3314}
y1={9.94474}
x2={19.7406}
y2={11.3159}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D9996E" />
<stop offset={1} stopColor="#F8AB85" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_25839"
x1={22.3686}
y1={12.687}
x2={21.5688}
y2={11.7541}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FEADB0" />
<stop offset={1} stopColor="#FEADB0" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_25839"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.6882 3.12715) rotate(135) scale(3.80224 3.941)"
>
<stop offset={0.256276} stopColor="#FFE6AE" />
<stop offset={1} stopColor="#FFC5A9" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_25839"
x1={15.2844}
y1={16.4957}
x2={13.2277}
y2={18.2718}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F53581" />
<stop offset={1} stopColor="#FF2E5C" />
</linearGradient>
<linearGradient
id="paint5_linear_18_25839"
x1={13.5586}
y1={18.0137}
x2={8.70573}
y2={22.9023}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF448A" />
<stop offset={1} stopColor="#E83F54" />
</linearGradient>
<linearGradient
id="paint6_linear_18_25839"
x1={5.24449}
y1={17.193}
x2={7.81366}
y2={19.7622}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.184315} stopColor="#D05A63" />
<stop offset={1} stopColor="#F04164" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_25839"
x1={14.6291}
y1={25.7212}
x2={12.7736}
y2={23.8657}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DF5088" />
<stop offset={1} stopColor="#DF5088" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_25839"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.1661 19.7265) rotate(131.987) scale(2.40032 4.07657)"
>
<stop offset={0.17348} stopColor="#FF6CAA" />
<stop offset={1} stopColor="#FF6CAA" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_25839"
x1={5.90283}
y1={19.9687}
x2={6.82471}
y2={19.3125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.107382} stopColor="#C24B55" />
<stop offset={1} stopColor="#C24B55" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_25839"
x1={9.09824}
y1={22.2244}
x2={6.0652}
y2={25.5072}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF3E71" />
<stop offset={1} stopColor="#E5344C" />
</linearGradient>
<linearGradient
id="paint11_linear_18_25839"
x1={5.99383}
y1={25.5786}
x2={7.78174}
y2={23.5803}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0625} stopColor="#B12F46" />
<stop offset={1} stopColor="#DF2B4C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_25839"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.4524 31.1094) rotate(-88.8767) scale(3.64035 4.53086)"
>
<stop offset={0.163912} stopColor="#BF3662" />
<stop offset={1} stopColor="#BF3662" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_18_25839"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.6326 24.9363) rotate(133.919) scale(1.33751 5.50562)"
>
<stop offset={0.0406155} stopColor="#FF7094" />
<stop offset={1} stopColor="#FF7094" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = PlungerIcon;