@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
424 lines (423 loc) • 13.2 kB
JSX
const React = require("react");
const OilDrumIcon = ({ 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="M25 5.95557H7V27.9556H25V5.95557Z"
fill="url(#paint0_linear_18_11874)"
/>
<path
d="M23.02 1.95557H19.99C19.44 1.95557 19 2.39557 19 2.93557V3.95557H24V2.93557C24 2.39557 23.56 1.95557 23.02 1.95557Z"
fill="url(#paint1_linear_18_11874)"
/>
<path
d="M23.02 1.95557H19.99C19.44 1.95557 19 2.39557 19 2.93557V3.95557H24V2.93557C24 2.39557 23.56 1.95557 23.02 1.95557Z"
fill="url(#paint2_linear_18_11874)"
/>
<path
d="M23.02 1.95557H19.99C19.44 1.95557 19 2.39557 19 2.93557V3.95557H24V2.93557C24 2.39557 23.56 1.95557 23.02 1.95557Z"
fill="url(#paint3_radial_18_11874)"
/>
<path
d="M23.02 1.95557H19.99C19.44 1.95557 19 2.39557 19 2.93557V3.95557H24V2.93557C24 2.39557 23.56 1.95557 23.02 1.95557Z"
fill="url(#paint4_radial_18_11874)"
/>
<path
d="M24 5.95557H22V27.9556H24V5.95557Z"
fill="url(#paint5_linear_18_11874)"
/>
<path
d="M21 5.95557H20V27.9556H21V5.95557Z"
fill="url(#paint6_linear_18_11874)"
/>
<g filter="url(#filter0_f_18_11874)">
<rect
x={7.25}
y={13.7057}
width={17.5}
height={0.374969}
fill="#3C62A7"
/>
</g>
<g filter="url(#filter1_f_18_11874)">
<rect
x={7.25}
y={5.69006}
width={17.5}
height={0.374969}
fill="#3C62A7"
/>
</g>
<g filter="url(#filter2_f_18_11874)">
<rect
x={7.25}
y={21.6823}
width={17.5}
height={0.374969}
fill="#3C62A7"
/>
</g>
<g filter="url(#filter3_f_18_11874)">
<rect
x={7.25}
y={27.8541}
width={17.5}
height={0.374969}
fill="#3C62A7"
/>
</g>
<path
d="M25 29.9556H7C6.45 29.9556 6 29.5056 6 28.9556C6 28.4056 6.45 27.9556 7 27.9556H25C25.55 27.9556 26 28.4056 26 28.9556C26 29.5056 25.55 29.9556 25 29.9556Z"
fill="url(#paint7_linear_18_11874)"
/>
<path
d="M25 29.9556H7C6.45 29.9556 6 29.5056 6 28.9556C6 28.4056 6.45 27.9556 7 27.9556H25C25.55 27.9556 26 28.4056 26 28.9556C26 29.5056 25.55 29.9556 25 29.9556Z"
fill="url(#paint8_linear_18_11874)"
/>
<path
d="M25 29.9556H7C6.45 29.9556 6 29.5056 6 28.9556C6 28.4056 6.45 27.9556 7 27.9556H25C25.55 27.9556 26 28.4056 26 28.9556C26 29.5056 25.55 29.9556 25 29.9556Z"
fill="url(#paint9_radial_18_11874)"
/>
<path
d="M25 5.95557H7C6.45 5.95557 6 5.50557 6 4.95557C6 4.40557 6.45 3.95557 7 3.95557H25C25.55 3.95557 26 4.40557 26 4.95557C26 5.50557 25.55 5.95557 25 5.95557Z"
fill="url(#paint10_linear_18_11874)"
/>
<path
d="M25 5.95557H7C6.45 5.95557 6 5.50557 6 4.95557C6 4.40557 6.45 3.95557 7 3.95557H25C25.55 3.95557 26 4.40557 26 4.95557C26 5.50557 25.55 5.95557 25 5.95557Z"
fill="url(#paint11_linear_18_11874)"
/>
<path
d="M25 5.95557H7C6.45 5.95557 6 5.50557 6 4.95557C6 4.40557 6.45 3.95557 7 3.95557H25C25.55 3.95557 26 4.40557 26 4.95557C26 5.50557 25.55 5.95557 25 5.95557Z"
fill="url(#paint12_radial_18_11874)"
/>
<path
d="M25 13.9556H7C6.45 13.9556 6 13.5056 6 12.9556C6 12.4056 6.45 11.9556 7 11.9556H25C25.55 11.9556 26 12.4056 26 12.9556C26 13.5056 25.55 13.9556 25 13.9556Z"
fill="url(#paint13_linear_18_11874)"
/>
<path
d="M25 13.9556H7C6.45 13.9556 6 13.5056 6 12.9556C6 12.4056 6.45 11.9556 7 11.9556H25C25.55 11.9556 26 12.4056 26 12.9556C26 13.5056 25.55 13.9556 25 13.9556Z"
fill="url(#paint14_linear_18_11874)"
/>
<path
d="M25 13.9556H7C6.45 13.9556 6 13.5056 6 12.9556C6 12.4056 6.45 11.9556 7 11.9556H25C25.55 11.9556 26 12.4056 26 12.9556C26 13.5056 25.55 13.9556 25 13.9556Z"
fill="url(#paint15_radial_18_11874)"
/>
<path
d="M25 21.9556H7C6.45 21.9556 6 21.5056 6 20.9556C6 20.4056 6.45 19.9556 7 19.9556H25C25.55 19.9556 26 20.4056 26 20.9556C26 21.5056 25.55 21.9556 25 21.9556Z"
fill="url(#paint16_linear_18_11874)"
/>
<path
d="M25 21.9556H7C6.45 21.9556 6 21.5056 6 20.9556C6 20.4056 6.45 19.9556 7 19.9556H25C25.55 19.9556 26 20.4056 26 20.9556C26 21.5056 25.55 21.9556 25 21.9556Z"
fill="url(#paint17_linear_18_11874)"
/>
<path
d="M25 21.9556H7C6.45 21.9556 6 21.5056 6 20.9556C6 20.4056 6.45 19.9556 7 19.9556H25C25.55 19.9556 26 20.4056 26 20.9556C26 21.5056 25.55 21.9556 25 21.9556Z"
fill="url(#paint18_radial_18_11874)"
/>
<defs>
<filter
id="filter0_f_18_11874"
x={6.75}
y={13.2057}
width={18.5}
height={1.375}
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_11874"
/>
</filter>
<filter
id="filter1_f_18_11874"
x={6.75}
y={5.19006}
width={18.5}
height={1.375}
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_11874"
/>
</filter>
<filter
id="filter2_f_18_11874"
x={6.75}
y={21.1823}
width={18.5}
height={1.375}
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_11874"
/>
</filter>
<filter
id="filter3_f_18_11874"
x={6.75}
y={27.3541}
width={18.5}
height={1.375}
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_11874"
/>
</filter>
<linearGradient
id="paint0_linear_18_11874"
x1={7.0021}
y1={16.9556}
x2={25}
y2={16.9556}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3974A8" />
<stop offset={0.176987} stopColor="#448FDD" />
<stop offset={1} stopColor="#5998E8" />
</linearGradient>
<linearGradient
id="paint1_linear_18_11874"
x1={19.0021}
y1={2.95557}
x2={24.5625}
y2={2.95557}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#463B5E" />
<stop offset={1} stopColor="#4E4B54" />
</linearGradient>
<linearGradient
id="paint2_linear_18_11874"
x1={24}
y1={3.95557}
x2={23.2466}
y2={3.95557}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#747374" />
<stop offset={1} stopColor="#747374" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_11874"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.8765 2.34932) rotate(140.194) scale(0.702741 0.808984)"
>
<stop stopColor="#69696A" />
<stop offset={1} stopColor="#69696A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_11874"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.7873 2.53927) scale(2.81927 0.440247)"
>
<stop stopColor="#5C4F6B" />
<stop offset={0.639752} stopColor="#5C4F6B" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_11874"
x1={24.4062}
y1={16.9318}
x2={22.5}
y2={16.9318}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#72FBFF" />
<stop offset={1} stopColor="#65E0FF" />
</linearGradient>
<linearGradient
id="paint6_linear_18_11874"
x1={21}
y1={27.9556}
x2={21}
y2={5.95557}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#53BDFE" />
<stop offset={1} stopColor="#55C0FA" />
</linearGradient>
<linearGradient
id="paint7_linear_18_11874"
x1={26.0021}
y1={28.9556}
x2={6.0021}
y2={28.9556}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4285D9" />
<stop offset={1} stopColor="#3E409A" />
</linearGradient>
<linearGradient
id="paint8_linear_18_11874"
x1={16}
y1={30.4556}
x2={16}
y2={29.2056}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#373490" />
<stop offset={1} stopColor="#373490" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_11874"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.75 28.6118) rotate(90) scale(0.656247 10.5757)"
>
<stop stopColor="#71A2EE" />
<stop offset={1} stopColor="#71A2EE" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_11874"
x1={26.0021}
y1={4.95557}
x2={6.0021}
y2={4.95557}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4285D9" />
<stop offset={1} stopColor="#3E409A" />
</linearGradient>
<linearGradient
id="paint11_linear_18_11874"
x1={16}
y1={6.45555}
x2={16}
y2={5.20555}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#373490" />
<stop offset={1} stopColor="#373490" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_11874"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.75 4.6118) rotate(90) scale(0.656247 10.5757)"
>
<stop stopColor="#71A2EE" />
<stop offset={1} stopColor="#71A2EE" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_11874"
x1={26.0021}
y1={12.9556}
x2={6.0021}
y2={12.9556}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4285D9" />
<stop offset={1} stopColor="#3E409A" />
</linearGradient>
<linearGradient
id="paint14_linear_18_11874"
x1={16}
y1={14.4556}
x2={16}
y2={13.2056}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#373490" />
<stop offset={1} stopColor="#373490" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint15_radial_18_11874"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.75 12.6118) rotate(90) scale(0.656247 10.5757)"
>
<stop stopColor="#71A2EE" />
<stop offset={1} stopColor="#71A2EE" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint16_linear_18_11874"
x1={26.0021}
y1={20.9556}
x2={6.0021}
y2={20.9556}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4285D9" />
<stop offset={1} stopColor="#3E409A" />
</linearGradient>
<linearGradient
id="paint17_linear_18_11874"
x1={16}
y1={22.4556}
x2={16}
y2={21.2056}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#373490" />
<stop offset={1} stopColor="#373490" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint18_radial_18_11874"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.75 20.6118) rotate(90) scale(0.656247 10.5757)"
>
<stop stopColor="#71A2EE" />
<stop offset={1} stopColor="#71A2EE" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = OilDrumIcon;