@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
630 lines (629 loc) • 19.5 kB
JSX
const React = require("react");
const HospitalIcon = ({ 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="M5 5C5 3.89543 5.89543 3 7 3H23.1651C24.2697 3 25.1651 3.89543 25.1651 5V30H5V5Z"
fill="url(#paint0_linear_18_6284)"
/>
<path
d="M5 5C5 3.89543 5.89543 3 7 3H23.1651C24.2697 3 25.1651 3.89543 25.1651 5V30H5V5Z"
fill="url(#paint1_radial_18_6284)"
/>
<path
d="M5 5C5 3.89543 5.89543 3 7 3H23.1651C24.2697 3 25.1651 3.89543 25.1651 5V30H5V5Z"
fill="url(#paint2_linear_18_6284)"
/>
<path
d="M5 5C5 3.89543 5.89543 3 7 3H23.1651C24.2697 3 25.1651 3.89543 25.1651 5V30H5V5Z"
fill="url(#paint3_radial_18_6284)"
/>
<path
d="M5 5C5 3.89543 5.89543 3 7 3H23.1651C24.2697 3 25.1651 3.89543 25.1651 5V30H5V5Z"
fill="url(#paint4_radial_18_6284)"
/>
<path
d="M5 5C5 3.89543 5.89543 3 7 3H23.1651C24.2697 3 25.1651 3.89543 25.1651 5V30H5V5Z"
fill="url(#paint5_linear_18_6284)"
/>
<path
d="M5 5C5 3.89543 5.89543 3 7 3H23.1651C24.2697 3 25.1651 3.89543 25.1651 5V30H5V5Z"
fill="url(#paint6_linear_18_6284)"
/>
<g filter="url(#filter0_f_18_6284)">
<path
d="M8.89445 4.47878C8.90599 3.93489 9.35021 3.5 9.89422 3.5H16.9152C17.4675 3.5 17.9152 3.94772 17.9152 4.5V10.2471C17.9152 10.7755 17.504 11.2128 16.9766 11.2452L9.82427 11.6847C9.24055 11.7206 8.75075 11.2501 8.76316 10.6654L8.89445 4.47878Z"
fill="url(#paint7_linear_18_6284)"
/>
</g>
<path
d="M10.1652 21C10.1652 19.8954 11.0606 19 12.1652 19H27.1652C28.2697 19 29.1652 19.8954 29.1652 21V30H10.1652V21Z"
fill="url(#paint8_linear_18_6284)"
/>
<path
d="M10.1652 21C10.1652 19.8954 11.0606 19 12.1652 19H27.1652C28.2697 19 29.1652 19.8954 29.1652 21V30H10.1652V21Z"
fill="url(#paint9_linear_18_6284)"
/>
<path
d="M10.1652 21C10.1652 19.8954 11.0606 19 12.1652 19H27.1652C28.2697 19 29.1652 19.8954 29.1652 21V30H10.1652V21Z"
fill="url(#paint10_linear_18_6284)"
/>
<path
d="M10.1652 21C10.1652 19.8954 11.0606 19 12.1652 19H27.1652C28.2697 19 29.1652 19.8954 29.1652 21V30H10.1652V21Z"
fill="url(#paint11_linear_18_6284)"
/>
<path
d="M10.1652 21C10.1652 19.8954 11.0606 19 12.1652 19H27.1652C28.2697 19 29.1652 19.8954 29.1652 21V30H10.1652V21Z"
fill="url(#paint12_linear_18_6284)"
/>
<path
d="M10.1652 21C10.1652 19.8954 11.0606 19 12.1652 19H27.1652C28.2697 19 29.1652 19.8954 29.1652 21V30H10.1652V21Z"
fill="url(#paint13_radial_18_6284)"
/>
<g filter="url(#filter1_i_18_6284)">
<rect x={9.16516} y={2} width={9} height={9} rx={1} fill="#F1E3FF" />
</g>
<rect
x={9.16516}
y={2}
width={9}
height={9}
rx={1}
fill="url(#paint14_linear_18_6284)"
/>
<rect
x={9.16516}
y={2}
width={9}
height={9}
rx={1}
fill="url(#paint15_linear_18_6284)"
/>
<rect
x={9.16516}
y={2}
width={9}
height={9}
rx={1}
fill="url(#paint16_linear_18_6284)"
/>
<g filter="url(#filter2_f_18_6284)">
<path
d="M13.6652 3.5C13.1129 3.5 12.6652 3.94772 12.6652 4.5V5.5H11.6652C11.1129 5.5 10.6652 5.94772 10.6652 6.5C10.6652 7.05228 11.1129 7.5 11.6652 7.5H12.6652V8.5C12.6652 9.05228 13.1129 9.5 13.6652 9.5C14.2174 9.5 14.6652 9.05228 14.6652 8.5V7.5H15.6652C16.2174 7.5 16.6652 7.05228 16.6652 6.5C16.6652 5.94772 16.2174 5.5 15.6652 5.5H14.6652V4.5C14.6652 3.94772 14.2174 3.5 13.6652 3.5Z"
stroke="url(#paint17_linear_18_6284)"
strokeWidth={0.5}
/>
</g>
<g filter="url(#filter3_i_18_6284)">
<path
d="M13.6652 3.5C13.1129 3.5 12.6652 3.94772 12.6652 4.5V5.5H11.6652C11.1129 5.5 10.6652 5.94772 10.6652 6.5C10.6652 7.05228 11.1129 7.5 11.6652 7.5H12.6652V8.5C12.6652 9.05228 13.1129 9.5 13.6652 9.5C14.2174 9.5 14.6652 9.05228 14.6652 8.5V7.5H15.6652C16.2174 7.5 16.6652 7.05228 16.6652 6.5C16.6652 5.94772 16.2174 5.5 15.6652 5.5H14.6652V4.5C14.6652 3.94772 14.2174 3.5 13.6652 3.5Z"
fill="url(#paint18_linear_18_6284)"
/>
<path
d="M13.6652 3.5C13.1129 3.5 12.6652 3.94772 12.6652 4.5V5.5H11.6652C11.1129 5.5 10.6652 5.94772 10.6652 6.5C10.6652 7.05228 11.1129 7.5 11.6652 7.5H12.6652V8.5C12.6652 9.05228 13.1129 9.5 13.6652 9.5C14.2174 9.5 14.6652 9.05228 14.6652 8.5V7.5H15.6652C16.2174 7.5 16.6652 7.05228 16.6652 6.5C16.6652 5.94772 16.2174 5.5 15.6652 5.5H14.6652V4.5C14.6652 3.94772 14.2174 3.5 13.6652 3.5Z"
fill="url(#paint19_linear_18_6284)"
/>
</g>
<rect
x={12.1652}
y={21}
width={15}
height={1.5}
rx={0.75}
fill="url(#paint20_linear_18_6284)"
/>
<rect
x={12.1652}
y={23.5}
width={15}
height={1.5}
rx={0.75}
fill="url(#paint21_linear_18_6284)"
/>
<g filter="url(#filter4_i_18_6284)">
<path
d="M21.1652 28.5C21.1652 28.2239 21.389 28 21.6652 28H26.6652C26.9413 28 27.1652 28.2239 27.1652 28.5V30H21.1652V28.5Z"
fill="#DF30B8"
/>
</g>
<g filter="url(#filter5_i_18_6284)">
<path
d="M16.1652 28H18.1652C18.4413 28 18.6652 28.2239 18.6652 28.5V30H16.1652V28Z"
fill="#DF30B8"
/>
</g>
<g filter="url(#filter6_i_18_6284)">
<path
d="M14.6652 28H12.6652C12.389 28 12.1652 28.2239 12.1652 28.5V30H14.6652V28Z"
fill="#E839BD"
/>
<path
d="M14.6652 28H12.6652C12.389 28 12.1652 28.2239 12.1652 28.5V30H14.6652V28Z"
fill="url(#paint22_linear_18_6284)"
/>
</g>
<defs>
<filter
id="filter0_f_18_6284"
x={8.01294}
y={2.75}
width={10.6522}
height={9.68665}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_6284"
/>
</filter>
<filter
id="filter1_i_18_6284"
x={9.16516}
y={1.4}
width={9.6}
height={9.6}
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.6} dy={-0.6} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.831373 0 0 0 0 0.784314 0 0 0 0 0.882353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_6284"
/>
</filter>
<filter
id="filter2_f_18_6284"
x={10.1152}
y={2.95}
width={7.1}
height={7.1}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_6284"
/>
</filter>
<filter
id="filter3_i_18_6284"
x={10.5652}
y={3.4}
width={6.1}
height={6.1}
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.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.788235 0 0 0 0 0.0941176 0 0 0 0 0.352941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_6284"
/>
</filter>
<filter
id="filter4_i_18_6284"
x={20.9652}
y={28}
width={6.2}
height={2.2}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.607843 0 0 0 0 0.0470588 0 0 0 0 0.513726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_6284"
/>
</filter>
<filter
id="filter5_i_18_6284"
x={15.9652}
y={28}
width={2.7}
height={2.2}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.607843 0 0 0 0 0.0470588 0 0 0 0 0.513726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_6284"
/>
</filter>
<filter
id="filter6_i_18_6284"
x={11.9652}
y={28}
width={2.7}
height={2.2}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.607843 0 0 0 0 0.0470588 0 0 0 0 0.513726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_6284"
/>
</filter>
<linearGradient
id="paint0_linear_18_6284"
x1={4.26726}
y1={14.5}
x2={26.2264}
y2={14.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#826F96" />
<stop offset={1} stopColor="#BBB5C4" />
</linearGradient>
<radialGradient
id="paint1_radial_18_6284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.2095 21.2724) scale(10.4912 6.78348)"
>
<stop stopColor="#938F98" />
<stop offset={1} stopColor="#938F98" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_6284"
x1={28.9732}
y1={12.1579}
x2={20.6182}
y2={12.1579}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BAB5BF" />
<stop offset={1} stopColor="#BAB5BF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_6284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.34825 30) rotate(-90) scale(12.3829 4.68745)"
>
<stop stopColor="#8665A3" />
<stop offset={1} stopColor="#8665A3" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_6284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.0766 4.98966) rotate(115.807) scale(8.91146 6.14614)"
>
<stop stopColor="#7F6796" />
<stop offset={1} stopColor="#7F6796" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_6284"
x1={4.47782}
y1={19.3736}
x2={6.28174}
y2={19.3736}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6277" />
<stop offset={1} stopColor="#6D6277" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_6284"
x1={15.0826}
y1={2.14137}
x2={15.0826}
y2={4.42001}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8F8E8F" />
<stop offset={1} stopColor="#8F8E8F" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_6284"
x1={13.3277}
y1={3.5}
x2={10.3274}
y2={11.5397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#766785" />
<stop offset={1} stopColor="#7E6695" />
</linearGradient>
<linearGradient
id="paint8_linear_18_6284"
x1={10.1652}
y1={23.6852}
x2={29.1652}
y2={23.6852}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CEAFF2" />
<stop offset={1} stopColor="#D4B8F6" />
</linearGradient>
<linearGradient
id="paint9_linear_18_6284"
x1={29.1652}
y1={25.6739}
x2={27.0145}
y2={25.6739}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DFD8EE" />
<stop offset={1} stopColor="#DFD8EE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_6284"
x1={19.6652}
y1={19}
x2={19.6652}
y2={20.9773}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B6B5BD" />
<stop offset={1} stopColor="#B6B5BD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_6284"
x1={10.1652}
y1={26.8586}
x2={12.1631}
y2={26.8586}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A185C2" />
<stop offset={1} stopColor="#A185C2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_6284"
x1={9.92058}
y1={27.0278}
x2={10.5553}
y2={27.0278}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8F7DA5" />
<stop offset={1} stopColor="#8F7DA5" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_6284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.1652 18.502) rotate(44.8281) scale(2.19066 2.77661)"
>
<stop stopColor="#868390" />
<stop offset={1} stopColor="#868390" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_18_6284"
x1={13.6652}
y1={2}
x2={13.6652}
y2={3.10936}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E8E6E8" />
<stop offset={1} stopColor="#E8E6E8" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_6284"
x1={13.6652}
y1={11}
x2={13.6652}
y2={10.1579}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DDC9F3" />
<stop offset={1} stopColor="#DDC9F3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_6284"
x1={18.6027}
y1={5.99998}
x2={16.9152}
y2={5.99998}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFFBFF" />
<stop offset={1} stopColor="#FFFBFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_18_6284"
x1={15.3203}
y1={4.69402}
x2={12.1064}
y2={8.4847}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E1D2F2" />
<stop offset={1} stopColor="#F8F0FF" />
</linearGradient>
<linearGradient
id="paint18_linear_18_6284"
x1={13.6652}
y1={3.5}
x2={13.9825}
y2={9.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E41653" />
<stop offset={1} stopColor="#DB1E6A" />
</linearGradient>
<linearGradient
id="paint19_linear_18_6284"
x1={13.3214}
y1={9.5}
x2={13.3214}
y2={7.31248}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C80559" />
<stop offset={1} stopColor="#C80559" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint20_linear_18_6284"
x1={19.6652}
y1={21}
x2={19.6652}
y2={22.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E3CAFF" />
<stop offset={1} stopColor="#F3EEF8" />
<stop offset={1} stopColor="#F3EDF9" />
</linearGradient>
<linearGradient
id="paint21_linear_18_6284"
x1={19.6652}
y1={23.3437}
x2={19.6652}
y2={25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E3CAFF" />
<stop offset={1} stopColor="#F3EDF9" />
<stop offset={1} stopColor="#F3EEF8" />
</linearGradient>
<linearGradient
id="paint22_linear_18_6284"
x1={12.1652}
y1={30}
x2={12.568}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EE2FBA" />
<stop offset={1} stopColor="#EE2FBA" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HospitalIcon;