@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
329 lines (328 loc) • 14.9 kB
JSX
const React = require("react");
const WindowIcon = ({ 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_iii_18_25532)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2.06873 6.04187C2.06873 3.83273 3.85962 2.04187 6.06873 2.04187H25.9313C28.1405 2.04187 29.9313 3.83273 29.9313 6.04187V25.9044C29.9313 28.1136 28.1405 29.9044 25.9313 29.9044H6.06873C3.85962 29.9044 2.06873 28.1136 2.06873 25.9044V6.04187ZM5.08667 6.05179C5.08667 5.4995 5.53442 5.05178 6.08667 5.05178H14.3123C14.6437 5.05178 14.9122 5.32041 14.9122 5.65178V14.3651C14.9122 14.6965 14.6437 14.9651 14.3123 14.9651H5.68665C5.35535 14.9651 5.08667 14.6965 5.08667 14.3651V6.05179ZM6.08667 26.8962C5.53442 26.8962 5.08667 26.4484 5.08667 25.8962V17.5828C5.08667 17.2515 5.35535 16.9828 5.68665 16.9828H14.3123C14.6437 16.9828 14.9122 17.2515 14.9122 17.5828V26.2962C14.9122 26.6275 14.6437 26.8962 14.3123 26.8962H6.08667ZM26.9133 6.05179C26.9133 5.4995 26.4656 5.05178 25.9133 5.05178H17.6877C17.3563 5.05178 17.0878 5.32041 17.0878 5.65178V14.3651C17.0878 14.6965 17.3563 14.9651 17.6877 14.9651H26.3134C26.6447 14.9651 26.9133 14.6965 26.9133 14.3651V6.05179ZM25.9133 26.8962C26.4656 26.8962 26.9133 26.4484 26.9133 25.8962V17.5828C26.9133 17.2515 26.6447 16.9828 26.3134 16.9828H17.6877C17.3563 16.9828 17.0878 17.2515 17.0878 17.5828V26.2962C17.0878 26.6275 17.3563 26.8962 17.6877 26.8962H25.9133Z"
fill="url(#paint0_linear_18_25532)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2.06873 6.04187C2.06873 3.83273 3.85962 2.04187 6.06873 2.04187H25.9313C28.1405 2.04187 29.9313 3.83273 29.9313 6.04187V25.9044C29.9313 28.1136 28.1405 29.9044 25.9313 29.9044H6.06873C3.85962 29.9044 2.06873 28.1136 2.06873 25.9044V6.04187ZM5.08667 6.05179C5.08667 5.4995 5.53442 5.05178 6.08667 5.05178H14.3123C14.6437 5.05178 14.9122 5.32041 14.9122 5.65178V14.3651C14.9122 14.6965 14.6437 14.9651 14.3123 14.9651H5.68665C5.35535 14.9651 5.08667 14.6965 5.08667 14.3651V6.05179ZM6.08667 26.8962C5.53442 26.8962 5.08667 26.4484 5.08667 25.8962V17.5828C5.08667 17.2515 5.35535 16.9828 5.68665 16.9828H14.3123C14.6437 16.9828 14.9122 17.2515 14.9122 17.5828V26.2962C14.9122 26.6275 14.6437 26.8962 14.3123 26.8962H6.08667ZM26.9133 6.05179C26.9133 5.4995 26.4656 5.05178 25.9133 5.05178H17.6877C17.3563 5.05178 17.0878 5.32041 17.0878 5.65178V14.3651C17.0878 14.6965 17.3563 14.9651 17.6877 14.9651H26.3134C26.6447 14.9651 26.9133 14.6965 26.9133 14.3651V6.05179ZM25.9133 26.8962C26.4656 26.8962 26.9133 26.4484 26.9133 25.8962V17.5828C26.9133 17.2515 26.6447 16.9828 26.3134 16.9828H17.6877C17.3563 16.9828 17.0878 17.2515 17.0878 17.5828V26.2962C17.0878 26.6275 17.3563 26.8962 17.6877 26.8962H25.9133Z"
fill="url(#paint1_linear_18_25532)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M2.06873 6.04187C2.06873 3.83273 3.85962 2.04187 6.06873 2.04187H25.9313C28.1405 2.04187 29.9313 3.83273 29.9313 6.04187V25.9044C29.9313 28.1136 28.1405 29.9044 25.9313 29.9044H6.06873C3.85962 29.9044 2.06873 28.1136 2.06873 25.9044V6.04187ZM5.08667 6.05179C5.08667 5.4995 5.53442 5.05178 6.08667 5.05178H14.3123C14.6437 5.05178 14.9122 5.32041 14.9122 5.65178V14.3651C14.9122 14.6965 14.6437 14.9651 14.3123 14.9651H5.68665C5.35535 14.9651 5.08667 14.6965 5.08667 14.3651V6.05179ZM6.08667 26.8962C5.53442 26.8962 5.08667 26.4484 5.08667 25.8962V17.5828C5.08667 17.2515 5.35535 16.9828 5.68665 16.9828H14.3123C14.6437 16.9828 14.9122 17.2515 14.9122 17.5828V26.2962C14.9122 26.6275 14.6437 26.8962 14.3123 26.8962H6.08667ZM26.9133 6.05179C26.9133 5.4995 26.4656 5.05178 25.9133 5.05178H17.6877C17.3563 5.05178 17.0878 5.32041 17.0878 5.65178V14.3651C17.0878 14.6965 17.3563 14.9651 17.6877 14.9651H26.3134C26.6447 14.9651 26.9133 14.6965 26.9133 14.3651V6.05179ZM25.9133 26.8962C26.4656 26.8962 26.9133 26.4484 26.9133 25.8962V17.5828C26.9133 17.2515 26.6447 16.9828 26.3134 16.9828H17.6877C17.3563 16.9828 17.0878 17.2515 17.0878 17.5828V26.2962C17.0878 26.6275 17.3563 26.8962 17.6877 26.8962H25.9133Z"
fill="url(#paint2_radial_18_25532)"
/>
<g filter="url(#filter1_i_18_25532)">
<path
d="M6.08667 4.96606C5.53442 4.96606 5.08667 5.41378 5.08667 5.96607V14.2794C5.08667 14.6107 5.35535 14.8794 5.68665 14.8794H14.3123C14.6437 14.8794 14.9122 14.6107 14.9122 14.2794V5.56606C14.9122 5.23469 14.6437 4.96606 14.3123 4.96606H6.08667Z"
fill="url(#paint3_linear_18_25532)"
/>
<path
d="M14.4502 26.7945H5.90796C5.44104 26.7102 5.08667 26.3017 5.08667 25.8104V17.4971C5.08667 17.1658 5.35535 16.8971 5.68665 16.8971H14.3123C14.6437 16.8971 14.9122 17.1658 14.9122 17.4971V26.2104C14.9122 26.4943 14.7151 26.7322 14.4502 26.7945Z"
fill="url(#paint4_linear_18_25532)"
/>
<path
d="M26.092 26.7945H17.5498C17.2849 26.7322 17.0878 26.4943 17.0878 26.2104V17.4971C17.0878 17.1658 17.3563 16.8971 17.6877 16.8971H26.3134C26.6447 16.8971 26.9133 17.1658 26.9133 17.4971V25.8104C26.9133 26.3017 26.559 26.7102 26.092 26.7945Z"
fill="url(#paint5_linear_18_25532)"
/>
<path
d="M25.9133 4.96606C26.4656 4.96606 26.9133 5.41378 26.9133 5.96607V14.2794C26.9133 14.6107 26.6447 14.8794 26.3134 14.8794H17.6877C17.3563 14.8794 17.0878 14.6107 17.0878 14.2794V5.56606C17.0878 5.23469 17.3563 4.96606 17.6877 4.96606H25.9133Z"
fill="url(#paint6_linear_18_25532)"
/>
</g>
<path
d="M17.1759 14.5925L26.5627 5.20557C26.7773 5.38898 26.9133 5.66161 26.9133 5.96601V14.2793C26.9133 14.6107 26.6447 14.8793 26.3134 14.8793H17.6877C17.4711 14.8793 17.2814 14.7645 17.1759 14.5925Z"
fill="url(#paint7_linear_18_25532)"
/>
<path
d="M17.1759 14.5925L26.5627 5.20557C26.7773 5.38898 26.9133 5.66161 26.9133 5.96601V14.2793C26.9133 14.6107 26.6447 14.8793 26.3134 14.8793H17.6877C17.4711 14.8793 17.2814 14.7645 17.1759 14.5925Z"
fill="url(#paint8_linear_18_25532)"
/>
<path
d="M5.31812 26.4502L14.7156 17.0528C14.8364 17.1626 14.9122 17.321 14.9122 17.4971V26.2104C14.9122 26.4943 14.7151 26.7321 14.4502 26.7944H5.90796C5.67224 26.7519 5.46533 26.6268 5.31812 26.4502Z"
fill="url(#paint9_linear_18_25532)"
/>
<path
d="M5.31812 26.4502L14.7156 17.0528C14.8364 17.1626 14.9122 17.321 14.9122 17.4971V26.2104C14.9122 26.4943 14.7151 26.7321 14.4502 26.7944H5.90796C5.67224 26.7519 5.46533 26.6268 5.31812 26.4502Z"
fill="url(#paint10_linear_18_25532)"
/>
<path
d="M17.5498 26.7944H26.0922C26.5591 26.7102 26.9133 26.3016 26.9133 25.8104V17.4971C26.9133 17.1657 26.6447 16.8971 26.3134 16.8971H17.6877C17.3563 16.8971 17.0878 17.1657 17.0878 17.4971V26.2104C17.0878 26.4943 17.2849 26.7321 17.5498 26.7944Z"
fill="url(#paint11_linear_18_25532)"
/>
<path
d="M17.5498 26.7944H26.0922C26.5591 26.7102 26.9133 26.3016 26.9133 25.8104V17.4971C26.9133 17.1657 26.6447 16.8971 26.3134 16.8971H17.6877C17.3563 16.8971 17.0878 17.1657 17.0878 17.4971V26.2104C17.0878 26.4943 17.2849 26.7321 17.5498 26.7944Z"
fill="url(#paint12_linear_18_25532)"
/>
<defs>
<filter
id="filter0_iii_18_25532"
x={1.66873}
y={1.64187}
width={28.6625}
height={28.6625}
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.4} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.658824 0 0 0 0 0.588235 0 0 0 0 0.74902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25532"
/>
<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} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.635294 0 0 0 0 0.619608 0 0 0 0 0.658824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25532"
result="effect2_innerShadow_18_25532"
/>
<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.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.894118 0 0 0 0 0.890196 0 0 0 0 0.898039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_25532"
result="effect3_innerShadow_18_25532"
/>
</filter>
<filter
id="filter1_i_18_25532"
x={4.93667}
y={4.96606}
width={21.9767}
height={21.9785}
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.15} 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.368627 0 0 0 0 0.623529 0 0 0 0 0.858824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25532"
/>
</filter>
<linearGradient
id="paint0_linear_18_25532"
x1={21.5093}
y1={9.93743}
x2={3.75308}
y2={31.0624}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2CDD9" />
<stop offset={1} stopColor="#C1BACC" />
</linearGradient>
<linearGradient
id="paint1_linear_18_25532"
x1={19.8881}
y1={30.0052}
x2={19.8881}
y2={29.1927}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8E73AD" />
<stop offset={1} stopColor="#B7ACC7" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_25532"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.20056 22.6615) rotate(-43.7885) scale(29.2631 28.972)"
>
<stop offset={0.919401} stopColor="#D9D5DE" stopOpacity={0} />
<stop offset={0.97019} stopColor="#F5F4F7" />
</radialGradient>
<linearGradient
id="paint3_linear_18_25532"
x1={22.0131}
y1={6.09903}
x2={4.34571}
y2={27.1427}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.147253} stopColor="#84E6FC" />
<stop offset={0.819166} stopColor="#59B0F9" />
</linearGradient>
<linearGradient
id="paint4_linear_18_25532"
x1={22.0131}
y1={6.09903}
x2={4.34571}
y2={27.1427}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.147253} stopColor="#84E6FC" />
<stop offset={0.819166} stopColor="#59B0F9" />
</linearGradient>
<linearGradient
id="paint5_linear_18_25532"
x1={22.0131}
y1={6.09903}
x2={4.34571}
y2={27.1427}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.147253} stopColor="#84E6FC" />
<stop offset={0.819166} stopColor="#59B0F9" />
</linearGradient>
<linearGradient
id="paint6_linear_18_25532"
x1={22.0131}
y1={6.09903}
x2={4.34571}
y2={27.1427}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.147253} stopColor="#84E6FC" />
<stop offset={0.819166} stopColor="#59B0F9" />
</linearGradient>
<linearGradient
id="paint7_linear_18_25532"
x1={25.9506}
y1={6.28648}
x2={12.0131}
y2={31.224}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A7E8FC" />
<stop offset={1} stopColor="#A7E8FC" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_25532"
x1={27.8256}
y1={25.849}
x2={26.2006}
y2={25.849}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7BB6E9" />
<stop offset={1} stopColor="#7BB6E9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_25532"
x1={25.9506}
y1={6.28648}
x2={12.0131}
y2={31.224}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A7E8FC" />
<stop offset={1} stopColor="#A7E8FC" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_25532"
x1={27.8256}
y1={25.849}
x2={26.2006}
y2={25.849}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7BB6E9" />
<stop offset={1} stopColor="#7BB6E9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_25532"
x1={25.9506}
y1={6.28648}
x2={12.0131}
y2={31.224}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A7E8FC" />
<stop offset={1} stopColor="#A7E8FC" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_25532"
x1={27.8256}
y1={25.849}
x2={26.2006}
y2={25.849}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7BB6E9" />
<stop offset={1} stopColor="#7BB6E9" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = WindowIcon;