UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

552 lines (551 loc) 21.2 kB
const React = require("react"); const IncomingEnvelopeIcon = ({ 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="M8.41866 16.2941L18.7075 17.158L16.7326 28.0896L6.31069 28.5703L8.41866 16.2941Z" fill="#DFD0E6" /> <path d="M8.41866 16.2941L18.7075 17.158L16.7326 28.0896L6.31069 28.5703L8.41866 16.2941Z" fill="url(#paint0_linear_18_21816)" /> <path d="M8.41866 16.2941L18.7075 17.158L16.7326 28.0896L6.31069 28.5703L8.41866 16.2941Z" fill="url(#paint1_linear_18_21816)" /> <path d="M8.41866 16.2941L18.7075 17.158L16.7326 28.0896L6.31069 28.5703L8.41866 16.2941Z" fill="url(#paint2_linear_18_21816)" /> <path d="M27.2873 28.5782L16.9599 27.5746L18.9348 16.643L29.3567 16.1623L27.2873 28.5782Z" fill="url(#paint3_linear_18_21816)" /> <path d="M27.2873 28.5782L16.9599 27.5746L18.9348 16.643L29.3567 16.1623L27.2873 28.5782Z" fill="url(#paint4_linear_18_21816)" /> <path d="M27.2873 28.5782L16.9599 27.5746L18.9348 16.643L29.3567 16.1623L27.2873 28.5782Z" fill="url(#paint5_linear_18_21816)" /> <path d="M27.2442 28.7722L27.2968 28.5411C27.333 28.3823 27.2691 28.2173 27.1354 28.1242L18.198 21.8977C18.072 21.81 17.907 21.802 17.7732 21.8773L6.56275 28.1845C6.42943 28.2595 6.33778 28.3914 6.314 28.5425L6.27599 28.784C6.18049 29.3908 6.64956 29.9394 7.26384 29.9394H25.7816C26.4818 29.9394 27.0889 29.455 27.2442 28.7722Z" fill="#E6D8F1" /> <path d="M27.2442 28.7722L27.2968 28.5411C27.333 28.3823 27.2691 28.2173 27.1354 28.1242L18.198 21.8977C18.072 21.81 17.907 21.802 17.7732 21.8773L6.56275 28.1845C6.42943 28.2595 6.33778 28.3914 6.314 28.5425L6.27599 28.784C6.18049 29.3908 6.64956 29.9394 7.26384 29.9394H25.7816C26.4818 29.9394 27.0889 29.455 27.2442 28.7722Z" fill="url(#paint6_linear_18_21816)" /> <path d="M27.2442 28.7722L27.2968 28.5411C27.333 28.3823 27.2691 28.2173 27.1354 28.1242L18.198 21.8977C18.072 21.81 17.907 21.802 17.7732 21.8773L6.56275 28.1845C6.42943 28.2595 6.33778 28.3914 6.314 28.5425L6.27599 28.784C6.18049 29.3908 6.64956 29.9394 7.26384 29.9394H25.7816C26.4818 29.9394 27.0889 29.455 27.2442 28.7722Z" fill="url(#paint7_linear_18_21816)" /> <path d="M27.2442 28.7722L27.2968 28.5411C27.333 28.3823 27.2691 28.2173 27.1354 28.1242L18.198 21.8977C18.072 21.81 17.907 21.802 17.7732 21.8773L6.56275 28.1845C6.42943 28.2595 6.33778 28.3914 6.314 28.5425L6.27599 28.784C6.18049 29.3908 6.64956 29.9394 7.26384 29.9394H25.7816C26.4818 29.9394 27.0889 29.455 27.2442 28.7722Z" fill="url(#paint8_linear_18_21816)" /> <path d="M27.2442 28.7722L27.2968 28.5411C27.333 28.3823 27.2691 28.2173 27.1354 28.1242L18.198 21.8977C18.072 21.81 17.907 21.802 17.7732 21.8773L6.56275 28.1845C6.42943 28.2595 6.33778 28.3914 6.314 28.5425L6.27599 28.784C6.18049 29.3908 6.64956 29.9394 7.26384 29.9394H25.7816C26.4818 29.9394 27.0889 29.455 27.2442 28.7722Z" fill="url(#paint9_linear_18_21816)" /> <path d="M27.2442 28.7722L27.2968 28.5411C27.333 28.3823 27.2691 28.2173 27.1354 28.1242L18.198 21.8977C18.072 21.81 17.907 21.802 17.7732 21.8773L6.56275 28.1845C6.42943 28.2595 6.33778 28.3914 6.314 28.5425L6.27599 28.784C6.18049 29.3908 6.64956 29.9394 7.26384 29.9394H25.7816C26.4818 29.9394 27.0889 29.455 27.2442 28.7722Z" fill="url(#paint10_radial_18_21816)" /> <g filter="url(#filter0_i_18_21816)"> <path d="M1.49823 16.7148C1.49823 16.3373 1.80429 16.0312 2.18182 16.0312H6.75995C7.13749 16.0312 7.44354 16.3373 7.44354 16.7148C7.44354 17.0924 7.13749 17.3984 6.75995 17.3984H2.18182C1.80429 17.3984 1.49823 17.0924 1.49823 16.7148Z" fill="url(#paint11_radial_18_21816)" /> <path d="M1.49823 16.7148C1.49823 16.3373 1.80429 16.0312 2.18182 16.0312H6.75995C7.13749 16.0312 7.44354 16.3373 7.44354 16.7148C7.44354 17.0924 7.13749 17.3984 6.75995 17.3984H2.18182C1.80429 17.3984 1.49823 17.0924 1.49823 16.7148Z" fill="url(#paint12_radial_18_21816)" /> <path d="M1.49823 16.7148C1.49823 16.3373 1.80429 16.0312 2.18182 16.0312H6.75995C7.13749 16.0312 7.44354 16.3373 7.44354 16.7148C7.44354 17.0924 7.13749 17.3984 6.75995 17.3984H2.18182C1.80429 17.3984 1.49823 17.0924 1.49823 16.7148Z" fill="url(#paint13_radial_18_21816)" /> </g> <g filter="url(#filter1_i_18_21816)"> <path d="M1.49823 24.7227C1.49823 24.3451 1.80429 24.0391 2.18182 24.0391H4.7912C5.16874 24.0391 5.47479 24.3451 5.47479 24.7227C5.47479 25.1002 5.16874 25.4062 4.7912 25.4062H2.18182C1.80429 25.4062 1.49823 25.1002 1.49823 24.7227Z" fill="url(#paint14_radial_18_21816)" /> <path d="M1.49823 24.7227C1.49823 24.3451 1.80429 24.0391 2.18182 24.0391H4.7912C5.16874 24.0391 5.47479 24.3451 5.47479 24.7227C5.47479 25.1002 5.16874 25.4062 4.7912 25.4062H2.18182C1.80429 25.4062 1.49823 25.1002 1.49823 24.7227Z" fill="url(#paint15_radial_18_21816)" /> <path d="M1.49823 24.7227C1.49823 24.3451 1.80429 24.0391 2.18182 24.0391H4.7912C5.16874 24.0391 5.47479 24.3451 5.47479 24.7227C5.47479 25.1002 5.16874 25.4062 4.7912 25.4062H2.18182C1.80429 25.4062 1.49823 25.1002 1.49823 24.7227Z" fill="url(#paint16_radial_18_21816)" /> </g> <g filter="url(#filter2_i_18_21816)"> <path d="M1.49823 20.707C1.49823 20.3295 1.80429 20.0234 2.18182 20.0234H5.83026C6.2078 20.0234 6.51385 20.3295 6.51385 20.707C6.51385 21.0846 6.2078 21.3906 5.83026 21.3906H2.18182C1.80429 21.3906 1.49823 21.0846 1.49823 20.707Z" fill="url(#paint17_radial_18_21816)" /> <path d="M1.49823 20.707C1.49823 20.3295 1.80429 20.0234 2.18182 20.0234H5.83026C6.2078 20.0234 6.51385 20.3295 6.51385 20.707C6.51385 21.0846 6.2078 21.3906 5.83026 21.3906H2.18182C1.80429 21.3906 1.49823 21.0846 1.49823 20.707Z" fill="url(#paint18_radial_18_21816)" /> <path d="M1.49823 20.707C1.49823 20.3295 1.80429 20.0234 2.18182 20.0234H5.83026C6.2078 20.0234 6.51385 20.3295 6.51385 20.707C6.51385 21.0846 6.2078 21.3906 5.83026 21.3906H2.18182C1.80429 21.3906 1.49823 21.0846 1.49823 20.707Z" fill="url(#paint19_radial_18_21816)" /> </g> <g filter="url(#filter3_ii_18_21816)"> <path d="M8.46569 16.0775L8.41312 16.3086C8.37698 16.4674 8.44081 16.6324 8.57451 16.7255L17.5116 22.9517C17.6377 23.0396 17.8031 23.0474 17.937 22.9718L29.1094 16.6604C29.2096 16.6038 29.2805 16.5069 29.3041 16.3943L29.3626 16.1158C29.4931 15.4944 29.0189 14.9103 28.384 14.9103H9.92831C9.22809 14.9103 8.62102 15.3947 8.46569 16.0775Z" fill="url(#paint20_linear_18_21816)" /> <path d="M8.46569 16.0775L8.41312 16.3086C8.37698 16.4674 8.44081 16.6324 8.57451 16.7255L17.5116 22.9517C17.6377 23.0396 17.8031 23.0474 17.937 22.9718L29.1094 16.6604C29.2096 16.6038 29.2805 16.5069 29.3041 16.3943L29.3626 16.1158C29.4931 15.4944 29.0189 14.9103 28.384 14.9103H9.92831C9.22809 14.9103 8.62102 15.3947 8.46569 16.0775Z" fill="url(#paint21_linear_18_21816)" /> <path d="M8.46569 16.0775L8.41312 16.3086C8.37698 16.4674 8.44081 16.6324 8.57451 16.7255L17.5116 22.9517C17.6377 23.0396 17.8031 23.0474 17.937 22.9718L29.1094 16.6604C29.2096 16.6038 29.2805 16.5069 29.3041 16.3943L29.3626 16.1158C29.4931 15.4944 29.0189 14.9103 28.384 14.9103H9.92831C9.22809 14.9103 8.62102 15.3947 8.46569 16.0775Z" fill="url(#paint22_linear_18_21816)" /> <path d="M8.46569 16.0775L8.41312 16.3086C8.37698 16.4674 8.44081 16.6324 8.57451 16.7255L17.5116 22.9517C17.6377 23.0396 17.8031 23.0474 17.937 22.9718L29.1094 16.6604C29.2096 16.6038 29.2805 16.5069 29.3041 16.3943L29.3626 16.1158C29.4931 15.4944 29.0189 14.9103 28.384 14.9103H9.92831C9.22809 14.9103 8.62102 15.3947 8.46569 16.0775Z" fill="url(#paint23_radial_18_21816)" /> </g> <defs> <filter id="filter0_i_18_21816" x={1.49823} y={15.9312} width={5.94531} height={1.46719} 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.1} /> <feGaussianBlur stdDeviation={0.175} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.411765 0 0 0 0 0.647059 0 0 0 0 0.976471 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_21816" /> </filter> <filter id="filter1_i_18_21816" x={1.49823} y={23.9391} width={3.97656} height={1.46719} 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.1} /> <feGaussianBlur stdDeviation={0.175} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.411765 0 0 0 0 0.647059 0 0 0 0 0.976471 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_21816" /> </filter> <filter id="filter2_i_18_21816" x={1.49823} y={19.9234} width={5.01562} height={1.46719} 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.1} /> <feGaussianBlur stdDeviation={0.175} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.411765 0 0 0 0 0.647059 0 0 0 0 0.976471 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_21816" /> </filter> <filter id="filter3_ii_18_21816" x={8.40314} y={14.8103} width={20.9812} height={8.41328} 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.2} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.87451 0 0 0 0 0.858824 0 0 0 0 0.854902 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_21816" /> <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.1} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.85098 0 0 0 0 0.737255 0 0 0 0 0.929412 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_21816" result="effect2_innerShadow_18_21816" /> </filter> <linearGradient id="paint0_linear_18_21816" x1={13.6232} y1={24.4687} x2={13.2951} y2={23.8125} gradientUnits="userSpaceOnUse" > <stop offset={0.2} stopColor="#DAC7DE" /> <stop offset={1} stopColor="#DAC7DE" stopOpacity={0} /> </linearGradient> <linearGradient id="paint1_linear_18_21816" x1={7.51385} y1={21.4062} x2={10.3264} y2={21.875} gradientUnits="userSpaceOnUse" > <stop offset={0.0648649} stopColor="#CEB9C1" /> <stop offset={1} stopColor="#DBCAE1" stopOpacity={0} /> </linearGradient> <linearGradient id="paint2_linear_18_21816" x1={15.1389} y1={20.7187} x2={13.6701} y2={22.5312} gradientUnits="userSpaceOnUse" > <stop offset={0.228652} stopColor="#CAA9DD" /> <stop offset={1} stopColor="#D5BFE2" stopOpacity={0} /> </linearGradient> <linearGradient id="paint3_linear_18_21816" x1={27.8889} y1={23.6563} x2={25.4514} y2={23.2188} gradientUnits="userSpaceOnUse" > <stop offset={0.142178} stopColor="#F2EDF9" /> <stop offset={1} stopColor="#EDE3F8" /> </linearGradient> <linearGradient id="paint4_linear_18_21816" x1={23.2424} y1={26.2813} x2={24.3576} y2={24.7813} gradientUnits="userSpaceOnUse" > <stop stopColor="#F6EDFF" /> <stop offset={1} stopColor="#F6EDFF" stopOpacity={0} /> </linearGradient> <linearGradient id="paint5_linear_18_21816" x1={20.0451} y1={21.4688} x2={21.1701} y2={23.0938} gradientUnits="userSpaceOnUse" > <stop offset={0.0782194} stopColor="#E3D0F4" /> <stop offset={1} stopColor="#EBDDF9" stopOpacity={0} /> </linearGradient> <linearGradient id="paint6_linear_18_21816" x1={16.7852} y1={21.8259} x2={16.7852} y2={29.6876} gradientUnits="userSpaceOnUse" > <stop stopColor="#E6D9F2" /> <stop offset={1} stopColor="#E1CEF3" /> </linearGradient> <linearGradient id="paint7_linear_18_21816" x1={16.7852} y1={27.2813} x2={16.7852} y2={29.9394} gradientUnits="userSpaceOnUse" > <stop stopColor="#DAC1F0" stopOpacity={0} /> <stop offset={1} stopColor="#CCA3EA" /> </linearGradient> <linearGradient id="paint8_linear_18_21816" x1={21.8576} y1={24.1563} x2={21.3654} y2={24.8594} gradientUnits="userSpaceOnUse" > <stop offset={0.311503} stopColor="#F6F1FB" /> <stop offset={1} stopColor="#E5D6F4" stopOpacity={0} /> </linearGradient> <linearGradient id="paint9_linear_18_21816" x1={12.5624} y1={24.8418} x2={12.7435} y2={25.1587} gradientUnits="userSpaceOnUse" > <stop stopColor="#DCC9D5" /> <stop offset={1} stopColor="#E6D7F4" stopOpacity={0} /> </linearGradient> <radialGradient id="paint10_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.6816 22.0919) rotate(38.0888) scale(1.59598 1.12561)" > <stop stopColor="#D8C2E7" /> <stop offset={1} stopColor="#D8C2E7" stopOpacity={0} /> </radialGradient> <radialGradient id="paint11_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(2.01385 16.375) scale(5.20313 0.958471)" > <stop stopColor="#72FAFF" /> <stop offset={1} stopColor="#50CBFF" /> </radialGradient> <radialGradient id="paint12_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7.34198 16.4687) rotate(180) scale(0.734375 0.609375)" > <stop offset={0.170212} stopColor="#6CE5FF" /> <stop offset={1} stopColor="#6CE5FF" stopOpacity={0} /> </radialGradient> <radialGradient id="paint13_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(1.49823 16.1094) rotate(30.6186) scale(0.889665 1.06435)" > <stop stopColor="#84CCC1" /> <stop offset={1} stopColor="#84CCC1" stopOpacity={0} /> </radialGradient> <radialGradient id="paint14_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(1.84311 24.3828) scale(3.48015 0.958471)" > <stop stopColor="#72FAFF" /> <stop offset={1} stopColor="#50CBFF" /> </radialGradient> <radialGradient id="paint15_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(5.40686 24.4766) rotate(180) scale(0.491191 0.609375)" > <stop offset={0.170212} stopColor="#6CE5FF" /> <stop offset={1} stopColor="#6CE5FF" stopOpacity={0} /> </radialGradient> <radialGradient id="paint16_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(1.49823 24.1172) rotate(41.504) scale(0.683785 0.926239)" > <stop stopColor="#84CCC1" /> <stop offset={1} stopColor="#84CCC1" stopOpacity={0} /> </radialGradient> <radialGradient id="paint17_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(1.93323 20.3672) scale(4.3895 0.958471)" > <stop stopColor="#72FAFF" /> <stop offset={1} stopColor="#50CBFF" /> </radialGradient> <radialGradient id="paint18_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(6.42817 20.4609) rotate(180) scale(0.619538 0.609375)" > <stop offset={0.170212} stopColor="#6CE5FF" /> <stop offset={1} stopColor="#6CE5FF" stopOpacity={0} /> </radialGradient> <radialGradient id="paint19_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(1.49823 20.1016) rotate(35.0511) scale(0.788994 1.01248)" > <stop stopColor="#84CCC1" /> <stop offset={1} stopColor="#84CCC1" stopOpacity={0} /> </radialGradient> <linearGradient id="paint20_linear_18_21816" x1={9.13885} y1={17} x2={28.5139} y2={17} gradientUnits="userSpaceOnUse" > <stop stopColor="#E5DAE4" /> <stop offset={1} stopColor="#EEE7F3" /> </linearGradient> <linearGradient id="paint21_linear_18_21816" x1={14.1701} y1={20.5625} x2={15.6701} y2={18.375} gradientUnits="userSpaceOnUse" > <stop stopColor="#DECEE7" /> <stop offset={1} stopColor="#E9E0EA" stopOpacity={0} /> </linearGradient> <linearGradient id="paint22_linear_18_21816" x1={8.40314} y1={15.75} x2={11.1389} y2={16.6562} gradientUnits="userSpaceOnUse" > <stop stopColor="#D6C0BE" /> <stop offset={1} stopColor="#E1D0D7" stopOpacity={0} /> </linearGradient> <radialGradient id="paint23_radial_18_21816" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(28.8889 16.7187) rotate(150.32) scale(12.733 4.85474)" > <stop stopColor="#FBF9FE" /> <stop offset={1} stopColor="#E9E3EB" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = IncomingEnvelopeIcon;