UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

787 lines (786 loc) 24 kB
const React = require("react"); const TramIcon = ({ 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_iii_18_9540)"> <path fillRule="evenodd" clipRule="evenodd" d="M9.80274 23.1754C8.92895 24.5067 7.87748 26.1087 7.77806 26.2814C7.75519 26.3211 7.7296 26.363 7.70284 26.4067C7.51323 26.7167 7.26501 27.1225 7.5123 27.5489C7.7945 28.0354 8.45923 28.0424 8.59546 28.0424H23.5615C23.8827 28.0424 24.1604 27.9454 24.4134 27.6146C24.6664 27.2837 24.5713 26.8463 24.2555 26.4516C24.0373 26.1789 22.9408 24.4749 22.0679 23.1186C21.6561 22.4786 21.2941 21.9161 21.0976 21.6177L10.8235 21.6177C10.6129 21.941 10.229 22.526 9.80274 23.1754ZM10.8273 24.6539C10.8889 24.5501 11.0729 24.2434 11.1352 24.1422C11.2131 24.0157 11.5729 23.7293 12.0302 23.7293L20.0068 23.7996C20.4057 23.7996 20.6048 23.8897 20.7897 24.1621C20.9376 24.3801 21.0305 24.4977 21.1529 24.6539H10.8273ZM9.67395 26.3963C9.73234 26.3185 9.89621 26.0786 9.98184 25.9385C10.1436 25.6737 10.4324 25.5832 10.8897 25.5832H21.252C21.6423 25.5832 21.8169 25.7503 21.9581 25.9621C22.036 26.0789 22.1591 26.2861 22.2305 26.3963H9.67395Z" fill="url(#paint0_linear_18_9540)" /> </g> <rect x={12.0455} y={3.91296} width={1.9382} height={2.00645} fill="#C8C6CB" /> <rect x={12.0455} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint1_linear_18_9540)" /> <rect x={12.0455} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint2_linear_18_9540)" /> <rect x={12.0455} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint3_radial_18_9540)" /> <rect x={12.0455} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint4_linear_18_9540)" /> <rect x={17.9659} y={3.91296} width={1.9382} height={2.00645} fill="#D2D0D6" /> <rect x={17.9659} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint5_linear_18_9540)" /> <rect x={17.9659} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint6_linear_18_9540)" /> <rect x={17.9659} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint7_radial_18_9540)" /> <rect x={17.9659} y={3.91296} width={1.9382} height={2.00645} fill="url(#paint8_linear_18_9540)" /> <g filter="url(#filter1_i_18_9540)"> <rect x={9.0426} y={2.125} width={13.8813} height={1.97915} rx={0.989573} fill="url(#paint9_radial_18_9540)" /> <rect x={9.0426} y={2.125} width={13.8813} height={1.97915} rx={0.989573} fill="url(#paint10_linear_18_9540)" /> </g> <g filter="url(#filter2_i_18_9540)"> <path d="M7.13171 11.1196H24.8683V19.8308C24.8683 22.04 23.0774 23.8308 20.8683 23.8308H11.1317C8.92257 23.8308 7.13171 22.04 7.13171 19.8308V11.1196Z" fill="url(#paint11_linear_18_9540)" /> <path d="M7.13171 11.1196H24.8683V19.8308C24.8683 22.04 23.0774 23.8308 20.8683 23.8308H11.1317C8.92257 23.8308 7.13171 22.04 7.13171 19.8308V11.1196Z" fill="url(#paint12_radial_18_9540)" /> </g> <g filter="url(#filter3_iii_18_9540)"> <path d="M7.13171 7.12781C7.13171 6.02324 8.02714 5.12781 9.13171 5.12781H22.8683C23.9729 5.12781 24.8683 6.02324 24.8683 7.12781V15.0581C24.8683 16.6598 23.5699 17.9581 21.9683 17.9581H10.0317C8.43009 17.9581 7.13171 16.6598 7.13171 15.0581V7.12781Z" fill="url(#paint13_linear_18_9540)" /> </g> <path d="M7.13171 7.12781C7.13171 6.02324 8.02714 5.12781 9.13171 5.12781H22.8683C23.9729 5.12781 24.8683 6.02324 24.8683 7.12781V15.0581C24.8683 16.6598 23.5699 17.9581 21.9683 17.9581H10.0317C8.43009 17.9581 7.13171 16.6598 7.13171 15.0581V7.12781Z" fill="url(#paint14_radial_18_9540)" /> <g filter="url(#filter4_i_18_9540)"> <path d="M9.08362 10.0006H22.883V14.9244C22.883 15.4767 22.4353 15.9244 21.883 15.9244H10.0836C9.53133 15.9244 9.08362 15.4767 9.08362 14.9244V10.0006Z" fill="url(#paint15_linear_18_9540)" /> <path d="M9.08362 10.0006H22.883V14.9244C22.883 15.4767 22.4353 15.9244 21.883 15.9244H10.0836C9.53133 15.9244 9.08362 15.4767 9.08362 14.9244V10.0006Z" fill="url(#paint16_radial_18_9540)" /> </g> <path d="M22.883 10.0006H9.08362V7.9387C9.08362 7.44164 9.48657 7.0387 9.98361 7.0387H21.983C22.4801 7.0387 22.883 7.44164 22.883 7.9387V10.0006Z" fill="url(#paint17_linear_18_9540)" /> <path d="M22.883 10.0006H9.08362V7.9387C9.08362 7.44164 9.48657 7.0387 9.98361 7.0387H21.983C22.4801 7.0387 22.883 7.44164 22.883 7.9387V10.0006Z" fill="url(#paint18_linear_18_9540)" /> <rect x={9.07922} y={18.9246} width={3.96094} height={1.95312} rx={0.976562} fill="url(#paint19_radial_18_9540)" /> <rect x={18.9221} y={18.9246} width={3.96094} height={1.95312} rx={0.976562} fill="url(#paint20_radial_18_9540)" /> <rect x={14.0284} y={18.9246} width={3.9375} height={0.984375} rx={0.492188} fill="url(#paint21_linear_18_9540)" /> <rect x={14.0284} y={18.9246} width={3.9375} height={0.984375} rx={0.492188} fill="url(#paint22_radial_18_9540)" /> <rect x={14.0284} y={18.9246} width={3.9375} height={0.984375} rx={0.492188} fill="url(#paint23_radial_18_9540)" /> <g filter="url(#filter5_f_18_9540)"> <path d="M9.46643 10.6733V14.9703C9.46643 15.2465 9.69029 15.4703 9.96643 15.4703" stroke="url(#paint24_linear_18_9540)" strokeWidth={0.25} strokeLinecap="round" /> </g> <g filter="url(#filter6_f_18_9540)"> <path d="M10.0519 15.5027H19.9894" stroke="url(#paint25_linear_18_9540)" strokeWidth={0.25} strokeLinecap="round" /> </g> <defs> <filter id="filter0_iii_18_9540" x={7.00857} y={21.4677} width={17.9495} height={6.57468} 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} /> <feGaussianBlur stdDeviation={0.4} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_9540" /> <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.4} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_9540" result="effect2_innerShadow_18_9540" /> <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.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.345098 0 0 0 0 0.12549 0 0 0 0 0.572549 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_9540" result="effect3_innerShadow_18_9540" /> </filter> <filter id="filter1_i_18_9540" x={9.0426} y={1.975} width={14.4813} height={2.12913} 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.6} dy={-0.15} /> <feGaussianBlur stdDeviation={0.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.556863 0 0 0 0 0.541176 0 0 0 0 0.576471 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_9540" /> </filter> <filter id="filter2_i_18_9540" x={7.13171} y={11.1196} width={18.7366} height={12.7112} 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} /> <feGaussianBlur stdDeviation={0.6} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.698039 0 0 0 0 0.227451 0 0 0 0 0.454902 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_9540" /> </filter> <filter id="filter3_iii_18_9540" x={6.38171} y={5.12781} width={18.9866} height={12.9803} 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.355} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.847059 0 0 0 0 0.839216 0 0 0 0 0.854902 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_9540" /> <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.75} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.992157 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_9540" result="effect2_innerShadow_18_9540" /> <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.5} /> <feGaussianBlur stdDeviation={0.625} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.611765 0 0 0 0 0.580392 0 0 0 0 0.65098 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_9540" result="effect3_innerShadow_18_9540" /> </filter> <filter id="filter4_i_18_9540" x={8.33362} y={10.0006} width={14.5494} height={6.42383} 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.75} dy={0.5} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.254902 0 0 0 0 0.65098 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_9540" /> </filter> <filter id="filter5_f_18_9540" x={9.09143} y={10.2983} width={1.25} height={5.547} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_9540" /> </filter> <filter id="filter6_f_18_9540" x={9.67688} y={15.1277} width={10.6875} height={0.75} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_9540" /> </filter> <linearGradient id="paint0_linear_18_9540" x1={28.3671} y1={20.6104} x2={28.3671} y2={27.5625} gradientUnits="userSpaceOnUse" > <stop offset={0.730296} stopColor="#0C0E1C" /> <stop offset={0.919089} stopColor="#56218E" /> </linearGradient> <linearGradient id="paint1_linear_18_9540" x1={11.9425} y1={5.11201} x2={12.38} y2={5.11201} gradientUnits="userSpaceOnUse" > <stop stopColor="#888789" /> <stop offset={1} stopColor="#888789" stopOpacity={0} /> </linearGradient> <linearGradient id="paint2_linear_18_9540" x1={12.38} y1={3.91296} x2={12.38} y2={4.22138} gradientUnits="userSpaceOnUse" > <stop stopColor="#888789" /> <stop offset={1} stopColor="#888789" stopOpacity={0} /> </linearGradient> <radialGradient id="paint3_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(13.9837 5.19794) rotate(-90) scale(1.11719 0.434462)" > <stop stopColor="#E2E0E3" /> <stop offset={1} stopColor="#E2E0E3" stopOpacity={0} /> </radialGradient> <linearGradient id="paint4_linear_18_9540" x1={14.2081} y1={4.01826} x2={13.9837} y2={4.41669} gradientUnits="userSpaceOnUse" > <stop stopColor="#8F8C92" /> <stop offset={1} stopColor="#8F8C92" stopOpacity={0} /> </linearGradient> <linearGradient id="paint5_linear_18_9540" x1={17.7081} y1={5.11201} x2={18.505} y2={5.08076} gradientUnits="userSpaceOnUse" > <stop stopColor="#888789" /> <stop offset={1} stopColor="#888789" stopOpacity={0} /> </linearGradient> <linearGradient id="paint6_linear_18_9540" x1={18.3005} y1={3.91296} x2={18.3005} y2={4.22138} gradientUnits="userSpaceOnUse" > <stop stopColor="#888789" /> <stop offset={1} stopColor="#888789" stopOpacity={0} /> </linearGradient> <radialGradient id="paint7_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.9041 5.19794) rotate(-90) scale(1.11719 0.434462)" > <stop stopColor="#E2E0E3" /> <stop offset={1} stopColor="#E2E0E3" stopOpacity={0} /> </radialGradient> <linearGradient id="paint8_linear_18_9540" x1={20.1286} y1={4.01826} x2={19.9041} y2={4.41669} gradientUnits="userSpaceOnUse" > <stop stopColor="#8F8C92" /> <stop offset={1} stopColor="#8F8C92" stopOpacity={0} /> </linearGradient> <radialGradient id="paint9_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.4893 2.75273) rotate(90) scale(1.35142 13.6262)" > <stop stopColor="#E2DDE8" /> <stop offset={1} stopColor="#BDB8C3" /> </radialGradient> <linearGradient id="paint10_linear_18_9540" x1={22.9239} y1={3.41913} x2={22.0242} y2={3.41913} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFFEFF" /> <stop offset={1} stopColor="#FFFEFF" stopOpacity={0} /> </linearGradient> <linearGradient id="paint11_linear_18_9540" x1={11.0519} y1={23.4402} x2={25.4269} y2={23.4402} gradientUnits="userSpaceOnUse" > <stop stopColor="#DF2E96" /> <stop offset={1} stopColor="#F92F56" /> </linearGradient> <radialGradient id="paint12_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(23.784 22.922) rotate(-127.367) scale(1.25269 3.07406)" > <stop stopColor="#D6356C" /> <stop offset={1} stopColor="#D6356C" stopOpacity={0} /> </radialGradient> <linearGradient id="paint13_linear_18_9540" x1={8.60822} y1={13.4694} x2={20.9411} y2={9.25419} gradientUnits="userSpaceOnUse" > <stop stopColor="#D9C3F1" /> <stop offset={1} stopColor="#ECDDFC" /> </linearGradient> <radialGradient id="paint14_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 18.5849) rotate(-90) scale(2.04524 18.2752)" > <stop stopColor="#E8D2FF" /> <stop offset={1} stopColor="#E8D2FF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint15_linear_18_9540" x1={9.08362} y1={14.8933} x2={22.883} y2={14.8933} gradientUnits="userSpaceOnUse" > <stop stopColor="#47BCFF" /> <stop offset={0.588542} stopColor="#5BDEFF" /> <stop offset={0.821818} stopColor="#5BDEFF" /> <stop offset={1} stopColor="#4FB8FF" /> </linearGradient> <radialGradient id="paint16_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.7018 16.8941) rotate(-90) scale(2.17222 8.76128)" > <stop offset={0.133333} stopColor="#56E8FF" /> <stop offset={1} stopColor="#56E8FF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint17_linear_18_9540" x1={9.86441} y1={10.0006} x2={22.3644} y2={10.0006} gradientUnits="userSpaceOnUse" > <stop stopColor="#4B3E59" /> <stop offset={1} stopColor="#5C4575" /> </linearGradient> <linearGradient id="paint18_linear_18_9540" x1={15.9833} y1={10.0809} x2={15.9833} y2={9.49977} gradientUnits="userSpaceOnUse" > <stop stopColor="#3E2257" /> <stop offset={1} stopColor="#3E2257" stopOpacity={0} /> </linearGradient> <radialGradient id="paint19_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.41962 20.603) scale(3.24921 2.01281)" > <stop offset={0.17116} stopColor="#FFB432" /> <stop offset={1} stopColor="#FB730D" /> <stop offset={1} stopColor="#FF7324" /> </radialGradient> <radialGradient id="paint20_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.2625 20.603) scale(3.24921 2.01281)" > <stop offset={0.17116} stopColor="#FFB432" /> <stop offset={1} stopColor="#FB730D" /> <stop offset={1} stopColor="#FF7324" /> </radialGradient> <linearGradient id="paint21_linear_18_9540" x1={15.9972} y1={18.7996} x2={15.9972} y2={19.7839} gradientUnits="userSpaceOnUse" > <stop stopColor="#B68FDB" /> <stop offset={1} stopColor="#DECFEC" /> </linearGradient> <radialGradient id="paint22_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.7026 19.4167) scale(2.35423 1.16216)" > <stop offset={0.762315} stopColor="#A08EB3" stopOpacity={0} /> <stop offset={1} stopColor="#A08EB3" /> </radialGradient> <radialGradient id="paint23_radial_18_9540" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.2987 19.502) rotate(180) scale(4.3779 2.62847)" > <stop offset={0.904236} stopColor="#DCD0E8" stopOpacity={0} /> <stop offset={1} stopColor="#DCD0E8" /> </radialGradient> <linearGradient id="paint24_linear_18_9540" x1={9.68365} y1={15.4703} x2={9.68365} y2={9.26827} gradientUnits="userSpaceOnUse" > <stop stopColor="#62D3FF" /> <stop offset={1} stopColor="#63D4FF" stopOpacity={0} /> </linearGradient> <linearGradient id="paint25_linear_18_9540" x1={10.724} y1={16.5883} x2={18.4607} y2={16.5883} gradientUnits="userSpaceOnUse" > <stop stopColor="#62D3FF" stopOpacity={0.5} /> <stop offset={1} stopColor="#57E5FF" /> </linearGradient> </defs> </svg> ); module.exports = TramIcon;