@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
708 lines (707 loc) • 22.1 kB
JSX
const React = require("react");
const FireworksIcon = ({ 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="M26.296 1.96094H5.65594C3.62594 1.96094 1.97595 3.61094 1.97595 5.64094V26.2809C1.97595 28.3109 3.62594 29.9609 5.65594 29.9609H26.296C28.326 29.9609 29.976 28.3109 29.976 26.2809V5.64094C29.976 3.61094 28.326 1.96094 26.296 1.96094Z"
fill="url(#paint0_linear_18_247)"
/>
<path
d="M26.296 1.96094H5.65594C3.62594 1.96094 1.97595 3.61094 1.97595 5.64094V26.2809C1.97595 28.3109 3.62594 29.9609 5.65594 29.9609H26.296C28.326 29.9609 29.976 28.3109 29.976 26.2809V5.64094C29.976 3.61094 28.326 1.96094 26.296 1.96094Z"
fill="url(#paint1_linear_18_247)"
/>
<path
d="M26.296 1.96094H5.65594C3.62594 1.96094 1.97595 3.61094 1.97595 5.64094V26.2809C1.97595 28.3109 3.62594 29.9609 5.65594 29.9609H26.296C28.326 29.9609 29.976 28.3109 29.976 26.2809V5.64094C29.976 3.61094 28.326 1.96094 26.296 1.96094Z"
fill="url(#paint2_linear_18_247)"
/>
<g filter="url(#filter0_f_18_247)">
<rect
x={26.4468}
y={4.14062}
width={2.05482}
height={22.5609}
rx={1.02741}
fill="url(#paint3_linear_18_247)"
/>
</g>
<circle
cx={15.976}
cy={16.9531}
r={0.953125}
fill="url(#paint4_radial_18_247)"
/>
<rect
x={15.3978}
y={6.44531}
width={1.10938}
height={4.14062}
rx={0.554688}
fill="url(#paint5_linear_18_247)"
/>
<rect
x={8.48938}
y={9.79834}
width={1.10938}
height={4.14062}
rx={0.554688}
transform="rotate(-45 8.48938 9.79834)"
fill="url(#paint6_linear_18_247)"
/>
<rect
width={1.10938}
height={4.14062}
rx={0.554688}
transform="matrix(0.707107 0.707107 0.707107 -0.707107 8.59875 23.1436)"
fill="url(#paint7_radial_18_247)"
/>
<rect
width={1.10938}
height={4.14062}
rx={0.554688}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 23.4625 9.79834)"
fill="url(#paint8_radial_18_247)"
/>
<rect
x={23.3687}
y={23.1436}
width={1.10938}
height={4.14062}
rx={0.554688}
transform="rotate(135 23.3687 23.1436)"
fill="url(#paint9_linear_18_247)"
/>
<rect
x={6.00354}
y={17.0703}
width={1.10938}
height={4.14062}
rx={0.554688}
transform="rotate(-90 6.00354 17.0703)"
fill="url(#paint10_radial_18_247)"
/>
<rect
width={1.10938}
height={4.14062}
rx={0.554688}
transform="matrix(2.18557e-08 -1 -1 -2.18557e-08 25.9483 17.0703)"
fill="url(#paint11_radial_18_247)"
/>
<rect
x={15.3978}
y={4.14062}
width={1.10938}
height={1.82031}
rx={0.554688}
fill="url(#paint12_linear_18_247)"
/>
<rect
x={6.84412}
y={8.16431}
width={1.10938}
height={1.82031}
rx={0.554688}
transform="rotate(-45 6.84412 8.16431)"
fill="url(#paint13_linear_18_247)"
/>
<rect
width={1.10938}
height={1.82031}
rx={0.554688}
transform="matrix(0.707107 0.707107 0.707107 -0.707107 6.95349 24.7777)"
fill="url(#paint14_radial_18_247)"
/>
<rect
width={1.10938}
height={1.82031}
rx={0.554688}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 25.1077 8.16431)"
fill="url(#paint15_radial_18_247)"
/>
<rect
x={25.014}
y={24.7777}
width={1.10938}
height={1.82031}
rx={0.554688}
transform="rotate(135 25.014 24.7777)"
fill="url(#paint16_linear_18_247)"
/>
<rect
x={3.68469}
y={17.0782}
width={1.10938}
height={1.82031}
rx={0.554688}
transform="rotate(-90 3.68469 17.0782)"
fill="url(#paint17_radial_18_247)"
/>
<rect
width={1.10938}
height={1.82031}
rx={0.554688}
transform="matrix(2.18557e-08 -1 -1 -2.18557e-08 28.2672 17.0782)"
fill="url(#paint18_radial_18_247)"
/>
<path
d="M15.3978 19.5293C15.3978 19.2154 15.6523 18.9609 15.9662 18.9609V18.9609C16.2801 18.9609 16.5345 19.2154 16.5345 19.5293V29.9609H15.3978V19.5293Z"
fill="url(#paint19_linear_18_247)"
/>
<path
d="M12.6163 10.2361C12.5068 9.9665 12.6365 9.65913 12.9062 9.54959V9.54959C13.1758 9.44005 13.4832 9.56983 13.5927 9.83945L15.5211 14.5862C15.6307 14.8558 15.5009 15.1632 15.2313 15.2727V15.2727C14.9616 15.3823 14.6543 15.2525 14.5447 14.9829L12.6163 10.2361Z"
fill="url(#paint20_linear_18_247)"
/>
<path
d="M9.12845 14.3398C8.86418 14.2005 8.76863 13.8694 8.91801 13.6107V13.6107C9.05948 13.3657 9.36931 13.2762 9.6196 13.4082L14.1404 15.7917C14.4047 15.931 14.5003 16.262 14.3509 16.5208V16.5208C14.2094 16.7658 13.8996 16.8552 13.6493 16.7233L9.12845 14.3398Z"
fill="url(#paint21_linear_18_247)"
/>
<path
d="M22.7841 14.2929C23.0484 14.1536 23.1439 13.8226 22.9945 13.5638V13.5638C22.8531 13.3188 22.5432 13.2294 22.2929 13.3613L17.7721 15.7448C17.5078 15.8841 17.4123 16.2152 17.5616 16.4739V16.4739C17.7031 16.7189 18.013 16.8084 18.2632 16.6764L22.7841 14.2929Z"
fill="url(#paint22_radial_18_247)"
/>
<path
d="M22.8811 18.9788C23.169 19.0588 23.3328 19.3619 23.2418 19.6465V19.6465C23.1557 19.916 22.872 20.0693 22.5994 19.9936L17.675 18.6263C17.3872 18.5463 17.2234 18.2432 17.3143 17.9586V17.9586C17.4004 17.6891 17.6841 17.5358 17.9568 17.6115L22.8811 18.9788Z"
fill="url(#paint23_linear_18_247)"
/>
<path
d="M8.9883 19.0179C8.70045 19.0978 8.53667 19.401 8.6276 19.6855V19.6855C8.71371 19.9551 8.99743 20.1083 9.27006 20.0326L14.1944 18.6653C14.4823 18.5854 14.6461 18.2823 14.5551 17.9977V17.9977C14.469 17.7282 14.1853 17.5749 13.9127 17.6506L8.9883 19.0179Z"
fill="url(#paint24_linear_18_247)"
/>
<path
d="M8.9883 19.0179C8.70045 19.0978 8.53667 19.401 8.6276 19.6855V19.6855C8.71371 19.9551 8.99743 20.1083 9.27006 20.0326L14.1944 18.6653C14.4823 18.5854 14.6461 18.2823 14.5551 17.9977V17.9977C14.469 17.7282 14.1853 17.5749 13.9127 17.6506L8.9883 19.0179Z"
fill="url(#paint25_radial_18_247)"
/>
<path
d="M12.5374 23.0912C12.4081 23.3651 12.5361 23.6913 12.8172 23.8041V23.8041C13.0755 23.9077 13.3698 23.7922 13.4887 23.5405L14.7315 20.9088C14.8609 20.6349 14.7328 20.3087 14.4517 20.196V20.196C14.1934 20.0924 13.8991 20.2079 13.7802 20.4595L12.5374 23.0912Z"
fill="url(#paint26_linear_18_247)"
/>
<path
d="M19.2498 23.1539C19.366 23.4337 19.2225 23.7534 18.9364 23.8526V23.8526C18.6734 23.9438 18.385 23.8144 18.2782 23.5574L17.1622 20.8695C17.046 20.5898 17.1895 20.27 17.4756 20.1708V20.1708C17.7386 20.0796 18.027 20.209 18.1338 20.466L19.2498 23.1539Z"
fill="url(#paint27_linear_18_247)"
/>
<path
d="M19.2655 10.2244C19.3772 9.95425 19.2477 9.64482 18.9769 9.5348V9.5348C18.7085 9.42575 18.4023 9.55387 18.2916 9.82161L16.3413 14.5376C16.2296 14.8077 16.3591 15.1171 16.6299 15.2271V15.2271C16.8984 15.3362 17.2045 15.2081 17.3152 14.9403L19.2655 10.2244Z"
fill="url(#paint28_radial_18_247)"
/>
<circle
cx={12.418}
cy={8.0625}
r={0.5}
fill="url(#paint29_radial_18_247)"
/>
<circle
cx={12.5352}
cy={25.0264}
r={0.5}
fill="url(#paint30_radial_18_247)"
/>
<circle
cx={19.5374}
cy={8.0625}
r={0.5}
fill="url(#paint31_radial_18_247)"
/>
<circle
cx={19.5352}
cy={25.0264}
r={0.5}
fill="url(#paint32_radial_18_247)"
/>
<circle
cx={24.5406}
cy={20.1063}
r={0.5}
fill="url(#paint33_radial_18_247)"
/>
<circle
cx={7.48865}
cy={20.1649}
r={0.5}
fill="url(#paint34_radial_18_247)"
/>
<circle
cx={7.48865}
cy={20.1649}
r={0.5}
fill="url(#paint35_radial_18_247)"
/>
<circle
cx={24.5485}
cy={12.998}
r={0.5}
fill="url(#paint36_radial_18_247)"
/>
<circle
cx={7.48083}
cy={13.127}
r={0.5}
fill="url(#paint37_radial_18_247)"
/>
<circle
cx={7.48083}
cy={13.127}
r={0.5}
fill="url(#paint38_radial_18_247)"
/>
<defs>
<filter
id="filter0_f_18_247"
x={23.9468}
y={1.64062}
width={7.05481}
height={27.5609}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.25}
result="effect1_foregroundBlur_18_247"
/>
</filter>
<linearGradient
id="paint0_linear_18_247"
x1={15.976}
y1={26.0327}
x2={15.976}
y2={0.407945}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8A52B9" />
<stop offset={1} stopColor="#1C1C1D" />
</linearGradient>
<linearGradient
id="paint1_linear_18_247"
x1={-1.77379}
y1={20.2809}
x2={5.26439}
y2={20.2809}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#181818" />
<stop offset={1} stopColor="#5E2E91" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_247"
x1={17.1567}
y1={31.5675}
x2={17.1567}
y2={27.2542}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.127273} stopColor="#5D328D" />
<stop offset={1} stopColor="#5D328D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_247"
x1={27.4742}
y1={4.14062}
x2={27.4742}
y2={26.7016}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#514E55" />
<stop offset={1} stopColor="#9F6AD1" />
</linearGradient>
<radialGradient
id="paint4_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.4758 16.5234) rotate(136.273) scale(1.49192)"
>
<stop stopColor="#FFC957" />
<stop offset={1} stopColor="#E99948" />
</radialGradient>
<linearGradient
id="paint5_linear_18_247"
x1={16.7183}
y1={8.99498}
x2={15.8089}
y2={8.99498}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F65E88" />
<stop offset={1} stopColor="#D71F6B" />
</linearGradient>
<linearGradient
id="paint6_linear_18_247"
x1={9.60253}
y1={11.4773}
x2={8.8676}
y2={11.4773}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F15676" />
<stop offset={1} stopColor="#DA295E" />
</linearGradient>
<radialGradient
id="paint7_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.557382 3.90929) rotate(-89.6569) scale(3.69028 0.596478)"
>
<stop stopColor="#F65B7F" />
<stop offset={1} stopColor="#D62E52" />
</radialGradient>
<radialGradient
id="paint8_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.560523 0.171745) rotate(90.0842) scale(3.96888 0.872688)"
>
<stop stopColor="#EC548A" />
<stop offset={1} stopColor="#DC257C" />
</radialGradient>
<linearGradient
id="paint9_linear_18_247"
x1={23.4322}
y1={25.3719}
x2={24.4296}
y2={25.2932}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FB568D" />
<stop offset={1} stopColor="#E31F86" />
</linearGradient>
<radialGradient
id="paint10_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.55823 21.0923) rotate(-90) scale(2.75775 0.801623)"
>
<stop stopColor="#F15675" />
<stop offset={1} stopColor="#DF3456" />
</radialGradient>
<radialGradient
id="paint11_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.554687 0.518969) rotate(90) scale(2.60448 0.629296)"
>
<stop stopColor="#F85E9A" />
<stop offset={1} stopColor="#DB1E8A" />
</radialGradient>
<linearGradient
id="paint12_linear_18_247"
x1={16.7183}
y1={5.26152}
x2={15.8089}
y2={5.26152}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F65E88" />
<stop offset={1} stopColor="#D71F6B" />
</linearGradient>
<linearGradient
id="paint13_linear_18_247"
x1={7.95727}
y1={8.90242}
x2={7.22233}
y2={8.90242}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F15676" />
<stop offset={1} stopColor="#DA295E" />
</linearGradient>
<radialGradient
id="paint14_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.797304 1.84189) rotate(-90.8185) scale(1.54695 0.587565)"
>
<stop stopColor="#F65B7F" />
<stop offset={1} stopColor="#D62E52" />
</radialGradient>
<radialGradient
id="paint15_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.388023 -0.0806494) rotate(89.3415) scale(1.76186 0.598615)"
>
<stop stopColor="#F55E94" />
<stop offset={1} stopColor="#D8207F" />
</radialGradient>
<linearGradient
id="paint16_linear_18_247"
x1={25.0774}
y1={25.7574}
x2={26.0497}
y2={25.5828}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FB568D" />
<stop offset={1} stopColor="#E31F86" />
</linearGradient>
<radialGradient
id="paint17_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.23938 18.8464) rotate(-90) scale(1.21237 0.801623)"
>
<stop stopColor="#F15675" />
<stop offset={1} stopColor="#DF3456" />
</radialGradient>
<radialGradient
id="paint18_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.554687 0.134467) rotate(90) scale(1.09503 0.554687)"
>
<stop stopColor="#F85E9A" />
<stop offset={1} stopColor="#DB1E8A" />
</radialGradient>
<linearGradient
id="paint19_linear_18_247"
x1={16.6823}
y1={25.0036}
x2={15.3978}
y2={25.0036}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDC14E" />
<stop offset={1} stopColor="#EEA83B" />
</linearGradient>
<linearGradient
id="paint20_linear_18_247"
x1={14.4512}
y1={11.9618}
x2={13.4611}
y2={12.4112}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0280515} stopColor="#FFC75D" />
<stop offset={0.598514} stopColor="#E99D43" />
</linearGradient>
<linearGradient
id="paint21_linear_18_247"
x1={11.6344}
y1={14.4714}
x2={11.0922}
y2={15.5487}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0280515} stopColor="#FFC75D" />
<stop offset={0.663742} stopColor="#E99D43" />
</linearGradient>
<radialGradient
id="paint22_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.7884 13.7109) rotate(151.887) scale(5.1728 2.22241)"
>
<stop stopColor="#F4BF38" />
<stop offset={1} stopColor="#E49B40" />
</radialGradient>
<linearGradient
id="paint23_linear_18_247"
x1={21.1165}
y1={18.6016}
x2={20.8665}
y2={19.4766}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F4BF38" />
<stop offset={1} stopColor="#E49B40" />
</linearGradient>
<linearGradient
id="paint24_linear_18_247"
x1={11.4906}
y1={17.5887}
x2={11.8043}
y2={18.9807}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0280515} stopColor="#FFC75D" />
<stop offset={1} stopColor="#E99D43" />
</linearGradient>
<radialGradient
id="paint25_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.5687 17.8435) rotate(159.829) scale(1.02344 0.713712)"
>
<stop stopColor="#FDC05E" />
<stop offset={1} stopColor="#FDC05E" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint26_linear_18_247"
x1={14.51}
y1={22.7254}
x2={13.118}
y2={22}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0280515} stopColor="#FFC75D" />
<stop offset={0.928536} stopColor="#E99D43" />
</linearGradient>
<linearGradient
id="paint27_linear_18_247"
x1={18.429}
y1={21.711}
x2={17.3977}
y2={22.211}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0280515} stopColor="#FFC75D" />
<stop offset={0.928536} stopColor="#E99D43" />
</linearGradient>
<radialGradient
id="paint28_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.9633 9.80124) rotate(113.708) scale(5.16955 1.26211)"
>
<stop stopColor="#F4BF38" />
<stop offset={1} stopColor="#E49B40" />
</radialGradient>
<radialGradient
id="paint29_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6802 7.83709) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FFC957" />
<stop offset={1} stopColor="#E99948" />
</radialGradient>
<radialGradient
id="paint30_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.7974 24.801) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FFC957" />
<stop offset={1} stopColor="#E99948" />
</radialGradient>
<radialGradient
id="paint31_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.7996 7.83709) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FED05D" />
<stop offset={1} stopColor="#E6A546" />
</radialGradient>
<radialGradient
id="paint32_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.7974 24.801) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FFC957" />
<stop offset={1} stopColor="#E99948" />
</radialGradient>
<radialGradient
id="paint33_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8029 19.8809) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FFD453" />
<stop offset={1} stopColor="#EDAE4C" />
</radialGradient>
<radialGradient
id="paint34_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.75089 19.9395) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FFC957" />
<stop offset={1} stopColor="#E99948" />
</radialGradient>
<radialGradient
id="paint35_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.48865 19.8047) rotate(90) scale(0.860265)"
>
<stop offset={0.435912} stopColor="#E2834F" stopOpacity={0} />
<stop offset={1} stopColor="#E2834F" />
</radialGradient>
<radialGradient
id="paint36_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8107 12.7726) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FFDB62" />
<stop offset={1} stopColor="#E9B04B" />
</radialGradient>
<radialGradient
id="paint37_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.74307 12.9015) rotate(136.273) scale(0.782647)"
>
<stop stopColor="#FFC957" />
<stop offset={1} stopColor="#E99948" />
</radialGradient>
<radialGradient
id="paint38_radial_18_247"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.48083 12.7667) rotate(90) scale(0.860265)"
>
<stop offset={0.435912} stopColor="#E2834F" stopOpacity={0} />
<stop offset={1} stopColor="#E2834F" />
</radialGradient>
</defs>
</svg>
);
module.exports = FireworksIcon;