@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
498 lines (497 loc) • 17.3 kB
JSX
const React = require("react");
const SyringeIcon = ({ 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_18_25245)">
<path
d="M29.2333 2.27697C29.261 2.27525 29.2881 2.28505 29.3082 2.30406L29.4141 2.40399C29.4341 2.42289 29.4454 2.44919 29.4454 2.47672L29.4454 2.59413C29.4454 2.61902 29.4362 2.64302 29.4194 2.66143L23.8048 8.83203L22.8751 7.90234L29.0632 2.30942C29.08 2.29425 29.1014 2.28522 29.124 2.28381L29.2333 2.27697Z"
fill="#BFBAC4"
/>
<path
d="M29.2333 2.27697C29.261 2.27525 29.2881 2.28505 29.3082 2.30406L29.4141 2.40399C29.4341 2.42289 29.4454 2.44919 29.4454 2.47672L29.4454 2.59413C29.4454 2.61902 29.4362 2.64302 29.4194 2.66143L23.8048 8.83203L22.8751 7.90234L29.0632 2.30942C29.08 2.29425 29.1014 2.28522 29.124 2.28381L29.2333 2.27697Z"
fill="url(#paint0_linear_18_25245)"
/>
</g>
<path
d="M29.2333 2.27697C29.261 2.27525 29.2881 2.28505 29.3082 2.30406L29.4141 2.40399C29.4341 2.42289 29.4454 2.44919 29.4454 2.47672L29.4454 2.59413C29.4454 2.61902 29.4362 2.64302 29.4194 2.66143L23.8048 8.83203L22.8751 7.90234L29.0632 2.30942C29.08 2.29425 29.1014 2.28522 29.124 2.28381L29.2333 2.27697Z"
fill="url(#paint1_linear_18_25245)"
/>
<rect
x={22.34}
y={6.5}
width={4.05482}
height={6.14299}
rx={0.6}
transform="rotate(45 22.34 6.5)"
fill="#C4D4F8"
/>
<rect
x={22.34}
y={6.5}
width={4.05482}
height={6.14299}
rx={0.6}
transform="rotate(45 22.34 6.5)"
fill="url(#paint2_radial_18_25245)"
/>
<rect
x={22.34}
y={6.5}
width={4.05482}
height={6.14299}
rx={0.6}
transform="rotate(45 22.34 6.5)"
fill="url(#paint3_radial_18_25245)"
/>
<rect
x={18.5861}
y={6.53516}
width={9.31392}
height={19.9813}
rx={1.25}
transform="rotate(45 18.5861 6.53516)"
fill="url(#paint4_linear_18_25245)"
/>
<rect
x={18.5861}
y={6.53516}
width={9.31392}
height={19.9813}
rx={1.25}
transform="rotate(45 18.5861 6.53516)"
fill="url(#paint5_linear_18_25245)"
/>
<rect
x={18.5861}
y={6.53516}
width={9.31392}
height={19.9813}
rx={1.25}
transform="rotate(45 18.5861 6.53516)"
fill="url(#paint6_linear_18_25245)"
/>
<rect
x={18.5861}
y={6.53516}
width={9.31392}
height={19.9813}
rx={1.25}
transform="rotate(45 18.5861 6.53516)"
fill="url(#paint7_radial_18_25245)"
/>
<rect
x={18.5861}
y={6.53516}
width={9.31392}
height={19.9813}
rx={1.25}
transform="rotate(45 18.5861 6.53516)"
fill="url(#paint8_radial_18_25245)"
/>
<rect
x={7.09778}
y={21.7734}
width={4.01062}
height={4.56305}
transform="rotate(45 7.09778 21.7734)"
fill="#9395A6"
/>
<rect
x={7.09778}
y={21.7734}
width={4.01062}
height={4.56305}
transform="rotate(45 7.09778 21.7734)"
fill="url(#paint9_radial_18_25245)"
/>
<rect
x={7.09778}
y={21.7734}
width={4.01062}
height={4.56305}
transform="rotate(45 7.09778 21.7734)"
fill="url(#paint10_linear_18_25245)"
/>
<rect
x={7.09778}
y={21.7734}
width={4.01062}
height={4.56305}
transform="rotate(45 7.09778 21.7734)"
fill="url(#paint11_linear_18_25245)"
/>
<path
d="M2.85321 24.1899C3.08752 23.9556 3.46742 23.9556 3.70174 24.1899L7.51727 28.0054C7.75159 28.2397 7.75159 28.6196 7.51727 28.854L7.43611 28.9351C7.2018 29.1694 6.8219 29.1694 6.58758 28.9351L2.77205 25.1196C2.53773 24.8853 2.53773 24.5054 2.77205 24.2711L2.85321 24.1899Z"
fill="url(#paint12_linear_18_25245)"
/>
<path
d="M2.85321 24.1899C3.08752 23.9556 3.46742 23.9556 3.70174 24.1899L7.51727 28.0054C7.75159 28.2397 7.75159 28.6196 7.51727 28.854L7.43611 28.9351C7.2018 29.1694 6.8219 29.1694 6.58758 28.9351L2.77205 25.1196C2.53773 24.8853 2.53773 24.5054 2.77205 24.2711L2.85321 24.1899Z"
fill="url(#paint13_linear_18_25245)"
/>
<path
d="M2.85321 24.1899C3.08752 23.9556 3.46742 23.9556 3.70174 24.1899L7.51727 28.0054C7.75159 28.2397 7.75159 28.6196 7.51727 28.854L7.43611 28.9351C7.2018 29.1694 6.8219 29.1694 6.58758 28.9351L2.77205 25.1196C2.53773 24.8853 2.53773 24.5054 2.77205 24.2711L2.85321 24.1899Z"
fill="url(#paint14_linear_18_25245)"
/>
<path
d="M2.85321 24.1899C3.08752 23.9556 3.46742 23.9556 3.70174 24.1899L7.51727 28.0054C7.75159 28.2397 7.75159 28.6196 7.51727 28.854L7.43611 28.9351C7.2018 29.1694 6.8219 29.1694 6.58758 28.9351L2.77205 25.1196C2.53773 24.8853 2.53773 24.5054 2.77205 24.2711L2.85321 24.1899Z"
fill="url(#paint15_linear_18_25245)"
/>
<path
d="M2.85321 24.1899C3.08752 23.9556 3.46742 23.9556 3.70174 24.1899L7.51727 28.0054C7.75159 28.2397 7.75159 28.6196 7.51727 28.854L7.43611 28.9351C7.2018 29.1694 6.8219 29.1694 6.58758 28.9351L2.77205 25.1196C2.53773 24.8853 2.53773 24.5054 2.77205 24.2711L2.85321 24.1899Z"
fill="url(#paint16_radial_18_25245)"
/>
<path
d="M15.5548 9.56641L16.5001 8.62109L17.7599 9.88083C17.9551 10.0761 17.9551 10.3927 17.7599 10.5879L17.5216 10.8261C17.3264 11.0214 17.0098 11.0214 16.8146 10.8261L15.5548 9.56641Z"
fill="url(#paint17_linear_18_25245)"
/>
<path
d="M13.6661 11.4551L14.6115 10.5098L15.8536 11.7519C16.0488 11.9472 16.0488 12.2638 15.8536 12.459L15.6154 12.6972C15.4202 12.8925 15.1035 12.8925 14.9083 12.6972L13.6661 11.4551Z"
fill="url(#paint18_linear_18_25245)"
/>
<path
d="M11.7775 13.3438L12.7228 12.3984L13.9825 13.6582C14.1777 13.8534 14.1777 14.17 13.9825 14.3653L13.7443 14.6035C13.5491 14.7987 13.2324 14.7987 13.0372 14.6035L11.7775 13.3438Z"
fill="url(#paint19_linear_18_25245)"
/>
<path
d="M4.459 18.7834C4.84953 18.3928 5.48269 18.3928 5.87322 18.7834L12.9238 25.834C13.3144 26.2245 13.3144 26.8577 12.9238 27.2482L12.4631 27.709C12.0725 28.0995 11.4394 28.0995 11.0488 27.709L3.99822 20.6584C3.60769 20.2678 3.60769 19.6347 3.99822 19.2442L4.459 18.7834Z"
fill="url(#paint20_linear_18_25245)"
/>
<path
d="M4.459 18.7834C4.84953 18.3928 5.48269 18.3928 5.87322 18.7834L12.9238 25.834C13.3144 26.2245 13.3144 26.8577 12.9238 27.2482L12.4631 27.709C12.0725 28.0995 11.4394 28.0995 11.0488 27.709L3.99822 20.6584C3.60769 20.2678 3.60769 19.6347 3.99822 19.2442L4.459 18.7834Z"
fill="url(#paint21_linear_18_25245)"
/>
<path
d="M4.459 18.7834C4.84953 18.3928 5.48269 18.3928 5.87322 18.7834L12.9238 25.834C13.3144 26.2245 13.3144 26.8577 12.9238 27.2482L12.4631 27.709C12.0725 28.0995 11.4394 28.0995 11.0488 27.709L3.99822 20.6584C3.60769 20.2678 3.60769 19.6347 3.99822 19.2442L4.459 18.7834Z"
fill="url(#paint22_linear_18_25245)"
/>
<path
d="M4.459 18.7834C4.84953 18.3928 5.48269 18.3928 5.87322 18.7834L12.9238 25.834C13.3144 26.2245 13.3144 26.8577 12.9238 27.2482L12.4631 27.709C12.0725 28.0995 11.4394 28.0995 11.0488 27.709L3.99822 20.6584C3.60769 20.2678 3.60769 19.6347 3.99822 19.2442L4.459 18.7834Z"
fill="url(#paint23_linear_18_25245)"
/>
<path
d="M4.459 18.7834C4.84953 18.3928 5.48269 18.3928 5.87322 18.7834L12.9238 25.834C13.3144 26.2245 13.3144 26.8577 12.9238 27.2482L12.4631 27.709C12.0725 28.0995 11.4394 28.0995 11.0488 27.709L3.99822 20.6584C3.60769 20.2678 3.60769 19.6347 3.99822 19.2442L4.459 18.7834Z"
fill="url(#paint24_radial_18_25245)"
/>
<defs>
<filter
id="filter0_i_18_25245"
x={22.8751}
y={2.17686}
width={7.02031}
height={6.65518}
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.45} dy={-0.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.541176 0 0 0 0 0.545098 0 0 0 0 0.560784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25245"
/>
</filter>
<linearGradient
id="paint0_linear_18_25245"
x1={25.715}
y1={7.09375}
x2={25.1993}
y2={6.60937}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.191707} stopColor="#A39CAD" />
<stop offset={1} stopColor="#A39CAD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_25245"
x1={29.3712}
y1={2.33594}
x2={29.2247}
y2={2.48242}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.138889} stopColor="#C6C3CA" />
<stop offset={1} stopColor="#C6C3CA" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_25245"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.4171 6.80936) rotate(88.52) scale(2.8874 2.4506)"
>
<stop offset={0.251929} stopColor="#B6C9E3" stopOpacity={0} />
<stop offset={1} stopColor="#9DADBF" />
</radialGradient>
<radialGradient
id="paint3_radial_18_25245"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.5276 6.69887) rotate(90) scale(0.53033 2.94501)"
>
<stop stopColor="#E0F5FF" />
<stop offset={1} stopColor="#C4DAE9" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_25245"
x1={18.2546}
y1={18.7493}
x2={28.3309}
y2={18.9261}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B7C9DE" />
<stop offset={1} stopColor="#C5C9FF" />
</linearGradient>
<linearGradient
id="paint5_linear_18_25245"
x1={28.4635}
y1={16.0535}
x2={25.2815}
y2={15.9651}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.132228} stopColor="#B6B4E7" />
<stop offset={1} stopColor="#C4CAFD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_25245"
x1={17.9673}
y1={16.2965}
x2={19.5583}
y2={16.2965}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.396552} stopColor="#AFBFC7" />
<stop offset={1} stopColor="#AFBFC7" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_25245"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.3811 7.01577) rotate(90) scale(1.12695 4.93041)"
>
<stop stopColor="#E4F5FF" />
<stop offset={1} stopColor="#CADFED" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_25245"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.2485 24.6271) rotate(-90) scale(1.5026 5.51141)"
>
<stop stopColor="#CCE1FF" />
<stop offset={1} stopColor="#CCE1FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_25245"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.3846 23.1545) rotate(179.703) scale(4.2648 3.80133)"
>
<stop stopColor="#8064AF" />
<stop offset={1} stopColor="#7B5EAB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_25245"
x1={6.30228}
y1={24.8339}
x2={8.15291}
y2={25.0051}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9B9FAA" />
<stop offset={1} stopColor="#9B9FAA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_25245"
x1={10.0698}
y1={26.215}
x2={10.0698}
y2={25.3753}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7C78A2" />
<stop offset={1} stopColor="#7C78A2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_25245"
x1={2.75852}
y1={25.3419}
x2={7.81341}
y2={25.3555}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4B99D5" />
<stop offset={1} stopColor="#377FE1" />
</linearGradient>
<linearGradient
id="paint13_linear_18_25245"
x1={5.74622}
y1={28.375}
x2={6.29309}
y2={27.7187}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.136974} stopColor="#4072D5" />
<stop offset={1} stopColor="#4072D5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_25245"
x1={6.30872}
y1={25.9063}
x2={5.6759}
y2={26.5625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.136974} stopColor="#3382BB" />
<stop offset={1} stopColor="#3382BB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_25245"
x1={2.08997}
y1={24.75}
x2={3.21497}
y2={24.2812}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#87B4D9" />
<stop offset={1} stopColor="#87B4D9" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_25245"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.80872 26.9063) rotate(135) scale(0.287262 2.05312)"
>
<stop stopColor="#5CA7F1" />
<stop offset={1} stopColor="#5CA7F1" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint17_linear_18_25245"
x1={16.0275}
y1={9.125}
x2={17.6368}
y2={10.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#607DB9" />
<stop offset={1} stopColor="#326CCD" />
</linearGradient>
<linearGradient
id="paint18_linear_18_25245"
x1={14.1353}
y1={11.0099}
x2={15.7326}
y2={12.6228}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#607DB9" />
<stop offset={1} stopColor="#326CCD" />
</linearGradient>
<linearGradient
id="paint19_linear_18_25245"
x1={12.2501}
y1={12.9023}
x2={13.8595}
y2={14.5273}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#607DB9" />
<stop offset={1} stopColor="#326CCD" />
</linearGradient>
<linearGradient
id="paint20_linear_18_25245"
x1={4.00803}
y1={20.9682}
x2={13.4414}
y2={20.9937}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4B99D5" />
<stop offset={1} stopColor="#377FE1" />
</linearGradient>
<linearGradient
id="paint21_linear_18_25245"
x1={9.58365}
y1={26.6286}
x2={10.4337}
y2={25.6876}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24272} stopColor="#4072D5" />
<stop offset={1} stopColor="#4072D5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint22_linear_18_25245"
x1={10.6334}
y1={22.0215}
x2={9.45243}
y2={23.2462}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.136974} stopColor="#4DBDFE" />
<stop offset={1} stopColor="#4DBDFE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint23_linear_18_25245"
x1={2.76038}
y1={19.8637}
x2={4.85985}
y2={18.9889}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#87B4D9" />
<stop offset={1} stopColor="#87B4D9" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint24_radial_18_25245"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.0587 23.5313) rotate(135.081) scale(1.0415 6.54526)"
>
<stop stopColor="#6EC8FF" />
<stop offset={1} stopColor="#34B0EE" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = SyringeIcon;