@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
349 lines (348 loc) • 14.9 kB
JSX
const React = require("react");
const LabelIcon = ({ 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_ii_18_21284)">
<path
d="M24.2525 15.2517L26.1825 10.2317C26.3825 9.71173 26.2625 9.11173 25.8625 8.71173L21.1425 3.99173C20.7425 3.59173 20.1525 3.47173 19.6225 3.67173L14.6025 5.60173C14.2225 5.75173 13.8725 5.97173 13.5825 6.26173L2.4825 17.3617C1.9225 17.9217 1.9225 18.8217 2.4825 19.3717L10.4825 27.3717C11.0425 27.9317 11.9425 27.9317 12.4925 27.3717L23.5925 16.2717C23.8825 15.9817 24.1025 15.6417 24.2525 15.2517ZM19.2725 10.5917C18.5825 9.90173 18.5825 8.79173 19.2725 8.10173C19.9625 7.41173 21.0725 7.41173 21.7625 8.10173C22.4525 8.79173 22.4525 9.90173 21.7625 10.5917C21.0725 11.2717 19.9525 11.2717 19.2725 10.5917Z"
fill="url(#paint0_linear_18_21284)"
/>
</g>
<path
d="M24.2525 15.2517L26.1825 10.2317C26.3825 9.71173 26.2625 9.11173 25.8625 8.71173L21.1425 3.99173C20.7425 3.59173 20.1525 3.47173 19.6225 3.67173L14.6025 5.60173C14.2225 5.75173 13.8725 5.97173 13.5825 6.26173L2.4825 17.3617C1.9225 17.9217 1.9225 18.8217 2.4825 19.3717L10.4825 27.3717C11.0425 27.9317 11.9425 27.9317 12.4925 27.3717L23.5925 16.2717C23.8825 15.9817 24.1025 15.6417 24.2525 15.2517ZM19.2725 10.5917C18.5825 9.90173 18.5825 8.79173 19.2725 8.10173C19.9625 7.41173 21.0725 7.41173 21.7625 8.10173C22.4525 8.79173 22.4525 9.90173 21.7625 10.5917C21.0725 11.2717 19.9525 11.2717 19.2725 10.5917Z"
fill="url(#paint1_linear_18_21284)"
/>
<path
d="M24.2525 15.2517L26.1825 10.2317C26.3825 9.71173 26.2625 9.11173 25.8625 8.71173L21.1425 3.99173C20.7425 3.59173 20.1525 3.47173 19.6225 3.67173L14.6025 5.60173C14.2225 5.75173 13.8725 5.97173 13.5825 6.26173L2.4825 17.3617C1.9225 17.9217 1.9225 18.8217 2.4825 19.3717L10.4825 27.3717C11.0425 27.9317 11.9425 27.9317 12.4925 27.3717L23.5925 16.2717C23.8825 15.9817 24.1025 15.6417 24.2525 15.2517ZM19.2725 10.5917C18.5825 9.90173 18.5825 8.79173 19.2725 8.10173C19.9625 7.41173 21.0725 7.41173 21.7625 8.10173C22.4525 8.79173 22.4525 9.90173 21.7625 10.5917C21.0725 11.2717 19.9525 11.2717 19.2725 10.5917Z"
fill="url(#paint2_radial_18_21284)"
/>
<g filter="url(#filter1_f_18_21284)">
<path
d="M24.701 13.6702C24.6764 13.6707 24.6516 13.671 24.6269 13.671C23.1095 13.671 21.8298 12.6539 21.4322 11.2642C21.1429 11.3916 20.8229 11.4293 20.5164 11.3773C20.9548 13.1343 22.4901 14.4571 24.3528 14.576L24.701 13.6702Z"
fill="#E3A242"
/>
</g>
<g filter="url(#filter2_ii_18_21284)">
<path
d="M20.5164 7.58001C20.9664 7.58001 21.4164 7.75001 21.7564 8.10001C22.4464 8.79001 22.4464 9.90001 21.7564 10.59C21.4164 10.93 20.9664 11.11 20.5164 11.11C20.0664 11.11 19.6164 10.94 19.2764 10.59C18.5864 9.90001 18.5864 8.79001 19.2764 8.10001C19.6164 7.75001 20.0664 7.58001 20.5164 7.58001ZM20.5164 6.64001C19.7964 6.64001 19.1164 6.92001 18.6064 7.43001C17.5564 8.48001 17.5564 10.19 18.6064 11.25C19.1164 11.76 19.7964 12.04 20.5164 12.04C21.2364 12.04 21.9164 11.76 22.4264 11.25C23.4764 10.2 23.4764 8.49001 22.4264 7.43001C21.9164 6.92001 21.2364 6.64001 20.5164 6.64001Z"
fill="#F6424A"
/>
<path
d="M20.5164 7.58001C20.9664 7.58001 21.4164 7.75001 21.7564 8.10001C22.4464 8.79001 22.4464 9.90001 21.7564 10.59C21.4164 10.93 20.9664 11.11 20.5164 11.11C20.0664 11.11 19.6164 10.94 19.2764 10.59C18.5864 9.90001 18.5864 8.79001 19.2764 8.10001C19.6164 7.75001 20.0664 7.58001 20.5164 7.58001ZM20.5164 6.64001C19.7964 6.64001 19.1164 6.92001 18.6064 7.43001C17.5564 8.48001 17.5564 10.19 18.6064 11.25C19.1164 11.76 19.7964 12.04 20.5164 12.04C21.2364 12.04 21.9164 11.76 22.4264 11.25C23.4764 10.2 23.4764 8.49001 22.4264 7.43001C21.9164 6.92001 21.2364 6.64001 20.5164 6.64001Z"
fill="url(#paint3_radial_18_21284)"
/>
<path
d="M20.5164 7.58001C20.9664 7.58001 21.4164 7.75001 21.7564 8.10001C22.4464 8.79001 22.4464 9.90001 21.7564 10.59C21.4164 10.93 20.9664 11.11 20.5164 11.11C20.0664 11.11 19.6164 10.94 19.2764 10.59C18.5864 9.90001 18.5864 8.79001 19.2764 8.10001C19.6164 7.75001 20.0664 7.58001 20.5164 7.58001ZM20.5164 6.64001C19.7964 6.64001 19.1164 6.92001 18.6064 7.43001C17.5564 8.48001 17.5564 10.19 18.6064 11.25C19.1164 11.76 19.7964 12.04 20.5164 12.04C21.2364 12.04 21.9164 11.76 22.4264 11.25C23.4764 10.2 23.4764 8.49001 22.4264 7.43001C21.9164 6.92001 21.2364 6.64001 20.5164 6.64001Z"
fill="url(#paint4_radial_18_21284)"
/>
</g>
<g filter="url(#filter3_i_18_21284)">
<path
d="M23.1645 6.01374C23.786 5.5412 24.5615 5.2607 25.4025 5.2607C27.4465 5.2607 29.1035 6.91771 29.1035 8.96175C29.1035 11.0058 27.4465 12.6628 25.4025 12.6628C23.3584 12.6628 21.7014 11.0058 21.7014 8.96175C21.7014 8.67729 21.7335 8.40033 21.7943 8.13429C21.7839 8.12333 21.7733 8.11247 21.7625 8.10172C21.5098 7.84901 21.2007 7.68887 20.8766 7.62128C20.751 8.04619 20.6835 8.49609 20.6835 8.96175C20.6835 11.568 22.7963 13.6807 25.4025 13.6807C28.0087 13.6807 30.1214 11.568 30.1214 8.96175C30.1214 6.35554 28.0087 4.2428 25.4025 4.2428C24.2802 4.2428 23.2495 4.63454 22.4395 5.28875L23.1645 6.01374Z"
fill="#AAA2B3"
/>
<path
d="M23.1645 6.01374C23.786 5.5412 24.5615 5.2607 25.4025 5.2607C27.4465 5.2607 29.1035 6.91771 29.1035 8.96175C29.1035 11.0058 27.4465 12.6628 25.4025 12.6628C23.3584 12.6628 21.7014 11.0058 21.7014 8.96175C21.7014 8.67729 21.7335 8.40033 21.7943 8.13429C21.7839 8.12333 21.7733 8.11247 21.7625 8.10172C21.5098 7.84901 21.2007 7.68887 20.8766 7.62128C20.751 8.04619 20.6835 8.49609 20.6835 8.96175C20.6835 11.568 22.7963 13.6807 25.4025 13.6807C28.0087 13.6807 30.1214 11.568 30.1214 8.96175C30.1214 6.35554 28.0087 4.2428 25.4025 4.2428C24.2802 4.2428 23.2495 4.63454 22.4395 5.28875L23.1645 6.01374Z"
fill="url(#paint5_radial_18_21284)"
/>
</g>
<g filter="url(#filter4_f_18_21284)">
<circle
cx={25.4025}
cy={8.93405}
r={4.33188}
stroke="url(#paint6_linear_18_21284)"
strokeWidth={0.15}
/>
<circle
cx={25.4025}
cy={8.93405}
r={4.33188}
stroke="url(#paint7_radial_18_21284)"
strokeWidth={0.15}
/>
</g>
<defs>
<filter
id="filter0_ii_18_21284"
x={2.0625}
y={3.27672}
width={24.215}
height={24.815}
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.3} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.564706 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21284"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.941176 0 0 0 0 0.262745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21284"
result="effect2_innerShadow_18_21284"
/>
</filter>
<filter
id="filter1_f_18_21284"
x={19.8664}
y={10.6142}
width={5.48463}
height={4.61183}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18_21284"
/>
</filter>
<filter
id="filter2_ii_18_21284"
x={17.7189}
y={6.54001}
width={5.59502}
height={5.60002}
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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.223529 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21284"
/>
<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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.952941 0 0 0 0 0.176471 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_21284"
result="effect2_innerShadow_18_21284"
/>
</filter>
<filter
id="filter3_i_18_21284"
x={20.6835}
y={4.0928}
width={9.43793}
height={9.58793}
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.15} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.631373 0 0 0 0 0.380392 0 0 0 0 0.815686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_21284"
/>
</filter>
<filter
id="filter4_f_18_21284"
x={20.8456}
y={4.37716}
width={9.11378}
height={9.11378}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.075}
result="effect1_foregroundBlur_18_21284"
/>
</filter>
<linearGradient
id="paint0_linear_18_21284"
x1={21.9687}
y1={11.1392}
x2={3.4375}
y2={17.7955}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD846" />
<stop offset={1} stopColor="#FFB349" />
</linearGradient>
<linearGradient
id="paint1_linear_18_21284"
x1={3.71875}
y1={15.0455}
x2={5.84375}
y2={17.1705}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.232565} stopColor="#FFBD42" />
<stop offset={1} stopColor="#FFBD42" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_21284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.3594 9.88922) rotate(92.6291) scale(3.06573 3.30347)"
>
<stop offset={0.588488} stopColor="#FCA643" />
<stop offset={1} stopColor="#FFCE46" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_21284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.707 9.34001) rotate(-3.09587) scale(4.51348 5.10986)"
>
<stop offset={0.883561} stopColor="#FF5856" stopOpacity={0} />
<stop offset={0.967272} stopColor="#FF5856" />
</radialGradient>
<radialGradient
id="paint4_radial_18_21284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.3789 11.5338) rotate(149.588) scale(1.0001 1.09979)"
>
<stop offset={0.187536} stopColor="#CA313A" />
<stop offset={1} stopColor="#CA313A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_21284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.375 7.45172) rotate(120.816) scale(1.03703 1.5785)"
>
<stop offset={0.184563} stopColor="#8A4172" />
<stop offset={1} stopColor="#8A4172" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_21284"
x1={29.0313}
y1={11.8892}
x2={26.2969}
y2={10.0767}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.251492} stopColor="#B6AAC2" />
<stop offset={1} stopColor="#B6AAC2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_21284"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.9375 4.6861) rotate(17.6711) scale(1.85306 0.980482)"
>
<stop offset={0.46086} stopColor="#B6AAC2" />
<stop offset={1} stopColor="#B6AAC2" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = LabelIcon;