@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
652 lines (651 loc) • 21.9 kB
JSX
const React = require("react");
const VideocassetteIcon = ({ 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}
<rect
x={1.9375}
y={13.0469}
width={28.125}
height={16.9062}
rx={3}
fill="url(#paint0_linear_18_20365)"
/>
<rect
x={1.9375}
y={9.96875}
width={28.125}
height={16.9062}
rx={3}
fill="url(#paint1_linear_18_20365)"
/>
<rect
x={11.9062}
y={14.9062}
width={8.1875}
height={8.15625}
rx={1}
fill="url(#paint2_linear_18_20365)"
/>
<path
d="M20.0938 16.4688H11.9062V15.9062C11.9062 15.354 12.354 14.9062 12.9062 14.9062H19.0938C19.646 14.9062 20.0938 15.354 20.0938 15.9062V16.4688Z"
fill="#F13861"
/>
<rect
x={13.4453}
y={18.0547}
width={5.10938}
height={0.929688}
rx={0.464844}
fill="url(#paint3_linear_18_20365)"
/>
<rect
x={13.4453}
y={20.0156}
width={5.10938}
height={0.929688}
rx={0.464844}
fill="#58BAD0"
fillOpacity={0.55}
/>
<rect
x={13.4453}
y={20.0156}
width={5.10938}
height={0.929688}
rx={0.464844}
fill="#B0ADB4"
/>
<rect
x={13.4453}
y={20.0156}
width={5.10938}
height={0.929688}
rx={0.464844}
fill="url(#paint4_linear_18_20365)"
/>
<rect
x={21.0156}
y={14.8516}
width={6.95312}
height={8.15625}
rx={1}
fill="#473A5A"
/>
<rect
x={4.03125}
y={14.8516}
width={6.95312}
height={8.15625}
rx={1}
fill="#473A5A"
/>
<rect
x={21.0156}
y={14.9062}
width={6.95312}
height={8.15625}
rx={1}
fill="url(#paint5_radial_18_20365)"
/>
<path
d="M10.9844 15.9063C10.9844 15.354 10.5367 14.9062 9.98438 14.9062H5.03125C4.47897 14.9062 4.03125 15.354 4.03125 15.9062V22.0625C4.03125 22.6148 4.47897 23.0625 5.03125 23.0625H9.98438C10.5367 23.0625 10.9844 22.6148 10.9844 22.0625V15.9063Z"
fill="url(#paint6_radial_18_20365)"
/>
<path
d="M10.9844 15.9063C10.9844 15.354 10.5367 14.9062 9.98438 14.9062H5.03125C4.47897 14.9062 4.03125 15.354 4.03125 15.9062V22.0625C4.03125 22.6148 4.47897 23.0625 5.03125 23.0625H9.98438C10.5367 23.0625 10.9844 22.6148 10.9844 22.0625V15.9063Z"
fill="url(#paint7_radial_18_20365)"
/>
<g filter="url(#filter0_i_18_20365)">
<path
d="M24.9638 23.0625C26.1328 22.0898 26.877 20.624 26.877 18.9844C26.877 17.3448 26.1328 15.8789 24.9638 14.9062H22.0156C21.4633 14.9062 21.0156 15.354 21.0156 15.9062V22.0625C21.0156 22.6148 21.4633 23.0625 22.0156 23.0625H24.9638Z"
fill="url(#paint8_radial_18_20365)"
/>
<path
d="M24.9638 23.0625C26.1328 22.0898 26.877 20.624 26.877 18.9844C26.877 17.3448 26.1328 15.8789 24.9638 14.9062H22.0156C21.4633 14.9062 21.0156 15.354 21.0156 15.9062V22.0625C21.0156 22.6148 21.4633 23.0625 22.0156 23.0625H24.9638Z"
fill="url(#paint9_linear_18_20365)"
/>
</g>
<g filter="url(#filter1_i_18_20365)">
<path
d="M7.03619 23.0625C5.86722 22.0898 5.12305 20.624 5.12305 18.9844C5.12305 17.3448 5.86722 15.8789 7.03619 14.9062H9.98438C10.5367 14.9062 10.9844 15.354 10.9844 15.9062V22.0625C10.9844 22.6148 10.5367 23.0625 9.98438 23.0625H7.03619Z"
fill="url(#paint10_radial_18_20365)"
/>
<path
d="M7.03619 23.0625C5.86722 22.0898 5.12305 20.624 5.12305 18.9844C5.12305 17.3448 5.86722 15.8789 7.03619 14.9062H9.98438C10.5367 14.9062 10.9844 15.354 10.9844 15.9062V22.0625C10.9844 22.6148 10.5367 23.0625 9.98438 23.0625H7.03619Z"
fill="url(#paint11_linear_18_20365)"
/>
</g>
<path
d="M21.1869 15.3464C21.0788 15.5062 21.0156 15.6989 21.0156 15.9063V22.0625C21.0156 22.27 21.0788 22.4626 21.1869 22.6224C23.1327 22.5488 24.6875 20.9482 24.6875 18.9844C24.6875 17.0207 23.1327 15.42 21.1869 15.3464Z"
fill="url(#paint12_linear_18_20365)"
/>
<path
d="M21.1869 15.3464C21.0788 15.5062 21.0156 15.6989 21.0156 15.9063V22.0625C21.0156 22.27 21.0788 22.4626 21.1869 22.6224C23.1327 22.5488 24.6875 20.9482 24.6875 18.9844C24.6875 17.0207 23.1327 15.42 21.1869 15.3464Z"
fill="url(#paint13_radial_18_20365)"
/>
<path
d="M21.1869 15.3464C21.0788 15.5062 21.0156 15.6989 21.0156 15.9063V22.0625C21.0156 22.27 21.0788 22.4626 21.1869 22.6224C23.1327 22.5488 24.6875 20.9482 24.6875 18.9844C24.6875 17.0207 23.1327 15.42 21.1869 15.3464Z"
fill="url(#paint14_radial_18_20365)"
/>
<path
d="M10.8131 15.3464C10.9212 15.5062 10.9844 15.6989 10.9844 15.9063V22.0625C10.9844 22.27 10.9212 22.4626 10.8131 22.6224C8.86734 22.5488 7.3125 20.9482 7.3125 18.9844C7.3125 17.0207 8.86734 15.42 10.8131 15.3464Z"
fill="url(#paint15_linear_18_20365)"
/>
<path
d="M10.8131 15.3464C10.9212 15.5062 10.9844 15.6989 10.9844 15.9063V22.0625C10.9844 22.27 10.9212 22.4626 10.8131 22.6224C8.86734 22.5488 7.3125 20.9482 7.3125 18.9844C7.3125 17.0207 8.86734 15.42 10.8131 15.3464Z"
fill="url(#paint16_radial_18_20365)"
/>
<path
d="M10.8131 15.3464C10.9212 15.5062 10.9844 15.6989 10.9844 15.9063V22.0625C10.9844 22.27 10.9212 22.4626 10.8131 22.6224C8.86734 22.5488 7.3125 20.9482 7.3125 18.9844C7.3125 17.0207 8.86734 15.42 10.8131 15.3464Z"
fill="url(#paint17_radial_18_20365)"
/>
<path
d="M21.0156 20.7646V17.6416C21.0569 17.6384 21.0985 17.6367 21.1406 17.6367C22.0057 17.6367 22.707 18.338 22.707 19.2031C22.707 20.0682 22.0057 20.7695 21.1406 20.7695C21.0985 20.7695 21.0569 20.7679 21.0156 20.7646Z"
fill="url(#paint18_linear_18_20365)"
/>
<path
d="M10.9844 20.7646V17.6416C10.9431 17.6384 10.9015 17.6367 10.8594 17.6367C9.99426 17.6367 9.29297 18.338 9.29297 19.2031C9.29297 20.0682 9.99426 20.7695 10.8594 20.7695C10.9015 20.7695 10.9431 20.7679 10.9844 20.7646Z"
fill="url(#paint19_linear_18_20365)"
/>
<g filter="url(#filter2_i_18_20365)">
<path
d="M21.0156 20.5654V17.4424C21.0569 17.4391 21.0985 17.4375 21.1406 17.4375C22.0057 17.4375 22.707 18.1388 22.707 19.0039C22.707 19.869 22.0057 20.5703 21.1406 20.5703C21.0985 20.5703 21.0569 20.5687 21.0156 20.5654Z"
fill="#9A989E"
/>
</g>
<g filter="url(#filter3_i_18_20365)">
<path
d="M10.9844 20.5654V17.4424C10.9431 17.4391 10.9015 17.4375 10.8594 17.4375C9.99426 17.4375 9.29297 18.1388 9.29297 19.0039C9.29297 19.869 9.99426 20.5703 10.8594 20.5703C10.9015 20.5703 10.9431 20.5687 10.9844 20.5654Z"
fill="#9A989E"
/>
<path
d="M10.9844 20.5654V17.4424C10.9431 17.4391 10.9015 17.4375 10.8594 17.4375C9.99426 17.4375 9.29297 18.1388 9.29297 19.0039C9.29297 19.869 9.99426 20.5703 10.8594 20.5703C10.9015 20.5703 10.9431 20.5687 10.9844 20.5654Z"
fill="url(#paint20_linear_18_20365)"
/>
</g>
<path
d="M25.4297 23.0625H24.9639C26.0806 22.1332 26.8096 20.754 26.8726 19.2031C26.8755 19.2757 26.877 19.3486 26.877 19.4218C26.877 20.8315 26.3269 22.1127 25.4297 23.0625Z"
fill="url(#paint21_linear_18_20365)"
/>
<path
d="M6.57025 23.0625H7.03613C5.9194 22.1332 5.19037 20.754 5.12744 19.2031C5.12451 19.2757 5.12302 19.3486 5.12302 19.4218C5.12302 20.8315 5.67307 22.1127 6.57025 23.0625Z"
fill="url(#paint22_linear_18_20365)"
/>
<g filter="url(#filter4_ii_18_20365)">
<path
d="M15.7603 11.4771L14.4494 13.3818C14.3352 13.5476 14.454 13.7735 14.6553 13.7735H17.3538C17.555 13.7735 17.6737 13.5481 17.5601 13.3822L16.2549 11.4776C16.1359 11.3039 15.8797 11.3036 15.7603 11.4771Z"
fill="#504060"
/>
</g>
<path
d="M15.7397 11.4629L14.4288 13.3676C14.3032 13.55 14.4338 13.7985 14.6553 13.7985H17.3538C17.5751 13.7985 17.7057 13.5505 17.5807 13.368L16.2756 11.4635C16.1466 11.2753 15.8691 11.275 15.7397 11.4629Z"
stroke="url(#paint23_linear_18_20365)"
strokeWidth={0.05}
/>
<defs>
<filter
id="filter0_i_18_20365"
x={21.0156}
y={14.9062}
width={5.86133}
height={8.15625}
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.02} dy={-0.02} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.854902 0 0 0 0 0.886275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20365"
/>
</filter>
<filter
id="filter1_i_18_20365"
x={5.12305}
y={14.9062}
width={5.86133}
height={8.15625}
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.02} dy={-0.02} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.854902 0 0 0 0 0.886275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20365"
/>
</filter>
<filter
id="filter2_i_18_20365"
x={21.0156}
y={17.4375}
width={1.69141}
height={3.13281}
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.02} dy={-0.02} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.66741 0 0 0 0 0.636158 0 0 0 0 0.69085 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20365"
/>
</filter>
<filter
id="filter3_i_18_20365"
x={9.29297}
y={17.4375}
width={1.69141}
height={3.13281}
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.02} dy={-0.02} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.66741 0 0 0 0 0.636158 0 0 0 0 0.69085 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20365"
/>
</filter>
<filter
id="filter4_ii_18_20365"
x={14.3049}
y={11.3472}
width={3.39934}
height={2.42627}
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.1} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.152941 0 0 0 0 0.117647 0 0 0 0 0.196078 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20365"
/>
<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.1} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.262745 0 0 0 0 0.211765 0 0 0 0 0.321569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20365"
result="effect2_innerShadow_18_20365"
/>
</filter>
<linearGradient
id="paint0_linear_18_20365"
x1={16}
y1={26.8125}
x2={16}
y2={29.9531}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#302243" />
<stop offset={1} stopColor="#2F2243" />
</linearGradient>
<linearGradient
id="paint1_linear_18_20365"
x1={16}
y1={9.96875}
x2={16}
y2={26.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#635EA6" />
<stop offset={0.974122} stopColor="#553E71" />
</linearGradient>
<linearGradient
id="paint2_linear_18_20365"
x1={16}
y1={16.1563}
x2={16}
y2={23.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DFDBE3" />
<stop offset={1} stopColor="#DFDBE5" />
</linearGradient>
<linearGradient
id="paint3_linear_18_20365"
x1={15.6562}
y1={18.5195}
x2={18.5547}
y2={18.5195}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B1AEB4" />
<stop offset={1} stopColor="#B0ADB4" />
</linearGradient>
<linearGradient
id="paint4_linear_18_20365"
x1={15.6562}
y1={20.4805}
x2={18.5547}
y2={20.4805}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B1AEB4" />
<stop offset={1} stopColor="#B0ADB4" />
</linearGradient>
<radialGradient
id="paint5_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.5937 19.9063) scale(4.4375 6.69528)"
>
<stop offset={0.651408} stopColor="#3B2B52" />
<stop offset={1} stopColor="#100523" />
</radialGradient>
<radialGradient
id="paint6_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.31194 22.8559) rotate(-87.3473) scale(8.45237 12.7529)"
>
<stop stopColor="#3B2B52" />
<stop offset={0.687838} stopColor="#38294F" />
<stop offset={1} stopColor="#100523" />
</radialGradient>
<radialGradient
id="paint7_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.14811 20.3457) rotate(148.201) scale(3.83569 4.64445)"
>
<stop offset={0.520009} stopColor="#1A0F2A" />
<stop offset={1} stopColor="#1A0F2A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.2499 17.3125) rotate(119.946) scale(6.6359 4.76876)"
>
<stop stopColor="#D4D0D8" />
<stop offset={1} stopColor="#D6D2DA" />
</radialGradient>
<linearGradient
id="paint9_linear_18_20365"
x1={23.9463}
y1={14.7344}
x2={23.9463}
y2={15.8281}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.12963} stopColor="#746882" />
<stop offset={1} stopColor="#D7D3DB" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.75006 17.3125) rotate(60.0543) scale(6.6359 4.76876)"
>
<stop stopColor="#D4D0D8" />
<stop offset={1} stopColor="#D6D2DA" />
</radialGradient>
<linearGradient
id="paint11_linear_18_20365"
x1={8.05371}
y1={14.7344}
x2={8.05371}
y2={15.8281}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.12963} stopColor="#746882" />
<stop offset={1} stopColor="#D7D3DB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_20365"
x1={22.3124}
y1={18.9844}
x2={20.5468}
y2={18.9844}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#53416E" />
<stop offset={1} stopColor="#402B5D" />
</linearGradient>
<radialGradient
id="paint13_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.3336 20.2147) rotate(-60.9926) scale(5.19247 4.39938)"
>
<stop offset={0.825243} stopColor="#4D3968" stopOpacity={0} />
<stop offset={0.977205} stopColor="#291745" />
</radialGradient>
<radialGradient
id="paint14_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.302 19.7916) rotate(90) scale(1.27139 1.45069)"
>
<stop stopColor="#493466" />
<stop offset={1} stopColor="#493466" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_20365"
x1={8.8653}
y1={18.9844}
x2={12.4187}
y2={18.9844}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#53416E" />
<stop offset={1} stopColor="#402B5D" />
</linearGradient>
<radialGradient
id="paint16_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6664 20.2147) rotate(-119.007) scale(5.19247 4.39938)"
>
<stop offset={0.825243} stopColor="#4D3968" stopOpacity={0} />
<stop offset={0.977205} stopColor="#291745" />
</radialGradient>
<radialGradient
id="paint17_radial_18_20365"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.7724 19.3841) rotate(90) scale(1.82558 1.98125)"
>
<stop offset={0.459677} stopColor="#2E2043" />
<stop offset={1} stopColor="#4A3666" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint18_linear_18_20365"
x1={21.0156}
y1={20.7695}
x2={22.3014}
y2={20.7695}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#676072" />
<stop offset={1} stopColor="#8F8996" />
</linearGradient>
<linearGradient
id="paint19_linear_18_20365"
x1={10.9844}
y1={20.7695}
x2={8.4741}
y2={19.0091}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#676072" />
<stop offset={1} stopColor="#8F8996" />
</linearGradient>
<linearGradient
id="paint20_linear_18_20365"
x1={10.9844}
y1={19.71}
x2={10.1387}
y2={19.7263}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#67636C" />
<stop offset={1} stopColor="#9B999F" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_18_20365"
x1={25.4062}
y1={23.0625}
x2={26.877}
y2={20.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A9A6AE" />
<stop offset={1} stopColor="#8D8A92" />
</linearGradient>
<linearGradient
id="paint22_linear_18_20365"
x1={6.07957}
y1={19.2031}
x2={6.07957}
y2={23.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#544D61" />
<stop offset={1} stopColor="#67626E" />
</linearGradient>
<linearGradient
id="paint23_linear_18_20365"
x1={14.7344}
y1={12.5603}
x2={15.9063}
y2={13.5157}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#676198" />
<stop offset={1} stopColor="#676198" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = VideocassetteIcon;