@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
309 lines (308 loc) • 13.5 kB
JSX
const React = require("react");
const LeftLuggageIcon = ({ 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_518)">
<rect
x={2.48657}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_518)"
/>
<rect
x={2.48657}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_518)"
/>
</g>
<g filter="url(#filter1_f_18590_518)">
<path
d="M28.6741 4.1875V27.0625"
stroke="url(#paint2_linear_18590_518)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_518)">
<path
d="M5.95044 3.5H27.7317"
stroke="url(#paint3_linear_18590_518)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_518)">
<path
d="M16.0553 8.32839C16.0143 8.32839 15.9775 8.35355 15.9616 8.39136C15.4689 9.56325 14.3131 10.3858 12.9658 10.3858C11.1709 10.3858 9.71582 8.9259 9.71582 7.125C9.71582 5.32411 11.1709 3.8642 12.9658 3.8642C14.2467 3.8642 15.3545 4.60766 15.884 5.68795C15.9011 5.72286 15.9364 5.74548 15.9752 5.74548H22.3762C22.4007 5.74548 22.4249 5.74636 22.4489 5.74808C22.454 5.74845 22.4591 5.74847 22.4642 5.74812C22.4932 5.74617 22.5225 5.74518 22.552 5.74518C23.2639 5.74518 23.8411 6.32232 23.8411 7.03425C23.8411 7.72642 23.2955 8.29118 22.611 8.322C22.5737 8.32622 22.5357 8.32839 22.4973 8.32839L21.5475 8.32839C21.3422 8.32839 21.1453 8.24684 21.0001 8.10166L20.8398 7.94135C20.6261 7.72759 20.2795 7.72759 20.0657 7.94135C19.852 8.15511 19.5054 8.15511 19.2916 7.94135C19.0779 7.72759 18.7313 7.72759 18.5176 7.94135L18.3572 8.10167C18.2121 8.24684 18.0152 8.32839 17.8099 8.32839H16.0553ZM11.3331 7.875C11.7473 7.875 12.0831 7.53921 12.0831 7.125C12.0831 6.71079 11.7473 6.375 11.3331 6.375C10.9189 6.375 10.5831 6.71079 10.5831 7.125C10.5831 7.53921 10.9189 7.875 11.3331 7.875Z"
fill="#579FFF"
/>
<path
d="M14.8435 15.2858C14.8408 15.341 14.7963 15.3858 14.7411 15.3858H13.0911C12.953 15.3858 12.8411 15.4977 12.8411 15.6358V25.1358C12.8411 25.2739 12.953 25.3858 13.0911 25.3858H20.5911C20.7291 25.3858 20.8411 25.2739 20.8411 25.1358V15.6358C20.8411 15.4977 20.7291 15.3858 20.5911 15.3858H18.9411C18.8858 15.3858 18.8413 15.341 18.8386 15.2858C18.7865 14.2277 17.9121 13.3858 16.8411 13.3858C15.77 13.3858 14.8956 14.2277 14.8435 15.2858ZM17.8361 15.2859C17.8416 15.3409 17.7963 15.3858 17.7411 15.3858H15.9411C15.8858 15.3858 15.8405 15.3409 15.846 15.2859C15.8961 14.7805 16.3225 14.3858 16.8411 14.3858C17.3596 14.3858 17.786 14.7805 17.8361 15.2859Z"
fill="#579FFF"
/>
<path
d="M8.84106 16.3858C8.84106 15.8335 9.28878 15.3858 9.84106 15.3858H11.5911C11.7291 15.3858 11.8411 15.4977 11.8411 15.6358V25.1358C11.8411 25.2739 11.7291 25.3858 11.5911 25.3858H9.84106C9.28878 25.3858 8.84106 24.9381 8.84106 24.3858V16.3858Z"
fill="#579FFF"
/>
<path
d="M22.0911 25.3858C21.953 25.3858 21.8411 25.2739 21.8411 25.1358V15.6358C21.8411 15.4977 21.953 15.3858 22.0911 15.3858H23.8411C24.3933 15.3858 24.8411 15.8335 24.8411 16.3858V24.3858C24.8411 24.9381 24.3933 25.3858 23.8411 25.3858H22.0911Z"
fill="#579FFF"
/>
<path
d="M7.34106 11.3858C6.51264 11.3858 5.84106 12.0574 5.84106 12.8858V25.8858C5.84106 26.7142 6.51264 27.3858 7.34106 27.3858H26.3411C27.1695 27.3858 27.8411 26.7142 27.8411 25.8858V12.8858C27.8411 12.0574 27.1695 11.3858 26.3411 11.3858H7.34106ZM7.34106 12.3858H26.3411C26.6172 12.3858 26.8411 12.6097 26.8411 12.8858V25.8858C26.8411 26.1619 26.6172 26.3858 26.3411 26.3858H7.34106C7.06492 26.3858 6.84106 26.1619 6.84106 25.8858V12.8858C6.84106 12.6097 7.06492 12.3858 7.34106 12.3858Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_518)">
<path
d="M16.0553 8.32839C16.0143 8.32839 15.9775 8.35355 15.9616 8.39136C15.4689 9.56325 14.3131 10.3858 12.9658 10.3858C11.1709 10.3858 9.71582 8.9259 9.71582 7.125C9.71582 5.32411 11.1709 3.8642 12.9658 3.8642C14.2467 3.8642 15.3545 4.60766 15.884 5.68795C15.9011 5.72286 15.9364 5.74548 15.9752 5.74548H22.3762C22.4007 5.74548 22.4249 5.74636 22.4489 5.74808C22.454 5.74845 22.4591 5.74847 22.4642 5.74812C22.4932 5.74617 22.5225 5.74518 22.552 5.74518C23.2639 5.74518 23.8411 6.32232 23.8411 7.03425C23.8411 7.72642 23.2955 8.29118 22.611 8.322C22.5737 8.32622 22.5357 8.32839 22.4973 8.32839L21.5475 8.32839C21.3422 8.32839 21.1453 8.24684 21.0001 8.10166L20.8398 7.94135C20.6261 7.72759 20.2795 7.72759 20.0657 7.94135C19.852 8.15511 19.5054 8.15511 19.2916 7.94135C19.0779 7.72759 18.7313 7.72759 18.5176 7.94135L18.3572 8.10167C18.2121 8.24684 18.0152 8.32839 17.8099 8.32839H16.0553ZM11.3331 7.875C11.7473 7.875 12.0831 7.53921 12.0831 7.125C12.0831 6.71079 11.7473 6.375 11.3331 6.375C10.9189 6.375 10.5831 6.71079 10.5831 7.125C10.5831 7.53921 10.9189 7.875 11.3331 7.875Z"
fill="#FCF2FF"
/>
<path
d="M14.8435 15.2858C14.8408 15.341 14.7963 15.3858 14.7411 15.3858H13.0911C12.953 15.3858 12.8411 15.4977 12.8411 15.6358V25.1358C12.8411 25.2739 12.953 25.3858 13.0911 25.3858H20.5911C20.7291 25.3858 20.8411 25.2739 20.8411 25.1358V15.6358C20.8411 15.4977 20.7291 15.3858 20.5911 15.3858H18.9411C18.8858 15.3858 18.8413 15.341 18.8386 15.2858C18.7865 14.2277 17.9121 13.3858 16.8411 13.3858C15.77 13.3858 14.8956 14.2277 14.8435 15.2858ZM17.8361 15.2859C17.8416 15.3409 17.7963 15.3858 17.7411 15.3858H15.9411C15.8858 15.3858 15.8405 15.3409 15.846 15.2859C15.8961 14.7805 16.3225 14.3858 16.8411 14.3858C17.3596 14.3858 17.786 14.7805 17.8361 15.2859Z"
fill="#FCF2FF"
/>
<path
d="M8.84106 16.3858C8.84106 15.8335 9.28878 15.3858 9.84106 15.3858H11.5911C11.7291 15.3858 11.8411 15.4977 11.8411 15.6358V25.1358C11.8411 25.2739 11.7291 25.3858 11.5911 25.3858H9.84106C9.28878 25.3858 8.84106 24.9381 8.84106 24.3858V16.3858Z"
fill="#FCF2FF"
/>
<path
d="M22.0911 25.3858C21.953 25.3858 21.8411 25.2739 21.8411 25.1358V15.6358C21.8411 15.4977 21.953 15.3858 22.0911 15.3858H23.8411C24.3933 15.3858 24.8411 15.8335 24.8411 16.3858V24.3858C24.8411 24.9381 24.3933 25.3858 23.8411 25.3858H22.0911Z"
fill="#FCF2FF"
/>
<path
d="M7.34106 11.3858C6.51264 11.3858 5.84106 12.0574 5.84106 12.8858V25.8858C5.84106 26.7142 6.51264 27.3858 7.34106 27.3858H26.3411C27.1695 27.3858 27.8411 26.7142 27.8411 25.8858V12.8858C27.8411 12.0574 27.1695 11.3858 26.3411 11.3858H7.34106ZM7.34106 12.3858H26.3411C26.6172 12.3858 26.8411 12.6097 26.8411 12.8858V25.8858C26.8411 26.1619 26.6172 26.3858 26.3411 26.3858H7.34106C7.06492 26.3858 6.84106 26.1619 6.84106 25.8858V12.8858C6.84106 12.6097 7.06492 12.3858 7.34106 12.3858Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_518"
x={2.48657}
y={0.6875}
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_518"
/>
<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_518"
result="effect2_innerShadow_18590_518"
/>
</filter>
<filter
id="filter1_f_18590_518"
x={25.9241}
y={1.4375}
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_518"
/>
</filter>
<filter
id="filter2_f_18590_518"
x={3.20044}
y={0.75}
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_518"
/>
</filter>
<filter
id="filter3_f_18590_518"
x={4.84106}
y={2.8642}
width={24}
height={25.5216}
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_518"
/>
</filter>
<filter
id="filter4_ii_18590_518"
x={5.14106}
y={3.4642}
width={23.1}
height={24.6216}
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.7} dy={0.7} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_518"
/>
<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 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_518"
result="effect2_innerShadow_18590_518"
/>
</filter>
<linearGradient
id="paint0_linear_18590_518"
x1={16.4241}
y1={5.26201}
x2={16.4241}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_518"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1428 3.78125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_518"
x1={29.1741}
y1={4.1875}
x2={29.1741}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_518"
x1={28.8879}
y1={3.75002}
x2={3.35669}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = LeftLuggageIcon;