@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
199 lines (198 loc) • 7.34 kB
JSX
const React = require("react");
const MedicalSymbolIcon = ({ 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}
<g filter="url(#filter0_i_18590_1887)">
<path
d="M11.7344 5.84692H23.3766C23.708 5.84692 23.9766 6.11555 23.9766 6.44692C23.9766 7.71718 22.9469 8.74692 21.6766 8.74692H11.7344C11.2969 8.74692 10.9422 9.1016 10.9422 9.53912C10.9422 9.97664 11.2969 10.3313 11.7344 10.3313L19.3125 10.3313C21.3258 10.3313 22.9579 11.9634 22.9579 13.9766C22.9579 15.9899 21.3258 17.6219 19.3126 17.6219H13.7422C13.3263 17.6219 12.9891 17.9591 12.9891 18.375C12.9891 18.791 13.3263 19.1282 13.7422 19.1282H18.1563C20.1868 19.1282 21.8329 20.7742 21.8329 22.8047C21.8329 24.8352 20.1868 26.4813 18.1563 26.4813H12.9391C12.5801 26.4813 12.2891 26.1903 12.2891 25.8313V25.5813C12.2891 24.4767 13.1846 23.5813 14.2891 23.5813H18.1563C18.5852 23.5813 18.9329 23.2336 18.9329 22.8047C18.9329 22.3759 18.5852 22.0282 18.1563 22.0282H13.7422C11.7247 22.0282 10.0891 20.3926 10.0891 18.375C10.0891 16.3575 11.7247 14.7219 13.7422 14.7219H19.3126C19.7242 14.7219 20.0579 14.3882 20.0579 13.9766C20.0579 13.565 19.7242 13.2313 19.3125 13.2313L11.7344 13.2313C9.6953 13.2313 8.04224 11.5783 8.04224 9.53912C8.04224 7.49998 9.69529 5.84692 11.7344 5.84692Z"
fill="url(#paint0_linear_18590_1887)"
/>
</g>
<g filter="url(#filter1_f_18590_1887)">
<path
d="M22.4766 7.29688H11.6838C10.4651 7.29688 9.47717 8.28482 9.47717 9.50352V9.50352C9.47717 10.7222 10.4651 11.7102 11.6838 11.7102L19.3323 11.7101C20.5255 11.7101 21.4928 12.6774 21.4928 13.8706V13.8706C21.4928 15.0638 20.5255 16.0311 19.3323 16.0311H13.6922C12.4948 16.0311 11.524 17.0019 11.524 18.1993V18.1993C11.524 19.3968 12.4948 20.3675 13.6922 20.3675H18.1765C19.3867 20.3675 20.3678 21.3486 20.3678 22.5587V22.5587C20.3678 23.7689 19.3867 24.75 18.1765 24.75H14.3516"
stroke="url(#paint1_linear_18590_1887)"
strokeWidth={0.75}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<circle
cx={21.9764}
cy={6.83791}
r={0.527115}
fill="url(#paint2_radial_18590_1887)"
/>
<g filter="url(#filter2_ii_18590_1887)">
<path
d="M15.9694 1.58594C14.9177 1.58594 14.0748 2.45628 14.1084 3.50737L14.1832 5.84688H17.7568L17.8303 3.50633C17.8633 2.45563 17.0206 1.58594 15.9694 1.58594Z"
fill="#619AEF"
/>
<path
d="M17.6658 8.74219H14.2758L14.4669 14.7164H17.478L17.6658 8.74219Z"
fill="#619AEF"
/>
<path
d="M14.7506 23.5859L14.5595 17.6117H17.3871L17.1993 23.5859H14.7506Z"
fill="#619AEF"
/>
<path
d="M14.8433 26.4812L14.9044 28.3914C14.9228 28.9701 15.3973 29.4297 15.9763 29.4297C16.5555 29.4297 17.0301 28.9698 17.0483 28.3908L17.1083 26.4812H14.8433Z"
fill="#619AEF"
/>
</g>
<defs>
<filter
id="filter0_i_18590_1887"
x={8.04224}
y={5.59692}
width={15.9344}
height={20.8844}
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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.231373 0 0 0 0 0.411765 0 0 0 0 0.854902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1887"
/>
</filter>
<filter
id="filter1_f_18590_1887"
x={8.35217}
y={6.17188}
width={15.2495}
height={19.7031}
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_18590_1887"
/>
</filter>
<filter
id="filter2_ii_18590_1887"
x={14.0074}
y={1.58594}
width={5.32382}
height={27.8438}
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.5} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.14902 0 0 0 0 0.447059 0 0 0 0 0.862745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1887"
/>
<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} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.14902 0 0 0 0 0.447059 0 0 0 0 0.862745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1887"
result="effect2_innerShadow_18590_1887"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1887"
x1={16.0094}
y1={5.84692}
x2={16.0094}
y2={26.4813}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#429AFF" />
<stop offset={1} stopColor="#277BE3" />
</linearGradient>
<linearGradient
id="paint1_linear_18590_1887"
x1={15.9769}
y1={7.29687}
x2={15.9769}
y2={24.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#57A1FF" />
<stop offset={1} stopColor="#6D9BF1" />
</linearGradient>
<radialGradient
id="paint2_radial_18590_1887"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.7266 6.95314) rotate(-21.9131) scale(0.837353 0.963231)"
>
<stop stopColor="white" />
<stop offset={0.75246} stopColor="#D2C6DA" />
</radialGradient>
</defs>
</svg>
);
module.exports = MedicalSymbolIcon;