@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
567 lines (566 loc) • 19.7 kB
JSX
const React = require("react");
const AdhesiveBandageIcon = ({ 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}
<rect
x={15.7064}
y={6.67175}
width={13.6135}
height={12.7533}
transform="rotate(45 15.7064 6.67175)"
fill="#C4C4C4"
/>
<g filter="url(#filter0_iii_18_25310)">
<path
d="M4.17488 28.0659L3.93406 27.8251C1.35531 25.2464 1.35531 21.022 3.93406 18.4333L18.4333 3.93406C21.012 1.35531 25.2363 1.35531 27.8251 3.93406L28.0659 4.17488C30.6447 6.75363 30.6447 10.978 28.0659 13.5667L13.5667 28.0659C10.988 30.6447 6.75363 30.6447 4.17488 28.0659Z"
fill="url(#paint0_linear_18_25310)"
/>
<path
d="M4.17488 28.0659L3.93406 27.8251C1.35531 25.2464 1.35531 21.022 3.93406 18.4333L18.4333 3.93406C21.012 1.35531 25.2363 1.35531 27.8251 3.93406L28.0659 4.17488C30.6447 6.75363 30.6447 10.978 28.0659 13.5667L13.5667 28.0659C10.988 30.6447 6.75363 30.6447 4.17488 28.0659Z"
fill="url(#paint1_linear_18_25310)"
/>
</g>
<path
d="M20.5 8.025C20.7899 8.025 21.025 7.78995 21.025 7.5C21.025 7.21005 20.7899 6.975 20.5 6.975C20.2101 6.975 19.975 7.21005 19.975 7.5C19.975 7.78995 20.2101 8.025 20.5 8.025Z"
fill="url(#paint2_radial_18_25310)"
stroke="url(#paint3_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M22.5 10.025C22.7899 10.025 23.025 9.78995 23.025 9.5C23.025 9.21005 22.7899 8.975 22.5 8.975C22.2101 8.975 21.975 9.21005 21.975 9.5C21.975 9.78995 22.2101 10.025 22.5 10.025Z"
fill="url(#paint4_radial_18_25310)"
stroke="url(#paint5_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M24.5 12.025C24.7899 12.025 25.025 11.7899 25.025 11.5C25.025 11.2101 24.7899 10.975 24.5 10.975C24.2101 10.975 23.975 11.2101 23.975 11.5C23.975 11.7899 24.2101 12.025 24.5 12.025Z"
fill="url(#paint6_radial_18_25310)"
stroke="url(#paint7_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M22.5 6.025C22.7899 6.025 23.025 5.78995 23.025 5.5C23.025 5.21005 22.7899 4.975 22.5 4.975C22.2101 4.975 21.975 5.21005 21.975 5.5C21.975 5.78995 22.2101 6.025 22.5 6.025Z"
fill="url(#paint8_radial_18_25310)"
stroke="url(#paint9_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M24.5 8.025C24.7899 8.025 25.025 7.78995 25.025 7.5C25.025 7.21005 24.7899 6.975 24.5 6.975C24.2101 6.975 23.975 7.21005 23.975 7.5C23.975 7.78995 24.2101 8.025 24.5 8.025Z"
fill="url(#paint10_radial_18_25310)"
stroke="url(#paint11_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M26.5 10.025C26.7899 10.025 27.025 9.78995 27.025 9.5C27.025 9.21005 26.7899 8.975 26.5 8.975C26.2101 8.975 25.975 9.21005 25.975 9.5C25.975 9.78995 26.2101 10.025 26.5 10.025Z"
fill="url(#paint12_radial_18_25310)"
stroke="url(#paint13_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M17.4375 23C17.7136 23 17.9375 22.7761 17.9375 22.5C17.9375 22.2239 17.7136 22 17.4375 22C17.1614 22 16.9375 22.2239 16.9375 22.5C16.9375 22.7761 17.1614 23 17.4375 23Z"
fill="url(#paint14_radial_18_25310)"
/>
<path
d="M7.5 21.025C7.78995 21.025 8.025 20.7899 8.025 20.5C8.025 20.21 7.78995 19.975 7.5 19.975C7.21005 19.975 6.975 20.21 6.975 20.5C6.975 20.7899 7.21005 21.025 7.5 21.025Z"
fill="url(#paint15_radial_18_25310)"
stroke="url(#paint16_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M5.5 23.025C5.78995 23.025 6.025 22.7899 6.025 22.5C6.025 22.21 5.78995 21.975 5.5 21.975C5.21005 21.975 4.975 22.21 4.975 22.5C4.975 22.7899 5.21005 23.025 5.5 23.025Z"
fill="url(#paint17_radial_18_25310)"
stroke="url(#paint18_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M9.5 23.025C9.78995 23.025 10.025 22.79 10.025 22.5C10.025 22.2101 9.78995 21.975 9.5 21.975C9.21005 21.975 8.975 22.2101 8.975 22.5C8.975 22.79 9.21005 23.025 9.5 23.025Z"
fill="url(#paint19_radial_18_25310)"
stroke="url(#paint20_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M7.5 25.025C7.78995 25.025 8.025 24.79 8.025 24.5C8.025 24.2101 7.78995 23.975 7.5 23.975C7.21005 23.975 6.975 24.2101 6.975 24.5C6.975 24.79 7.21005 25.025 7.5 25.025Z"
fill="url(#paint21_radial_18_25310)"
stroke="url(#paint22_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M11.5 25.025C11.7899 25.025 12.025 24.79 12.025 24.5C12.025 24.2101 11.7899 23.975 11.5 23.975C11.21 23.975 10.975 24.2101 10.975 24.5C10.975 24.79 11.2101 25.025 11.5 25.025Z"
fill="url(#paint23_radial_18_25310)"
stroke="url(#paint24_linear_18_25310)"
strokeWidth={0.05}
/>
<path
d="M9.5 27.025C9.78995 27.025 10.025 26.79 10.025 26.5C10.025 26.2101 9.78995 25.975 9.5 25.975C9.21005 25.975 8.975 26.2101 8.975 26.5C8.975 26.79 9.21005 27.025 9.5 27.025Z"
fill="url(#paint25_radial_18_25310)"
stroke="url(#paint26_linear_18_25310)"
strokeWidth={0.05}
/>
<g filter="url(#filter1_ii_18_25310)">
<rect
x={16.0202}
y={6.12061}
width={13.9337}
height={13.9722}
transform="rotate(45 16.0202 6.12061)"
fill="url(#paint27_linear_18_25310)"
/>
</g>
<defs>
<filter
id="filter0_iii_18_25310"
x={1.9}
y={1.9}
width={28.2}
height={28.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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.54902 0 0 0 0 0.913725 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25310"
/>
<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.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.372549 0 0 0 0 0.882353 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25310"
result="effect2_innerShadow_18_25310"
/>
<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.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.243137 0 0 0 0 0.658824 0 0 0 0 0.776471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_25310"
result="effect3_innerShadow_18_25310"
/>
</filter>
<filter
id="filter1_ii_18_25310"
x={6.04032}
y={6.02061}
width={19.9325}
height={19.9324}
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.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.14902 0 0 0 0 0.494118 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25310"
/>
<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.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.368627 0 0 0 0 0.85098 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25310"
result="effect2_innerShadow_18_25310"
/>
</filter>
<linearGradient
id="paint0_linear_18_25310"
x1={11.1839}
y1={11.1832}
x2={20.815}
y2={20.8143}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.174903} stopColor="#59D7FF" />
<stop offset={0.868578} stopColor="#3CB7FF" />
</linearGradient>
<linearGradient
id="paint1_linear_18_25310"
x1={15.4062}
y1={26.4846}
x2={15.1914}
y2={26.2659}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.306682} stopColor="#2E63E8" />
<stop offset={1} stopColor="#2E63E8" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.1753 7.83182) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint3_linear_18_25310"
x1={20.0937}
y1={7.87526}
x2={20.4531}
y2={7.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.1753 9.83182) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint5_linear_18_25310"
x1={22.0937}
y1={9.87526}
x2={22.4531}
y2={9.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.1753 11.8318) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint7_linear_18_25310"
x1={24.0937}
y1={11.8753}
x2={24.4531}
y2={11.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.1753 5.83182) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint9_linear_18_25310"
x1={22.0937}
y1={5.87526}
x2={22.4531}
y2={5.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.1753 7.83182) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint11_linear_18_25310"
x1={24.0937}
y1={7.87526}
x2={24.4531}
y2={7.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.1753 9.83182) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint13_linear_18_25310"
x1={26.0937}
y1={9.87526}
x2={26.4531}
y2={9.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9375 23) rotate(-44.6977) scale(0.956344 1.13242)"
>
<stop offset={0.429432} stopColor="#F3AD61" />
<stop offset={0.9893} stopColor="#DC872A" />
<stop offset={0.9944} stopColor="#DC872A" />
</radialGradient>
<radialGradient
id="paint15_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.17531 20.8318) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint16_linear_18_25310"
x1={7.09375}
y1={20.8753}
x2={7.45313}
y2={20.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint17_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.17531 22.8318) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint18_linear_18_25310"
x1={5.09375}
y1={22.8753}
x2={5.45313}
y2={22.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint19_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.17531 22.8318) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint20_linear_18_25310"
x1={9.09375}
y1={22.8753}
x2={9.45313}
y2={22.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint21_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.17531 24.8318) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint22_linear_18_25310"
x1={7.09375}
y1={24.8753}
x2={7.45313}
y2={24.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint23_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.1753 24.8318) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint24_linear_18_25310"
x1={11.0937}
y1={24.8753}
x2={11.4531}
y2={24.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint25_radial_18_25310"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.17531 26.8318) rotate(-45) scale(1.02199 0.820861)"
>
<stop offset={0.194595} stopColor="#33ABE8" />
<stop offset={0.572222} stopColor="#138DD5" />
<stop offset={1} stopColor="#1771C8" />
</radialGradient>
<linearGradient
id="paint26_linear_18_25310"
x1={9.09375}
y1={26.8753}
x2={9.45313}
y2={26.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#64DCFF" />
<stop offset={1} stopColor="#64DCFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint27_linear_18_25310"
x1={16.4447}
y1={6.56438}
x2={30.3659}
y2={20.4855}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.196825} stopColor="#32A3F0" />
<stop offset={1} stopColor="#337DC0" />
</linearGradient>
</defs>
</svg>
);
module.exports = AdhesiveBandageIcon;