@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
505 lines (504 loc) • 15.9 kB
JSX
const React = require("react");
const FloppyDiskIcon = ({ 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_19812)">
<path
d="M24.2587 2.13892C25.0543 2.13892 25.8174 2.45499 26.38 3.0176L29 5.63759C29.5626 6.20019 29.8786 6.96326 29.8786 7.75891V26.6111C29.8786 28.406 28.4236 29.8611 26.6286 29.8611H5.37134C3.57641 29.8611 2.12134 28.406 2.12134 26.6111V5.38892C2.12134 3.59399 3.57641 2.13892 5.37134 2.13892H24.2587Z"
fill="url(#paint0_linear_18_19812)"
/>
</g>
<g filter="url(#filter1_f_18_19812)">
<path
d="M25.0032 29.5236H6.33716V17.7645C6.33716 16.9764 7.0024 16.3375 7.82301 16.3375H23.5174C24.338 16.3375 25.0032 16.9764 25.0032 17.7645V29.5236Z"
fill="#402360"
/>
</g>
<g filter="url(#filter2_ii_18_19812)">
<path
d="M25.4219 29.8611H6.57812V17.5C6.57812 16.6716 7.24969 16 8.07812 16H23.9219C24.7503 16 25.4219 16.6716 25.4219 17.5V29.8611Z"
fill="url(#paint1_linear_18_19812)"
/>
</g>
<g filter="url(#filter3_ii_18_19812)">
<path
d="M25.4219 19.0312H6.57812V17.5C6.57812 16.6716 7.24969 16 8.07812 16H23.9219C24.7503 16 25.4219 16.6716 25.4219 17.5V19.0312Z"
fill="url(#paint2_linear_18_19812)"
/>
</g>
<g filter="url(#filter4_dii_18_19812)">
<path
d="M25.4219 2.37361V11.5625C25.4219 12.3909 24.7503 13.0625 23.9219 13.0625H8.07812C7.24969 13.0625 6.57812 12.3909 6.57812 11.5625V2.13892H24.2587C24.6621 2.13892 25.0571 2.22017 25.4219 2.37361Z"
fill="url(#paint3_linear_18_19812)"
/>
</g>
<g filter="url(#filter5_dii_18_19812)">
<path
d="M11.4688 3.13892C11.4688 2.58663 11.9165 2.13892 12.4688 2.13892H24V10.875C24 11.5654 23.4404 12.125 22.75 12.125H12.4687C11.9165 12.125 11.4688 11.6773 11.4688 11.125V3.13892Z"
fill="url(#paint4_linear_18_19812)"
/>
</g>
<g filter="url(#filter6_ii_18_19812)">
<rect
x={19}
y={3.03125}
width={3.8125}
height={8.04688}
rx={0.9}
fill="url(#paint5_linear_18_19812)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_19812"
x={1.62134}
y={1.63892}
width={28.7573}
height={28.7222}
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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.419608 0 0 0 0 0.447059 0 0 0 0 0.729412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19812"
/>
<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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.262745 0 0 0 0 0.227451 0 0 0 0 0.458824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_19812"
result="effect2_innerShadow_18_19812"
/>
</filter>
<filter
id="filter1_f_18_19812"
x={5.83716}
y={15.8375}
width={19.666}
height={14.186}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_19812"
/>
</filter>
<filter
id="filter2_ii_18_19812"
x={6.32812}
y={16}
width={19.4938}
height={13.8611}
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.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.654902 0 0 0 0 0.607843 0 0 0 0 0.713726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19812"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.968627 0 0 0 0 0.937255 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_19812"
result="effect2_innerShadow_18_19812"
/>
</filter>
<filter
id="filter3_ii_18_19812"
x={6.37812}
y={16}
width={19.4438}
height={3.03125}
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.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.368627 0 0 0 0 0.6 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19812"
/>
<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.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.662745 0 0 0 0 0.0784314 0 0 0 0 0.219608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_19812"
result="effect2_innerShadow_18_19812"
/>
</filter>
<filter
id="filter4_dii_18_19812"
x={5.82812}
y={1.73892}
width={19.9938}
height={12.0736}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.270588 0 0 0 0 0.247059 0 0 0 0 0.556863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18_19812"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18_19812"
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.4} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.215686 0 0 0 0 0.223529 0 0 0 0 0.407843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect2_innerShadow_18_19812"
/>
<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.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.054902 0 0 0 0 0.0823529 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_19812"
result="effect3_innerShadow_18_19812"
/>
</filter>
<filter
id="filter5_dii_18_19812"
x={10.9688}
y={1.88892}
width={13.2812}
height={10.7361}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0901961 0 0 0 0 0.101961 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18_19812"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18_19812"
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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.647059 0 0 0 0 0.596078 0 0 0 0 0.705882 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect2_innerShadow_18_19812"
/>
<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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.984314 0 0 0 0 0.956863 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_19812"
result="effect3_innerShadow_18_19812"
/>
</filter>
<filter
id="filter6_ii_18_19812"
x={18.85}
y={2.88125}
width={4.1125}
height={8.34688}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.317647 0 0 0 0 0.196078 0 0 0 0 0.384314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19812"
/>
<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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.160784 0 0 0 0 0.117647 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_19812"
result="effect2_innerShadow_18_19812"
/>
</filter>
<linearGradient
id="paint0_linear_18_19812"
x1={16}
y1={4.125}
x2={16}
y2={29.8611}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C60AD" />
<stop offset={1} stopColor="#563675" />
</linearGradient>
<linearGradient
id="paint1_linear_18_19812"
x1={16}
y1={16}
x2={16}
y2={29.8611}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DDD1EB" />
<stop offset={1} stopColor="#D4C4E4" />
</linearGradient>
<linearGradient
id="paint2_linear_18_19812"
x1={6.57813}
y1={17.875}
x2={25.4219}
y2={17.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EA242B" />
<stop offset={1} stopColor="#C92E7F" />
</linearGradient>
<linearGradient
id="paint3_linear_18_19812"
x1={16}
y1={2.13892}
x2={16}
y2={13.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D2456" />
<stop offset={1} stopColor="#33285A" />
</linearGradient>
<linearGradient
id="paint4_linear_18_19812"
x1={17.7344}
y1={2.13892}
x2={17.7344}
y2={12.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E8DFF2" />
<stop offset={1} stopColor="#D0C6DC" />
</linearGradient>
<linearGradient
id="paint5_linear_18_19812"
x1={20.9062}
y1={3.03125}
x2={20.9062}
y2={11.0781}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.108738} stopColor="#491C4F" />
<stop offset={1} stopColor="#222C60" />
</linearGradient>
</defs>
</svg>
);
module.exports = FloppyDiskIcon;