@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
602 lines (601 loc) • 19.1 kB
JSX
const React = require("react");
const WaterPistolIcon = ({ 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 filter="url(#filter0_ii_18_24086)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.0781 25.406L11.7333 20.0239L12.6501 19.6245L14.9949 25.0066C15.1141 25.2801 15.3841 25.457 15.6825 25.457H20.8948V26.457H15.6825C14.9862 26.457 14.3562 26.0443 14.0781 25.406Z"
fill="url(#paint0_linear_18_24086)"
/>
</g>
<g filter="url(#filter1_ii_18_24086)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.0781 25.406L11.7333 20.0239L12.6501 19.6245L14.9949 25.0066C15.1141 25.2801 15.3841 25.457 15.6825 25.457H20.8948V26.457H15.6825C14.9862 26.457 14.3562 26.0443 14.0781 25.406Z"
fill="url(#paint1_linear_18_24086)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.0781 25.406L11.7333 20.0239L12.6501 19.6245L14.9949 25.0066C15.1141 25.2801 15.3841 25.457 15.6825 25.457H20.8948V26.457H15.6825C14.9862 26.457 14.3562 26.0443 14.0781 25.406Z"
fill="url(#paint2_linear_18_24086)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.0781 25.406L11.7333 20.0239L12.6501 19.6245L14.9949 25.0066C15.1141 25.2801 15.3841 25.457 15.6825 25.457H20.8948V26.457H15.6825C14.9862 26.457 14.3562 26.0443 14.0781 25.406Z"
fill="url(#paint3_linear_18_24086)"
/>
</g>
<rect
x={16.6058}
y={22.4336}
width={3.25}
height={1.03125}
fill="url(#paint4_radial_18_24086)"
/>
<rect
x={16.6058}
y={22.4336}
width={3.25}
height={1.03125}
fill="url(#paint5_radial_18_24086)"
/>
<rect
x={16.6058}
y={22.4336}
width={3.25}
height={1.03125}
fill="url(#paint6_linear_18_24086)"
/>
<rect
width={1.13281}
height={3.23438}
rx={0.566406}
transform="matrix(-1 0 0 1 16.6448 21.332)"
fill="url(#paint7_radial_18_24086)"
/>
<rect
width={1.13281}
height={3.23438}
rx={0.566406}
transform="matrix(-1 0 0 1 16.6448 21.332)"
fill="url(#paint8_linear_18_24086)"
/>
<rect
width={1.13281}
height={3.23438}
rx={0.566406}
transform="matrix(-1 0 0 1 16.6448 21.332)"
fill="url(#paint9_radial_18_24086)"
/>
<rect
width={1.13281}
height={3.23438}
rx={0.566406}
transform="matrix(-1 0 0 1 16.6448 21.332)"
fill="url(#paint10_radial_18_24086)"
/>
<rect
x={1.5589}
y={15.1211}
width={3.89062}
height={1.75781}
rx={0.878906}
fill="url(#paint11_radial_18_24086)"
/>
<rect
x={1.5589}
y={15.1211}
width={3.89062}
height={1.75781}
rx={0.878906}
fill="url(#paint12_linear_18_24086)"
/>
<rect
x={1.5589}
y={15.1211}
width={3.89062}
height={1.75781}
rx={0.878906}
fill="url(#paint13_radial_18_24086)"
/>
<rect
x={25.6058}
y={14.3945}
width={3.89062}
height={3.21094}
rx={0.45}
fill="url(#paint14_linear_18_24086)"
/>
<rect
x={25.6058}
y={14.3945}
width={3.89062}
height={3.21094}
rx={0.45}
fill="url(#paint15_linear_18_24086)"
/>
<rect
x={25.6058}
y={14.3945}
width={3.89062}
height={3.21094}
rx={0.45}
fill="url(#paint16_radial_18_24086)"
/>
<g filter="url(#filter2_i_18_24086)">
<path
d="M18.4995 21.219C18.4072 20.8974 18.1131 20.6758 17.7786 20.6758H10.0823C9.14172 20.6758 8.37921 19.9132 8.37921 18.9726C8.37921 18.032 9.14172 17.2695 10.0823 17.2695H17.7701C18.0139 16.2739 18.7698 15.4333 19.8257 15.1305C21.3936 14.6808 23.0292 15.5873 23.4788 17.1552L23.5116 17.2695H24.1214C25.062 17.2695 25.8245 18.032 25.8245 18.9726C25.8245 19.6812 25.5071 20.2887 24.9484 20.5453C24.7213 20.6496 24.5498 20.8894 24.6187 21.1296L26.2031 26.6541C26.6528 28.222 25.7463 29.8576 24.1784 30.3072C22.6105 30.7569 20.975 29.8504 20.5253 28.2825L18.4995 21.219Z"
fill="url(#paint17_linear_18_24086)"
/>
<path
d="M18.4995 21.219C18.4072 20.8974 18.1131 20.6758 17.7786 20.6758H10.0823C9.14172 20.6758 8.37921 19.9132 8.37921 18.9726C8.37921 18.032 9.14172 17.2695 10.0823 17.2695H17.7701C18.0139 16.2739 18.7698 15.4333 19.8257 15.1305C21.3936 14.6808 23.0292 15.5873 23.4788 17.1552L23.5116 17.2695H24.1214C25.062 17.2695 25.8245 18.032 25.8245 18.9726C25.8245 19.6812 25.5071 20.2887 24.9484 20.5453C24.7213 20.6496 24.5498 20.8894 24.6187 21.1296L26.2031 26.6541C26.6528 28.222 25.7463 29.8576 24.1784 30.3072C22.6105 30.7569 20.975 29.8504 20.5253 28.2825L18.4995 21.219Z"
fill="url(#paint18_linear_18_24086)"
/>
</g>
<g filter="url(#filter3_i_18_24086)">
<path
d="M3.51202 16C3.51202 14.0692 5.07728 12.5039 7.00812 12.5039H25.9167C27.1041 12.5039 28.0667 13.4665 28.0667 14.6539V17.3461C28.0667 18.5335 27.1041 19.4961 25.9167 19.4961H7.00812C5.07728 19.4961 3.51202 17.9308 3.51202 16Z"
fill="url(#paint19_linear_18_24086)"
/>
<path
d="M3.51202 16C3.51202 14.0692 5.07728 12.5039 7.00812 12.5039H25.9167C27.1041 12.5039 28.0667 13.4665 28.0667 14.6539V17.3461C28.0667 18.5335 27.1041 19.4961 25.9167 19.4961H7.00812C5.07728 19.4961 3.51202 17.9308 3.51202 16Z"
fill="url(#paint20_radial_18_24086)"
/>
</g>
<g filter="url(#filter4_f_18_24086)">
<rect
x={22.5541}
y={20.693}
width={1.34009}
height={7.73884}
rx={0.670044}
transform="rotate(-17.4267 22.5541 20.693)"
fill="#FD508C"
/>
</g>
<defs>
<filter
id="filter0_ii_18_24086"
x={11.6333}
y={19.5245}
width={9.3615}
height={7.03252}
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.639216 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24086"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.639216 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_24086"
result="effect2_innerShadow_18_24086"
/>
</filter>
<filter
id="filter1_ii_18_24086"
x={11.6333}
y={19.5245}
width={9.3615}
height={7.03252}
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.639216 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24086"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.560784 0 0 0 0 0.639216 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_24086"
result="effect2_innerShadow_18_24086"
/>
</filter>
<filter
id="filter2_i_18_24086"
x={8.37921}
y={14.7653}
width={18.1891}
height={15.6572}
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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.756863 0 0 0 0 0.25098 0 0 0 0 0.376471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24086"
/>
</filter>
<filter
id="filter3_i_18_24086"
x={3.51202}
y={12.2539}
width={24.5547}
height={7.24219}
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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.356863 0 0 0 0 0.584314 0 0 0 0 0.537255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24086"
/>
</filter>
<filter
id="filter4_f_18_24086"
x={21.7238}
y={19.4614}
width={5.25677}
height={9.44543}
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_18_24086"
/>
</filter>
<linearGradient
id="paint0_linear_18_24086"
x1={13.4627}
y1={21.9469}
x2={18.5897}
y2={26.6869}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9BC247" />
<stop offset={1} stopColor="#9ABD48" />
</linearGradient>
<linearGradient
id="paint1_linear_18_24086"
x1={13.4627}
y1={21.9469}
x2={18.5897}
y2={26.6869}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9BC247" />
<stop offset={1} stopColor="#9ABD48" />
</linearGradient>
<linearGradient
id="paint2_linear_18_24086"
x1={20.4261}
y1={25.8164}
x2={19.0511}
y2={26.7539}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.227494} stopColor="#89953D" />
<stop offset={1} stopColor="#89953D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_24086"
x1={12.5511}
y1={20.0352}
x2={13.7698}
y2={22.2852}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.249664} stopColor="#89953D" />
<stop offset={1} stopColor="#89953D" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7698 23.2227) scale(3.3125 1.53125)"
>
<stop offset={0.363208} stopColor="#FBB841" />
<stop offset={0.839623} stopColor="#D68C15" />
</radialGradient>
<radialGradient
id="paint5_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.6292 22.9492) rotate(90) scale(0.398437 1.68372)"
>
<stop stopColor="#FFCC49" />
<stop offset={1} stopColor="#F7B33B" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_24086"
x1={18.8323}
y1={23.5508}
x2={18.8323}
y2={23.082}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D97B60" />
<stop offset={1} stopColor="#FAB740" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.890625 1.61719) rotate(180) scale(1.125 3.46382)"
>
<stop stopColor="#EC2E72" />
<stop offset={1} stopColor="#DF205D" />
</radialGradient>
<linearGradient
id="paint8_linear_18_24086"
x1={1.26413}
y1={1.61719}
x2={0.727739}
y2={1.61719}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B0455D" />
<stop offset={1} stopColor="#E8296B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.329773 1.37353) rotate(90) scale(1.12469 0.477606)"
>
<stop offset={0.164383} stopColor="#FF4885" />
<stop offset={1} stopColor="#FF4885" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.566406 0.992868) rotate(90) scale(2.24151 1.52712)"
>
<stop offset={0.726679} stopColor="#D13284" stopOpacity={0} />
<stop offset={1} stopColor="#D13284" />
</radialGradient>
<radialGradient
id="paint11_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(1.73859 16) scale(2.125 1.12891)"
>
<stop offset={0.235294} stopColor="#E7345E" />
<stop offset={1} stopColor="#C62373" />
</radialGradient>
<linearGradient
id="paint12_linear_18_24086"
x1={4.48859}
y1={14.9102}
x2={3.50421}
y2={16}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.330086} stopColor="#B4324A" />
<stop offset={1} stopColor="#B4324A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.50421 16) rotate(180) scale(1.94531 1.32663)"
>
<stop offset={0.841312} stopColor="#BB3E5A" stopOpacity={0} />
<stop offset={1} stopColor="#BB3E5A" />
</radialGradient>
<linearGradient
id="paint14_linear_18_24086"
x1={27.5511}
y1={14.3945}
x2={27.5511}
y2={17.8789}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E32553" />
<stop offset={1} stopColor="#BB216D" />
</linearGradient>
<linearGradient
id="paint15_linear_18_24086"
x1={27.5511}
y1={14.3945}
x2={27.5511}
y2={14.8164}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C34B5F" />
<stop offset={1} stopColor="#C34B5F" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.2542 15.5039) rotate(90) scale(1.34375 0.304768)"
>
<stop offset={0.0618557} stopColor="#F64E71" />
<stop offset={1} stopColor="#F64E71" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint17_linear_18_24086"
x1={26.5691}
y1={23.882}
x2={22.635}
y2={25.1354}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FC508A" />
<stop offset={1} stopColor="#F22B74" />
</linearGradient>
<linearGradient
id="paint18_linear_18_24086"
x1={17.3488}
y1={19.5301}
x2={17.3488}
y2={20.2264}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BD2052" />
<stop offset={1} stopColor="#D93364" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint19_linear_18_24086"
x1={15.7894}
y1={13.4831}
x2={15.7894}
y2={19.4961}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B8F256" />
<stop offset={1} stopColor="#5FC188" />
</linearGradient>
<radialGradient
id="paint20_radial_18_24086"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.8179 13.5524) rotate(90) scale(4.60256 1.55726)"
>
<stop stopColor="#B6FE75" />
<stop offset={1} stopColor="#A9F677" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = WaterPistolIcon;