UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

437 lines (436 loc) 14.7 kB
const React = require("react"); const SeatIcon = ({ 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="M10.0002 5.3583C9.92773 5.09185 10.0849 4.81707 10.3514 4.74455L12.8872 4.05442C13.1536 3.9819 13.4284 4.13911 13.5009 4.40556L14.7674 9.05921C14.84 9.32566 14.6827 9.60045 14.4163 9.67296L11.8805 10.3631C11.6141 10.4356 11.3393 10.2784 11.2668 10.0119L10.0002 5.3583Z" fill="url(#paint0_linear_18_12807)" /> <path d="M10.0002 5.3583C9.92773 5.09185 10.0849 4.81707 10.3514 4.74455L12.8872 4.05442C13.1536 3.9819 13.4284 4.13911 13.5009 4.40556L14.7674 9.05921C14.84 9.32566 14.6827 9.60045 14.4163 9.67296L11.8805 10.3631C11.6141 10.4356 11.3393 10.2784 11.2668 10.0119L10.0002 5.3583Z" fill="url(#paint1_linear_18_12807)" /> <path d="M10.0002 5.3583C9.92773 5.09185 10.0849 4.81707 10.3514 4.74455L12.8872 4.05442C13.1536 3.9819 13.4284 4.13911 13.5009 4.40556L14.7674 9.05921C14.84 9.32566 14.6827 9.60045 14.4163 9.67296L11.8805 10.3631C11.6141 10.4356 11.3393 10.2784 11.2668 10.0119L10.0002 5.3583Z" fill="url(#paint2_radial_18_12807)" /> <g filter="url(#filter0_ii_18_12807)"> <path d="M6.60651 5.18325C6.43427 4.53974 6.81914 3.8791 7.46389 3.71155L9.89182 3.08061C10.5296 2.91486 11.1818 3.29446 11.3526 3.93091L15.5908 19.7187H10.4971L6.60651 5.18325Z" fill="url(#paint3_linear_18_12807)" /> </g> <path d="M6.60651 5.18325C6.43427 4.53974 6.81914 3.8791 7.46389 3.71155L9.89182 3.08061C10.5296 2.91486 11.1818 3.29446 11.3526 3.93091L15.5908 19.7187H10.4971L6.60651 5.18325Z" fill="url(#paint4_linear_18_12807)" /> <g filter="url(#filter1_i_18_12807)"> <path d="M11.6599 24.1899L10.4067 19.3755C10.3655 19.2171 10.485 19.0625 10.6486 19.0625H25.4346C25.9869 19.0625 26.4346 19.5102 26.4346 20.0625V24.125C26.4346 24.6773 25.9869 25.125 25.4346 25.125H12.8696C12.3005 25.125 11.8033 24.7406 11.6599 24.1899Z" fill="url(#paint5_linear_18_12807)" /> </g> <path d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z" fill="url(#paint6_linear_18_12807)" /> <path d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z" fill="url(#paint7_linear_18_12807)" /> <path d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z" fill="url(#paint8_linear_18_12807)" /> <path d="M12.9357 29.1035L12.1409 26.4078C11.952 25.7672 12.4322 25.125 13.1001 25.125H25.4346C25.9869 25.125 26.4346 25.5727 26.4346 26.125V29C26.4346 29.5523 25.9869 30 25.4346 30H14.1347C13.5805 30 13.0924 29.6351 12.9357 29.1035Z" fill="url(#paint9_linear_18_12807)" /> <path d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z" fill="url(#paint10_linear_18_12807)" /> <path d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z" fill="url(#paint11_linear_18_12807)" /> <path d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z" fill="url(#paint12_linear_18_12807)" /> <path d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z" fill="url(#paint13_linear_18_12807)" /> <path d="M12.6104 28L12.9357 29.1035C13.0924 29.6351 13.5805 30 14.1347 30H25.4346C25.9869 30 26.4346 29.5523 26.4346 29V28H12.6104Z" fill="url(#paint14_radial_18_12807)" /> <g filter="url(#filter2_f_18_12807)"> <path d="M9.88603 16.0987C9.63885 15.1773 10.3331 14.2722 11.2871 14.2722L13.9141 14.2722L14.7778 17.1735H11.2871C10.6307 17.1735 10.0561 16.7327 9.88603 16.0987V16.0987Z" fill="#536EA7" /> </g> <g filter="url(#filter3_i_18_12807)"> <rect x={9.98257} y={14.0312} width={13} height={3} rx={1.5} fill="url(#paint15_linear_18_12807)" /> <rect x={9.98257} y={14.0312} width={13} height={3} rx={1.5} fill="url(#paint16_radial_18_12807)" /> </g> <defs> <filter id="filter0_ii_18_12807" x={6.1654} y={2.64175} width={9.82544} height={17.077} 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} dy={-0.4} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.25098 0 0 0 0 0.462745 0 0 0 0 0.682353 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_12807" /> <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.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.517647 0 0 0 0 0.996078 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_12807" result="effect2_innerShadow_18_12807" /> </filter> <filter id="filter1_i_18_12807" x={10.3985} y={19.0625} width={16.0361} height={6.3125} 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.25} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.529412 0 0 0 0 0.976471 0 0 0 0 0.996078 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_12807" /> </filter> <filter id="filter2_f_18_12807" x={9.43569} y={13.8722} width={5.7421} height={3.70137} 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_12807" /> </filter> <filter id="filter3_i_18_12807" x={9.98257} y={13.7812} width={13.25} height={3.25} 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.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.537255 0 0 0 0 0.505882 0 0 0 0 0.603922 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_12807" /> </filter> <linearGradient id="paint0_linear_18_12807" x1={12.3838} y1={4.80258} x2={13.861} y2={10.759} gradientUnits="userSpaceOnUse" > <stop stopColor="#C4C0CD" /> <stop offset={1} stopColor="#9B95A7" /> </linearGradient> <linearGradient id="paint1_linear_18_12807" x1={14.3092} y1={6.85553} x2={13.6152} y2={7.05793} gradientUnits="userSpaceOnUse" > <stop stopColor="#DCD8DE" /> <stop offset={1} stopColor="#DCD8DE" stopOpacity={0} /> </linearGradient> <radialGradient id="paint2_radial_18_12807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(13.3694 4.03674) rotate(73.9301) scale(1.88024 0.354669)" > <stop stopColor="#D4CFD7" /> <stop offset={1} stopColor="#D4CFD7" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18_12807" x1={8.56544} y1={3.58611} x2={13.164} y2={20.9585} gradientUnits="userSpaceOnUse" > <stop stopColor="#65D6F6" /> <stop offset={1} stopColor="#529FE7" /> </linearGradient> <linearGradient id="paint4_linear_18_12807" x1={16.9202} y1={17.3187} x2={11.8803} y2={16.5499} gradientUnits="userSpaceOnUse" > <stop stopColor="#55A0E9" /> <stop offset={1} stopColor="#55A0E9" stopOpacity={0} /> </linearGradient> <linearGradient id="paint5_linear_18_12807" x1={18.3799} y1={19.625} x2={18.3799} y2={25.9375} gradientUnits="userSpaceOnUse" > <stop stopColor="#62C8F7" /> <stop offset={1} stopColor="#4991E3" /> </linearGradient> <linearGradient id="paint6_linear_18_12807" x1={12.6466} y1={27.2405} x2={26.4346} y2={27.2405} gradientUnits="userSpaceOnUse" > <stop stopColor="#AEA4B3" /> <stop offset={1} stopColor="#D1C6D7" /> </linearGradient> <linearGradient id="paint7_linear_18_12807" x1={26.4346} y1={27.1249} x2={25.6438} y2={27.1104} gradientUnits="userSpaceOnUse" > <stop stopColor="#F4EEF7" /> <stop offset={1} stopColor="#F4EEF7" stopOpacity={0} /> </linearGradient> <linearGradient id="paint8_linear_18_12807" x1={12.6193} y1={27.9686} x2={13.9857} y2={27.627} gradientUnits="userSpaceOnUse" > <stop stopColor="#78707D" /> <stop offset={1} stopColor="#78707D" stopOpacity={0} /> </linearGradient> <linearGradient id="paint9_linear_18_12807" x1={19.267} y1={25.125} x2={19.267} y2={25.3047} gradientUnits="userSpaceOnUse" > <stop stopColor="#546692" /> <stop offset={1} stopColor="#546692" stopOpacity={0} /> </linearGradient> <linearGradient id="paint10_linear_18_12807" x1={13.4971} y1={29} x2={26.4346} y2={29} gradientUnits="userSpaceOnUse" > <stop stopColor="#4D3F55" /> <stop offset={1} stopColor="#664875" /> </linearGradient> <linearGradient id="paint11_linear_18_12807" x1={19.7555} y1={30} x2={19.7555} y2={29.3275} gradientUnits="userSpaceOnUse" > <stop stopColor="#3B2C45" /> <stop offset={1} stopColor="#3B2C45" stopOpacity={0} /> </linearGradient> <linearGradient id="paint12_linear_18_12807" x1={13.1177} y1={29.4447} x2={15.2118} y2={29.3536} gradientUnits="userSpaceOnUse" > <stop stopColor="#39343C" /> <stop offset={1} stopColor="#39343C" stopOpacity={0} /> </linearGradient> <linearGradient id="paint13_linear_18_12807" x1={17.4424} y1={28} x2={17.4424} y2={28.2156} gradientUnits="userSpaceOnUse" > <stop stopColor="#39343C" /> <stop offset={1} stopColor="#39343C" stopOpacity={0} /> </linearGradient> <radialGradient id="paint14_radial_18_12807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.2055 28) rotate(90) scale(1.55847 0.819408)" > <stop stopColor="#7B638A" /> <stop offset={1} stopColor="#7B638A" stopOpacity={0} /> </radialGradient> <linearGradient id="paint15_linear_18_12807" x1={16.4826} y1={14.5716} x2={16.4826} y2={17.0312} gradientUnits="userSpaceOnUse" > <stop stopColor="#C6C2C9" /> <stop offset={1} stopColor="#888099" /> </linearGradient> <radialGradient id="paint16_radial_18_12807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.7443 14.7952) rotate(165.069) scale(1.48727 1.92319)" > <stop stopColor="#DBD8DC" /> <stop offset={1} stopColor="#DBD8DC" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = SeatIcon;