@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
293 lines (292 loc) • 11.8 kB
JSX
const React = require("react");
const NewButtonIcon = ({ 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_18590_2408)">
<rect
x={1.93433}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2408)"
/>
<rect
x={1.93433}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2408)"
/>
</g>
<g filter="url(#filter1_f_18590_2408)">
<path
d="M28.1218 4.3125V27.1875"
stroke="url(#paint2_linear_18590_2408)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2408)">
<path
d="M5.39819 3.625H27.1794"
stroke="url(#paint3_linear_18590_2408)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2408)">
<path
d="M6.78566 12.1283C6.60912 11.8435 6.26505 11.7103 5.94277 11.8021C5.62049 11.8939 5.39819 12.1883 5.39819 12.5234V18.9766C5.39819 19.3908 5.73398 19.7266 6.14819 19.7266C6.56241 19.7266 6.89819 19.3908 6.89819 18.9766V15.5959C6.89819 15.47 7.06315 15.4231 7.12944 15.53L9.51073 19.3717C9.68727 19.6565 10.0313 19.7897 10.3536 19.6979C10.6759 19.6061 10.8982 19.3117 10.8982 18.9766V12.5234C10.8982 12.1092 10.5624 11.7734 10.1482 11.7734C9.73398 11.7734 9.39819 12.1092 9.39819 12.5234V15.9041C9.39819 16.03 9.23324 16.0769 9.16695 15.97L6.78566 12.1283Z"
fill="#579FFF"
/>
<path
d="M13.1221 11.8132C12.7079 11.8132 12.3721 12.149 12.3721 12.5632V18.971C12.3721 19.3852 12.7079 19.721 13.1221 19.721H16.7547C17.1689 19.721 17.5047 19.3852 17.5047 18.971C17.5047 18.5568 17.1689 18.221 16.7547 18.221H13.9971C13.928 18.221 13.8721 18.1651 13.8721 18.096V16.766C13.8721 16.697 13.928 16.641 13.9971 16.641H16.7058C17.12 16.641 17.4558 16.3052 17.4558 15.891C17.4558 15.4768 17.12 15.141 16.7058 15.141H13.9971C13.928 15.141 13.8721 15.085 13.8721 15.016V13.4382C13.8721 13.3691 13.928 13.3132 13.9971 13.3132H16.7547C17.1689 13.3132 17.5047 12.9774 17.5047 12.5632C17.5047 12.149 17.1689 11.8132 16.7547 11.8132H13.1221Z"
fill="#579FFF"
/>
<path
d="M19.1031 11.8635C19.5021 11.7523 19.9157 11.9856 20.0269 12.3847L20.9523 15.7065C20.9861 15.8277 21.1576 15.8287 21.1928 15.7078L22.1624 12.3764C22.2551 12.0577 22.5463 11.8379 22.8782 11.836C23.2101 11.8341 23.5038 12.0505 23.6002 12.3681L24.6101 15.6958C24.6467 15.8163 24.8184 15.8132 24.8505 15.6913L25.7198 12.3947C25.8254 11.9942 26.2357 11.7551 26.6362 11.8607C27.0368 11.9663 27.2758 12.3766 27.1702 12.7772L25.514 19.0584C25.4285 19.3828 25.138 19.6109 24.8026 19.6171C24.4672 19.6232 24.1685 19.406 24.0711 19.085L23.0197 15.6205C22.9836 15.5015 22.8148 15.5025 22.78 15.6219L21.7745 19.0768C21.6809 19.3985 21.3852 19.6191 21.0501 19.6172C20.715 19.6153 20.4218 19.3913 20.3319 19.0685L18.5819 12.7872C18.4707 12.3882 18.7041 11.9746 19.1031 11.8635Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_2408)">
<path
d="M6.78566 12.1283C6.60912 11.8435 6.26505 11.7103 5.94277 11.8021C5.62049 11.8939 5.39819 12.1883 5.39819 12.5234V18.9766C5.39819 19.3908 5.73398 19.7266 6.14819 19.7266C6.56241 19.7266 6.89819 19.3908 6.89819 18.9766V15.5959C6.89819 15.47 7.06315 15.4231 7.12944 15.53L9.51073 19.3717C9.68727 19.6565 10.0313 19.7897 10.3536 19.6979C10.6759 19.6061 10.8982 19.3117 10.8982 18.9766V12.5234C10.8982 12.1092 10.5624 11.7734 10.1482 11.7734C9.73398 11.7734 9.39819 12.1092 9.39819 12.5234V15.9041C9.39819 16.03 9.23324 16.0769 9.16695 15.97L6.78566 12.1283Z"
fill="#FCF2FF"
/>
<path
d="M13.1221 11.8132C12.7079 11.8132 12.3721 12.149 12.3721 12.5632V18.971C12.3721 19.3852 12.7079 19.721 13.1221 19.721H16.7547C17.1689 19.721 17.5047 19.3852 17.5047 18.971C17.5047 18.5568 17.1689 18.221 16.7547 18.221H13.9971C13.928 18.221 13.8721 18.1651 13.8721 18.096V16.766C13.8721 16.697 13.928 16.641 13.9971 16.641H16.7058C17.12 16.641 17.4558 16.3052 17.4558 15.891C17.4558 15.4768 17.12 15.141 16.7058 15.141H13.9971C13.928 15.141 13.8721 15.085 13.8721 15.016V13.4382C13.8721 13.3691 13.928 13.3132 13.9971 13.3132H16.7547C17.1689 13.3132 17.5047 12.9774 17.5047 12.5632C17.5047 12.149 17.1689 11.8132 16.7547 11.8132H13.1221Z"
fill="#FCF2FF"
/>
<path
d="M19.1031 11.8635C19.5021 11.7523 19.9157 11.9856 20.0269 12.3847L20.9523 15.7065C20.9861 15.8277 21.1576 15.8287 21.1928 15.7078L22.1624 12.3764C22.2551 12.0577 22.5463 11.8379 22.8782 11.836C23.2101 11.8341 23.5038 12.0505 23.6002 12.3681L24.6101 15.6958C24.6467 15.8163 24.8184 15.8132 24.8505 15.6913L25.7198 12.3947C25.8254 11.9942 26.2357 11.7551 26.6362 11.8607C27.0368 11.9663 27.2758 12.3766 27.1702 12.7772L25.514 19.0584C25.4285 19.3828 25.138 19.6109 24.8026 19.6171C24.4672 19.6232 24.1685 19.406 24.0711 19.085L23.0197 15.6205C22.9836 15.5015 22.8148 15.5025 22.78 15.6219L21.7745 19.0768C21.6809 19.3985 21.3852 19.6191 21.0501 19.6172C20.715 19.6153 20.4218 19.3913 20.3319 19.0685L18.5819 12.7872C18.4707 12.3882 18.7041 11.9746 19.1031 11.8635Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2408"
x={1.93433}
y={0.8125}
width={28.875}
height={28.875}
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={1} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2408"
/>
<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={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2408"
result="effect2_innerShadow_18590_2408"
/>
</filter>
<filter
id="filter1_f_18590_2408"
x={25.3718}
y={1.5625}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_2408"
/>
</filter>
<filter
id="filter2_f_18590_2408"
x={2.64819}
y={0.875}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_2408"
/>
</filter>
<filter
id="filter3_f_18590_2408"
x={4.39819}
y={10.7734}
width={23.797}
height={9.95325}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18590_2408"
/>
</filter>
<filter
id="filter4_ii_18590_2408"
x={4.39819}
y={11.3734}
width={23.197}
height={9.35325}
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={-1} dy={1} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2408"
/>
<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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2408"
result="effect2_innerShadow_18590_2408"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2408"
x1={15.8718}
y1={5.38701}
x2={15.8718}
y2={38.6397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2408"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5906 3.90625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2408"
x1={28.6218}
y1={4.3125}
x2={28.6218}
y2={27.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2408"
x1={28.3357}
y1={3.87502}
x2={2.80444}
y2={3.87502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = NewButtonIcon;