UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

708 lines (707 loc) 22.1 kB
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;