@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
582 lines (581 loc) • 19.3 kB
JSX
const React = require("react");
const FuelPumpIcon = ({ 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 13V24.5C26 24.78 25.78 25 25.5 25C25.22 25 25 24.78 25 24.5V17.5C25 16.67 24.33 16 23.5 16C23.46 16 23.04 15.99 23 16V17C23.06 16.97 23.43 17 23.5 17C23.78 17 24 17.22 24 17.5V24.5C24 25.33 24.67 26 25.5 26C26.33 26 27 25.33 27 24.5V13H26V13Z"
fill="#1B1B1B"
/>
<path
d="M21.01 30H8.99C7.89 30 7 29.11 7 28.01V3.99C7 2.89 7.89 2 8.99 2H21.01C22.11 2 23 2.89 23 3.99V28.01C23 29.11 22.11 30 21.01 30Z"
fill="url(#paint0_linear_18_11917)"
/>
<path
d="M19.97 12H10.03C9.46 12 9 11.54 9 10.97V5.03C9 4.46 9.46 4 10.03 4H19.97C20.54 4 21 4.46 21 5.03V10.97C21 11.54 20.54 12 19.97 12Z"
fill="url(#paint1_linear_18_11917)"
/>
<path
d="M21 6H9V5.03C9 4.46 9.46 4 10.03 4H19.97C20.54 4 21 4.46 21 5.03V6Z"
fill="url(#paint2_linear_18_11917)"
/>
<path
d="M23.01 28H7C6.45 28 6 28.45 6 29V30H24V28.99C24 28.44 23.56 28 23.01 28Z"
fill="url(#paint3_linear_18_11917)"
/>
<path
d="M19.5 7H15.5C15.22 7 15 7.22 15 7.5C15 7.78 15.22 8 15.5 8H19.5C19.78 8 20 7.78 20 7.5C20 7.22 19.78 7 19.5 7Z"
fill="url(#paint4_linear_18_11917)"
/>
<path
d="M23 7.44996C23 7.51996 23.01 7.57996 23.04 7.63996L23.96 9.64996C23.99 9.70996 24 9.77996 24 9.83996V12.94C24 13.53 24.44 13.99 24.99 13.99H26.58C26.81 13.99 27 13.79 27 13.54V9.95996C27 9.81996 26.94 9.68996 26.83 9.59996L23.68 7.08996C23.4 6.86996 23 7.07996 23 7.44996ZM25.58 12.93H25.43C25.2 12.93 25.01 12.73 25.01 12.48V10.83C25.01 10.43 25.47 10.23 25.73 10.51L25.88 10.67C25.96 10.75 26 10.87 26 10.99V12.49C26 12.73 25.81 12.93 25.58 12.93Z"
fill="url(#paint5_linear_18_11917)"
/>
<path
d="M25.5 13C25.7761 13 26 12.7761 26 12.5C26 12.2239 25.7761 12 25.5 12C25.2239 12 25 12.2239 25 12.5C25 12.7761 25.2239 13 25.5 13Z"
fill="#1B1B1B"
/>
<path d="M23 14H7V15H23V14Z" fill="url(#paint6_linear_18_11917)" />
<g filter="url(#filter0_i_18_11917)">
<path
d="M25.88 13V24.5C25.88 24.78 25.66 25 25.38 25C25.1 25 24.88 24.78 24.88 24.5V17.5C24.88 16.67 24.21 16 23.38 16C23.34 16 22.92 15.99 22.88 16V17C22.94 16.97 23.31 17 23.38 17C23.66 17 23.88 17.22 23.88 17.5V24.5C23.88 25.33 24.55 26 25.38 26C26.21 26 26.88 25.33 26.88 24.5V13H25.88V13Z"
fill="#464143"
/>
</g>
<g filter="url(#filter1_ii_18_11917)">
<path
d="M20.89 30H8.87C7.77 30 6.88 29.11 6.88 28.01V3.99C6.88 2.89 7.77 2 8.87 2H20.89C21.99 2 22.88 2.89 22.88 3.99V28.01C22.88 29.11 21.99 30 20.89 30Z"
fill="url(#paint7_linear_18_11917)"
/>
</g>
<g filter="url(#filter2_i_18_11917)">
<path
d="M19.85 12H9.91C9.34 12 8.88 11.54 8.88 10.97V5.03C8.88 4.46 9.34 4 9.91 4H19.85C20.42 4 20.88 4.46 20.88 5.03V10.97C20.88 11.54 20.42 12 19.85 12Z"
fill="url(#paint8_linear_18_11917)"
/>
<path
d="M19.85 12H9.91C9.34 12 8.88 11.54 8.88 10.97V5.03C8.88 4.46 9.34 4 9.91 4H19.85C20.42 4 20.88 4.46 20.88 5.03V10.97C20.88 11.54 20.42 12 19.85 12Z"
fill="url(#paint9_linear_18_11917)"
/>
</g>
<g filter="url(#filter3_i_18_11917)">
<path
d="M20.88 6H8.88V5.03C8.88 4.46 9.34 4 9.91 4H19.85C20.42 4 20.88 4.46 20.88 5.03V6Z"
fill="url(#paint10_linear_18_11917)"
/>
<path
d="M20.88 6H8.88V5.03C8.88 4.46 9.34 4 9.91 4H19.85C20.42 4 20.88 4.46 20.88 5.03V6Z"
fill="url(#paint11_linear_18_11917)"
/>
</g>
<path
d="M22.89 28H6.88C6.33 28 5.88 28.45 5.88 29V30H23.88V28.99C23.88 28.44 23.44 28 22.89 28Z"
fill="url(#paint12_linear_18_11917)"
/>
<path
d="M22.89 28H6.88C6.33 28 5.88 28.45 5.88 29V30H23.88V28.99C23.88 28.44 23.44 28 22.89 28Z"
fill="url(#paint13_linear_18_11917)"
/>
<path
d="M22.89 28H6.88C6.33 28 5.88 28.45 5.88 29V30H23.88V28.99C23.88 28.44 23.44 28 22.89 28Z"
fill="url(#paint14_linear_18_11917)"
/>
<path
d="M22.89 28H6.88C6.33 28 5.88 28.45 5.88 29V30H23.88V28.99C23.88 28.44 23.44 28 22.89 28Z"
fill="url(#paint15_linear_18_11917)"
/>
<path
d="M22.89 28H6.88C6.33 28 5.88 28.45 5.88 29V30H23.88V28.99C23.88 28.44 23.44 28 22.89 28Z"
fill="url(#paint16_linear_18_11917)"
/>
<path
d="M19.38 7H15.38C15.1 7 14.88 7.22 14.88 7.5C14.88 7.78 15.1 8 15.38 8H19.38C19.66 8 19.88 7.78 19.88 7.5C19.88 7.22 19.66 7 19.38 7Z"
fill="url(#paint17_linear_18_11917)"
/>
<path
d="M19.38 7H15.38C15.1 7 14.88 7.22 14.88 7.5C14.88 7.78 15.1 8 15.38 8H19.38C19.66 8 19.88 7.78 19.88 7.5C19.88 7.22 19.66 7 19.38 7Z"
fill="url(#paint18_radial_18_11917)"
/>
<g filter="url(#filter4_ii_18_11917)">
<path
d="M22.88 7.44996C22.88 7.51996 22.89 7.57996 22.92 7.63996L23.84 9.64996C23.87 9.70996 23.88 9.77996 23.88 9.83996V12.94C23.88 13.53 24.32 13.99 24.87 13.99H26.46C26.69 13.99 26.88 13.79 26.88 13.54V9.95996C26.88 9.81996 26.82 9.68996 26.71 9.59996L23.56 7.08996C23.28 6.86996 22.88 7.07996 22.88 7.44996ZM25.46 12.93H25.31C25.08 12.93 24.89 12.73 24.89 12.48V10.83C24.89 10.43 25.35 10.23 25.61 10.51L25.76 10.67C25.84 10.75 25.88 10.87 25.88 10.99V12.49C25.88 12.73 25.69 12.93 25.46 12.93Z"
fill="url(#paint19_linear_18_11917)"
/>
</g>
<path
d="M25.38 13C25.6561 13 25.88 12.7761 25.88 12.5C25.88 12.2239 25.6561 12 25.38 12C25.1039 12 24.88 12.2239 24.88 12.5C24.88 12.7761 25.1039 13 25.38 13Z"
fill="url(#paint20_radial_18_11917)"
/>
<path
d="M22.88 14H6.88V15H22.88V14Z"
fill="url(#paint21_linear_18_11917)"
/>
<defs>
<filter
id="filter0_i_18_11917"
x={22.88}
y={12.75}
width={4.25}
height={13.25}
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.4} dy={-0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.207843 0 0 0 0 0.145098 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11917"
/>
</filter>
<filter
id="filter1_ii_18_11917"
x={6.38}
y={2}
width={17}
height={28}
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={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.607843 0 0 0 0 0.180392 0 0 0 0 0.203922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11917"
/>
<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={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.321569 0 0 0 0 0.368627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_11917"
result="effect2_innerShadow_18_11917"
/>
</filter>
<filter
id="filter2_i_18_11917"
x={8.88}
y={3.7}
width={12.3}
height={8.3}
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} dy={-0.5} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.835294 0 0 0 0 0.811765 0 0 0 0 0.847059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11917"
/>
</filter>
<filter
id="filter3_i_18_11917"
x={8.38}
y={4}
width={12.5}
height={2.5}
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} dy={0.5} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.227451 0 0 0 0 0.152941 0 0 0 0 0.301961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11917"
/>
</filter>
<filter
id="filter4_ii_18_11917"
x={22.73}
y={6.85037}
width={4.3}
height={7.28962}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.964706 0 0 0 0 0.952941 0 0 0 0 0.968627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_11917"
/>
<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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.482353 0 0 0 0 0.329412 0 0 0 0 0.419608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_11917"
result="effect2_innerShadow_18_11917"
/>
</filter>
<linearGradient
id="paint0_linear_18_11917"
x1={7.0036}
y1={15.9977}
x2={23.0036}
y2={15.9977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E22585" />
<stop offset={1} stopColor="#E63529" />
</linearGradient>
<linearGradient
id="paint1_linear_18_11917"
x1={21.0036}
y1={7.9977}
x2={9.0036}
y2={7.9977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2D2D2" />
<stop offset={1} stopColor="#9A9A9A" />
</linearGradient>
<linearGradient
id="paint2_linear_18_11917"
x1={21.0036}
y1={4.9977}
x2={9.0036}
y2={4.9977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#503469" />
<stop offset={1} stopColor="#1B1B1B" />
</linearGradient>
<linearGradient
id="paint3_linear_18_11917"
x1={24.0036}
y1={28.9977}
x2={6.0036}
y2={28.9977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2D2D2" />
<stop offset={1} stopColor="#9A9A9A" />
</linearGradient>
<linearGradient
id="paint4_linear_18_11917"
x1={20.0036}
y1={7.4977}
x2={15.0036}
y2={7.4977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#503469" />
<stop offset={1} stopColor="#1B1B1B" />
</linearGradient>
<linearGradient
id="paint5_linear_18_11917"
x1={27.0036}
y1={10.4977}
x2={23.0036}
y2={10.4977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2D2D2" />
<stop offset={1} stopColor="#9A9A9A" />
</linearGradient>
<linearGradient
id="paint6_linear_18_11917"
x1={23.0036}
y1={14.4977}
x2={7.0036}
y2={14.4977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2D2D2" />
<stop offset={1} stopColor="#9A9A9A" />
</linearGradient>
<linearGradient
id="paint7_linear_18_11917"
x1={14.88}
y1={27.7972}
x2={14.88}
y2={20.4391}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D7357E" />
<stop offset={1} stopColor="#E73446" />
</linearGradient>
<linearGradient
id="paint8_linear_18_11917"
x1={20.5766}
y1={7.38752}
x2={8.88}
y2={7.38752}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2C7D9" />
<stop offset={1} stopColor="#C6BDCB" />
</linearGradient>
<linearGradient
id="paint9_linear_18_11917"
x1={20.88}
y1={9.02126}
x2={19.8547}
y2={9.02126}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#998DA0" />
<stop offset={1} stopColor="#998DA0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_11917"
x1={20.8836}
y1={4.9977}
x2={8.88361}
y2={4.9977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#513E63" />
<stop offset={1} stopColor="#433B4A" />
</linearGradient>
<linearGradient
id="paint11_linear_18_11917"
x1={8.88}
y1={5.32091}
x2={9.48021}
y2={5.32091}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4A454D" />
<stop offset={1} stopColor="#4A454D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_11917"
x1={23.8836}
y1={28.9977}
x2={5.59363}
y2={28.9977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D7C7E2" />
<stop offset={1} stopColor="#A69AAE" />
</linearGradient>
<linearGradient
id="paint13_linear_18_11917"
x1={7.03325}
y1={31.4363}
x2={7.11323}
y2={29}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#605567" />
<stop offset={1} stopColor="#605567" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_11917"
x1={14.88}
y1={27.6372}
x2={14.88}
y2={29}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D8CAD3" />
<stop offset={1} stopColor="#D8CAD3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_11917"
x1={5.88}
y1={29.6767}
x2={6.95327}
y2={29.6567}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#605567" />
<stop offset={1} stopColor="#605567" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_11917"
x1={23.88}
y1={29.7167}
x2={22.6692}
y2={29.7167}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9F4FD" />
<stop offset={1} stopColor="#F9F4FD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_18_11917"
x1={19.8836}
y1={7.4977}
x2={14.8836}
y2={7.4977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#503668" />
<stop offset={1} stopColor="#352B3C" />
</linearGradient>
<radialGradient
id="paint18_radial_18_11917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.7718 7.36853) rotate(90) scale(0.417933 3.43845)"
>
<stop stopColor="#65527A" />
<stop offset={1} stopColor="#65527A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint19_linear_18_11917"
x1={25.3563}
y1={9.78123}
x2={24.2626}
y2={13.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D4C4D8" />
<stop offset={1} stopColor="#A699AA" />
</linearGradient>
<radialGradient
id="paint20_radial_18_11917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.5751 12.4297) rotate(146.041) scale(0.461533 0.445323)"
>
<stop stopColor="#4F494A" />
<stop offset={1} stopColor="#31222E" />
</radialGradient>
<linearGradient
id="paint21_linear_18_11917"
x1={22.8836}
y1={14.4977}
x2={6.8836}
y2={14.4977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ECE4F3" />
<stop offset={0.0171485} stopColor="#ECE4F3" />
<stop offset={0.0587043} stopColor="#D3C6DB" />
<stop offset={0.322287} stopColor="#D3C6DB" />
<stop offset={0.96106} stopColor="#ADA2B4" />
<stop offset={1} stopColor="#6F6974" />
</linearGradient>
</defs>
</svg>
);
module.exports = FuelPumpIcon;