@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
302 lines (301 loc) • 10.7 kB
JSX
const React = require("react");
const BellhopBellIcon = ({ 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="M18 22H14V25H18V22Z" fill="url(#paint0_linear_18_13152)" />
<path
d="M15 8.05303V4.94697C15 4.42614 15.45 4 16 4C16.55 4 17 4.42614 17 4.94697V8.05303C17 8.57386 16.55 9 16 9C15.45 9 15 8.57386 15 8.05303Z"
fill="url(#paint1_linear_18_13152)"
/>
<path
d="M15 8.05303V4.94697C15 4.42614 15.45 4 16 4C16.55 4 17 4.42614 17 4.94697V8.05303C17 8.57386 16.55 9 16 9C15.45 9 15 8.57386 15 8.05303Z"
fill="url(#paint2_linear_18_13152)"
/>
<path
d="M14.0033 4H17.9967C18.5485 4 19 4.45 19 5C19 5.55 18.5485 6 17.9967 6H14.0033C13.4515 6 13 5.55 13 5C13 4.45 13.4515 4 14.0033 4Z"
fill="url(#paint3_radial_18_13152)"
/>
<path
d="M14.0033 4H17.9967C18.5485 4 19 4.45 19 5C19 5.55 18.5485 6 17.9967 6H14.0033C13.4515 6 13 5.55 13 5C13 4.45 13.4515 4 14.0033 4Z"
fill="url(#paint4_linear_18_13152)"
/>
<path
d="M30 29H2C2 27.9 2.90097 27 4.00215 27H27.9979C29.099 27 30 27.9 30 29Z"
fill="url(#paint5_radial_18_13152)"
/>
<path
d="M30 29H2C2 27.9 2.90097 27 4.00215 27H27.9979C29.099 27 30 27.9 30 29Z"
fill="url(#paint6_linear_18_13152)"
/>
<path
d="M28 27H4C4 25.9 4.9 25 6 25H26C27.11 25 28 25.9 28 27Z"
fill="url(#paint7_radial_18_13152)"
/>
<path
d="M28 27H4C4 25.9 4.9 25 6 25H26C27.11 25 28 25.9 28 27Z"
fill="url(#paint8_linear_18_13152)"
/>
<g filter="url(#filter0_i_18_13152)">
<path
d="M27.9707 20.0585V19.3882C27.9707 12.7849 22.8126 7.12202 16.2149 7.00196C9.49733 6.8819 4.00928 12.2946 4.00928 18.988V19.9885C4.00928 20.5488 3.55944 20.999 2.99964 20.999C2.44984 20.999 2 21.4492 2 21.9995C2 22.5498 2.44984 23 2.99964 23H4.01928H27.9807H29.0004C29.5502 23 30 22.5498 30 21.9995C30 21.4492 29.5502 20.999 29.0004 20.999H28.9304C28.3906 21.009 27.9707 20.5888 27.9707 20.0585Z"
fill="url(#paint9_radial_18_13152)"
/>
<path
d="M27.9707 20.0585V19.3882C27.9707 12.7849 22.8126 7.12202 16.2149 7.00196C9.49733 6.8819 4.00928 12.2946 4.00928 18.988V19.9885C4.00928 20.5488 3.55944 20.999 2.99964 20.999C2.44984 20.999 2 21.4492 2 21.9995C2 22.5498 2.44984 23 2.99964 23H4.01928H27.9807H29.0004C29.5502 23 30 22.5498 30 21.9995C30 21.4492 29.5502 20.999 29.0004 20.999H28.9304C28.3906 21.009 27.9707 20.5888 27.9707 20.0585Z"
fill="url(#paint10_radial_18_13152)"
/>
<path
d="M27.9707 20.0585V19.3882C27.9707 12.7849 22.8126 7.12202 16.2149 7.00196C9.49733 6.8819 4.00928 12.2946 4.00928 18.988V19.9885C4.00928 20.5488 3.55944 20.999 2.99964 20.999C2.44984 20.999 2 21.4492 2 21.9995C2 22.5498 2.44984 23 2.99964 23H4.01928H27.9807H29.0004C29.5502 23 30 22.5498 30 21.9995C30 21.4492 29.5502 20.999 29.0004 20.999H28.9304C28.3906 21.009 27.9707 20.5888 27.9707 20.0585Z"
fill="url(#paint11_linear_18_13152)"
/>
</g>
<path
d="M27.9707 20.0585V19.3882C27.9707 12.7849 22.8126 7.12202 16.2149 7.00196C9.49733 6.8819 4.00928 12.2946 4.00928 18.988V19.9885C4.00928 20.5488 3.55944 20.999 2.99964 20.999C2.44984 20.999 2 21.4492 2 21.9995C2 22.5498 2.44984 23 2.99964 23H4.01928H27.9807H29.0004C29.5502 23 30 22.5498 30 21.9995C30 21.4492 29.5502 20.999 29.0004 20.999H28.9304C28.3906 21.009 27.9707 20.5888 27.9707 20.0585Z"
fill="url(#paint12_radial_18_13152)"
/>
<path
d="M19.98 13C21.0845 13 21.98 12.1046 21.98 11C21.98 9.89543 21.0845 9 19.98 9C18.8754 9 17.98 9.89543 17.98 11C17.98 12.1046 18.8754 13 19.98 13Z"
fill="url(#paint13_radial_18_13152)"
/>
<g filter="url(#filter1_f_18_13152)">
<path
d="M4.59375 20.6296H27.5312"
stroke="url(#paint14_linear_18_13152)"
strokeWidth={0.4}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_18_13152"
x={2}
y={7}
width={29}
height={16}
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={1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.764706 0 0 0 0 0.439216 0 0 0 0 0.231373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_13152"
/>
</filter>
<filter
id="filter1_f_18_13152"
x={3.79375}
y={19.8297}
width={24.5375}
height={1.5999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_13152"
/>
</filter>
<linearGradient
id="paint0_linear_18_13152"
x1={16.8081}
y1={23.2883}
x2={14.9972}
y2={25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#893313" />
<stop offset={1} stopColor="#944C20" />
</linearGradient>
<linearGradient
id="paint1_linear_18_13152"
x1={17}
y1={5.87965}
x2={15.3438}
y2={7.50465}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F17523" />
<stop offset={1} stopColor="#DE7C26" />
</linearGradient>
<linearGradient
id="paint2_linear_18_13152"
x1={15}
y1={6.1609}
x2={15.7813}
y2={6.1609}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CF814B" />
<stop offset={1} stopColor="#CF814B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_13152"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5011 4.5982) rotate(90) scale(1.4018 5.47737)"
>
<stop stopColor="#FFB45D" />
<stop offset={1} stopColor="#DD7B36" />
</radialGradient>
<linearGradient
id="paint4_linear_18_13152"
x1={16.75}
y1={6.1609}
x2={16.75}
y2={5.50465}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E5680C" />
<stop offset={1} stopColor="#E5680C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_13152"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.0521 28) rotate(90) scale(1.69215 23.6902)"
>
<stop stopColor="#9D7467" />
<stop offset={1} stopColor="#664A42" />
</radialGradient>
<linearGradient
id="paint6_linear_18_13152"
x1={15.6803}
y1={26.2173}
x2={15.916}
y2={28.6496}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D2F20" />
<stop offset={1} stopColor="#6D2F20" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_13152"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.1875 26) rotate(90) scale(1.69215 20.3058)"
>
<stop stopColor="#9D7467" />
<stop offset={1} stopColor="#664A42" />
</radialGradient>
<linearGradient
id="paint8_linear_18_13152"
x1={15.726}
y1={24.2173}
x2={16}
y2={26.6415}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D2F20" />
<stop offset={1} stopColor="#6D2F20" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_13152"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11 23.6922) rotate(-46.6683) scale(18.2157 30.1442)"
>
<stop stopColor="#DA7D35" />
<stop offset={1} stopColor="#FFC551" />
</radialGradient>
<radialGradient
id="paint10_radial_18_13152"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2 5.69215) rotate(33.0819) scale(31.0303 54.303)"
>
<stop offset={0.83188} stopColor="#FFA74F" stopOpacity={0} />
<stop offset={1} stopColor="#FFA74F" />
</radialGradient>
<linearGradient
id="paint11_linear_18_13152"
x1={16}
y1={23.3172}
x2={16}
y2={21.8172}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EA6733" />
<stop offset={1} stopColor="#EA6733" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_13152"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.4644 7) rotate(129.701) scale(13.7405 16.0261)"
>
<stop stopColor="#FFC455" />
<stop offset={1} stopColor="#FFC455" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_18_13152"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.7188 13.3797) rotate(-107.801) scale(4.59988 7.65203)"
>
<stop offset={0.202697} stopColor="#FFFFF7" stopOpacity={0} />
<stop offset={1} stopColor="#FFFFF7" />
</radialGradient>
<linearGradient
id="paint14_linear_18_13152"
x1={25.0625}
y1={21.0046}
x2={5.93751}
y2={21.0046}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF932E" />
<stop offset={1} stopColor="#D57425" />
</linearGradient>
</defs>
</svg>
);
module.exports = BellhopBellIcon;