UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

719 lines (718 loc) 23.3 kB
const React = require("react"); const LuggageIcon = ({ 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} <path d="M18.3132 5.02441H13.7659C13.541 5.02441 13.365 5.21633 13.365 5.43856V5.61027C13.365 5.8426 13.5508 6.02441 13.7659 6.02441H18.3034C18.5283 6.02441 18.7044 5.83249 18.7044 5.61027V5.43856C18.7141 5.20623 18.5283 5.02441 18.3132 5.02441Z" fill="url(#paint0_linear_18_13192)" /> <path d="M14.0348 3.50171H13.0348V6.50171H14.0348V3.50171Z" fill="url(#paint1_linear_18_13192)" /> <path d="M14.0348 3.50171H13.0348V6.50171H14.0348V3.50171Z" fill="url(#paint2_linear_18_13192)" /> <path d="M19.0348 3.50171H18.0348V6.50171H19.0348V3.50171Z" fill="url(#paint3_linear_18_13192)" /> <path d="M19.0348 3.50171H18.0348V6.50171H19.0348V3.50171Z" fill="url(#paint4_linear_18_13192)" /> <g filter="url(#filter0_iii_18_13192)"> <path fillRule="evenodd" clipRule="evenodd" d="M13.0348 3.20103C13.0348 2.5461 13.5624 2.00171 14.2248 2.00171H17.8448C18.5073 2.00171 19.0348 2.5461 19.0348 3.20103V4.00171H18.0348V3.20103C18.0348 3.08569 17.9424 3.00171 17.8448 3.00171H14.2248C14.1273 3.00171 14.0348 3.08569 14.0348 3.20103V4.00171H13.0348V3.20103Z" fill="url(#paint5_linear_18_13192)" /> </g> <path d="M12.0348 30.1C11.4848 30.1 11.0348 29.65 11.0348 29.1V28H13.0348V29.1C13.0348 29.65 12.5948 30.1 12.0348 30.1Z" fill="url(#paint6_radial_18_13192)" /> <path d="M20.0348 30.1C19.4848 30.1 19.0348 29.65 19.0348 29.1V28H21.0348V29.1C21.0348 29.65 20.5948 30.1 20.0348 30.1Z" fill="url(#paint7_radial_18_13192)" /> <g filter="url(#filter1_i_18_13192)"> <rect x={7.06966} y={6.02441} width={17.9303} height={22.942} rx={3.25} fill="url(#paint8_radial_18_13192)" /> </g> <g filter="url(#filter2_f_18_13192)"> <path d="M20.49 11.5295L18.8 13.2195C18.5669 13.4526 18.1979 13.4526 17.9745 13.2195L14.6043 9.84927C14.3712 9.61618 14.3712 9.2471 14.6043 9.02372L16.2942 7.33376C16.5273 7.10066 16.8964 7.10066 17.1198 7.33376L20.49 10.704C20.7134 10.9274 20.7134 11.2964 20.49 11.5295Z" fill="#3375CA" /> </g> <g filter="url(#filter3_dii_18_13192)"> <path d="M11.0348 27C10.4848 27 10.0348 26.55 10.0348 26V9C10.0348 8.45 10.4848 8 11.0348 8C11.5848 8 12.0348 8.45 12.0348 9V26C12.0348 26.55 11.5948 27 11.0348 27Z" fill="url(#paint9_linear_18_13192)" /> <path d="M11.0348 27C10.4848 27 10.0348 26.55 10.0348 26V9C10.0348 8.45 10.4848 8 11.0348 8C11.5848 8 12.0348 8.45 12.0348 9V26C12.0348 26.55 11.5948 27 11.0348 27Z" fill="url(#paint10_radial_18_13192)" /> </g> <g filter="url(#filter4_dii_18_13192)"> <path d="M16.0348 27C15.4848 27 15.0348 26.55 15.0348 26V9C15.0348 8.45 15.4848 8 16.0348 8C16.5848 8 17.0348 8.45 17.0348 9V26C17.0348 26.55 16.5948 27 16.0348 27Z" fill="url(#paint11_linear_18_13192)" /> <path d="M16.0348 27C15.4848 27 15.0348 26.55 15.0348 26V9C15.0348 8.45 15.4848 8 16.0348 8C16.5848 8 17.0348 8.45 17.0348 9V26C17.0348 26.55 16.5948 27 16.0348 27Z" fill="url(#paint12_radial_18_13192)" /> </g> <g filter="url(#filter5_dii_18_13192)"> <path d="M21.0348 27C20.4848 27 20.0348 26.55 20.0348 26V9C20.0348 8.45 20.4848 8 21.0348 8C21.5848 8 22.0348 8.45 22.0348 9V26C22.0348 26.55 21.5948 27 21.0348 27Z" fill="url(#paint13_linear_18_13192)" /> <path d="M21.0348 27C20.4848 27 20.0348 26.55 20.0348 26V9C20.0348 8.45 20.4848 8 21.0348 8C21.5848 8 22.0348 8.45 22.0348 9V26C22.0348 26.55 21.5948 27 21.0348 27Z" fill="url(#paint14_radial_18_13192)" /> </g> <g filter="url(#filter6_ii_18_13192)"> <path d="M20.8448 11.3081L19.1048 13.0481C18.8648 13.2881 18.4848 13.2881 18.2548 13.0481L14.7848 9.57811C14.5448 9.33811 14.5448 8.95811 14.7848 8.72811L16.5248 6.98811C16.7648 6.74811 17.1448 6.74811 17.3748 6.98811L20.8448 10.4581C21.0748 10.6881 21.0748 11.0681 20.8448 11.3081Z" fill="url(#paint15_linear_18_13192)" /> </g> <g filter="url(#filter7_f_18_13192)"> <path d="M12.088 6.51758H21.5342C22.3718 6.51758 23.1717 6.86576 23.7424 7.47879V7.47879C24.2623 8.03719 24.5514 8.77181 24.5514 9.53476V10.3039" stroke="url(#paint16_linear_18_13192)" strokeWidth={0.4} strokeLinecap="round" /> </g> <defs> <filter id="filter0_iii_18_13192" x={12.8848} y={1.85171} width={6.3} height={2.15} 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.15} /> <feGaussianBlur stdDeviation={0.15} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.2 0 0 0 0 0.180392 0 0 0 0 0.32549 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13192" /> <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} /> <feGaussianBlur stdDeviation={0.15} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.196078 0 0 0 0 0.168627 0 0 0 0 0.231373 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_13192" result="effect2_innerShadow_18_13192" /> <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} /> <feGaussianBlur stdDeviation={0.15} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.427451 0 0 0 0 0.34902 0 0 0 0 0.498039 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192" /> </filter> <filter id="filter1_i_18_13192" x={7.06966} y={5.72441} width={18.2303} height={23.2421} 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.3} dy={-0.3} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.317647 0 0 0 0 0.552941 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13192" /> </filter> <filter id="filter2_f_18_13192" x={13.9294} y={6.65894} width={7.22808} height={7.23535} 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_13192" /> </filter> <filter id="filter3_dii_18_13192" x={9.43484} y={7.6} width={3} height={20} 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.1} dy={0.1} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.372549 0 0 0 0 0.701961 0 0 0 0.5 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_13192" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_13192" 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} dy={-0.1} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.133333 0 0 0 0 0.396078 0 0 0 0 0.780392 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect2_innerShadow_18_13192" /> <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} dy={0.1} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.423529 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192" /> </filter> <filter id="filter4_dii_18_13192" x={14.4348} y={7.6} width={3} height={20} 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.1} dy={0.1} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.372549 0 0 0 0 0.701961 0 0 0 0.5 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_13192" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_13192" 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} dy={-0.1} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.133333 0 0 0 0 0.396078 0 0 0 0 0.780392 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect2_innerShadow_18_13192" /> <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} dy={0.1} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.423529 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192" /> </filter> <filter id="filter5_dii_18_13192" x={19.4348} y={7.6} width={3} height={20} 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.1} dy={0.1} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.372549 0 0 0 0 0.701961 0 0 0 0.5 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_13192" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_13192" 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} dy={-0.1} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.133333 0 0 0 0 0.396078 0 0 0 0 0.780392 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect2_innerShadow_18_13192" /> <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} dy={0.1} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.423529 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192" /> </filter> <filter id="filter6_ii_18_13192" x={14.4548} y={6.80811} width={6.8125} height={6.56992} 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.15} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.94902 0 0 0 0 0.945098 0 0 0 0 0.976471 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13192" /> <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.552941 0 0 0 0 0.552941 0 0 0 0 0.670588 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_13192" result="effect2_innerShadow_18_13192" /> </filter> <filter id="filter7_f_18_13192" x={11.488} y={5.91763} width={13.6634} height={4.98628} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.2} result="effect1_foregroundBlur_18_13192" /> </filter> <linearGradient id="paint0_linear_18_13192" x1={16.0348} y1={5.02441} x2={16.0348} y2={6.02441} gradientUnits="userSpaceOnUse" > <stop stopColor="#5C4872" /> <stop offset={1} stopColor="#383643" /> </linearGradient> <linearGradient id="paint1_linear_18_13192" x1={13.0348} y1={5.00171} x2={14.0348} y2={5.00171} gradientUnits="userSpaceOnUse" > <stop stopColor="#6C7481" /> <stop offset={0.206192} stopColor="#A5A6B3" /> <stop offset={0.831192} stopColor="#A5A6B3" /> <stop offset={1} stopColor="#BFC0CA" /> </linearGradient> <linearGradient id="paint2_linear_18_13192" x1={14.0348} y1={6.21378} x2={14.0348} y2={4.79273} gradientUnits="userSpaceOnUse" > <stop stopColor="#666B75" /> <stop offset={1} stopColor="#666B75" stopOpacity={0} /> </linearGradient> <linearGradient id="paint3_linear_18_13192" x1={18.0348} y1={5.00171} x2={19.0348} y2={5.00171} gradientUnits="userSpaceOnUse" > <stop stopColor="#6C7481" /> <stop offset={0.206192} stopColor="#A5A6B3" /> <stop offset={0.831192} stopColor="#A5A6B3" /> <stop offset={1} stopColor="#BFC0CA" /> </linearGradient> <linearGradient id="paint4_linear_18_13192" x1={19.0348} y1={6.21378} x2={19.0348} y2={4.79273} gradientUnits="userSpaceOnUse" > <stop stopColor="#666B75" /> <stop offset={1} stopColor="#666B75" stopOpacity={0} /> </linearGradient> <linearGradient id="paint5_linear_18_13192" x1={16.0348} y1={2.00171} x2={16.0348} y2={4.00171} gradientUnits="userSpaceOnUse" > <stop stopColor="#5A446F" /> <stop offset={1} stopColor="#3B3641" /> </linearGradient> <radialGradient id="paint6_radial_18_13192" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0348 30.1) rotate(-90) scale(1.28144 1.86841)" > <stop stopColor="#432959" /> <stop offset={1} stopColor="#27262C" /> </radialGradient> <radialGradient id="paint7_radial_18_13192" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.0348 30.1) rotate(-90) scale(1.28144 1.86841)" > <stop stopColor="#432959" /> <stop offset={1} stopColor="#27262C" /> </radialGradient> <radialGradient id="paint8_radial_18_13192" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.7036 9.06505) rotate(119.982) scale(25.0913 19.6101)" > <stop stopColor="#469AEB" /> <stop offset={1} stopColor="#2B62B7" /> </radialGradient> <linearGradient id="paint9_linear_18_13192" x1={11.0392} y1={8.9718} x2={11.0392} y2={26.5594} gradientUnits="userSpaceOnUse" > <stop stopColor="#5FDEF9" /> <stop offset={1} stopColor="#48A7F0" /> </linearGradient> <radialGradient id="paint10_radial_18_13192" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0348 7.74809) rotate(121.999) scale(1.56265 1.81502)" > <stop stopColor="#6BFBFF" /> <stop offset={1} stopColor="#6BFBFF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint11_linear_18_13192" x1={16.0392} y1={8.9718} x2={16.0392} y2={26.5594} gradientUnits="userSpaceOnUse" > <stop stopColor="#5FDEF9" /> <stop offset={1} stopColor="#48A7F0" /> </linearGradient> <radialGradient id="paint12_radial_18_13192" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.0348 7.74809) rotate(121.999) scale(1.56265 1.81502)" > <stop stopColor="#6BFBFF" /> <stop offset={1} stopColor="#6BFBFF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint13_linear_18_13192" x1={21.0392} y1={8.9718} x2={21.0392} y2={26.5594} gradientUnits="userSpaceOnUse" > <stop stopColor="#5FDEF9" /> <stop offset={1} stopColor="#48A7F0" /> </linearGradient> <radialGradient id="paint14_radial_18_13192" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.0348 7.74809) rotate(121.999) scale(1.56265 1.81502)" > <stop stopColor="#6BFBFF" /> <stop offset={1} stopColor="#6BFBFF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint15_linear_18_13192" x1={15.8726} y1={8.07431} x2={19.8725} y2={12.0742} gradientUnits="userSpaceOnUse" > <stop stopColor="#D0C5D6" /> <stop offset={1} stopColor="#CEC3D5" /> </linearGradient> <linearGradient id="paint16_linear_18_13192" x1={23.8257} y1={6.51758} x2={22.2796} y2={8.88403} gradientUnits="userSpaceOnUse" > <stop stopColor="#5AABF7" /> <stop offset={1} stopColor="#5AABF7" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = LuggageIcon;