UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

424 lines (423 loc) 13.2 kB
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;