UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

646 lines (645 loc) 22.5 kB
const React = require("react"); const MouseTrapIcon = ({ 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="M20.2598 7.52344C19.9355 7.15625 19.5319 7.08333 19.3301 7.07812L19.1426 7.98828L19.5801 8.30859L20.2598 7.52344Z" fill="#FFD68A" /> <path d="M2.25977 16H14.541L25.2754 30.1797H13.1504L2.25977 16Z" fill="url(#paint0_radial_18_25971)" /> <path d="M2.25977 16H14.541L25.2754 30.1797H13.1504L2.25977 16Z" fill="url(#paint1_radial_18_25971)" /> <path d="M2.25977 16H14.541L25.2754 30.1797H13.1504L2.25977 16Z" fill="url(#paint2_radial_18_25971)" /> <path d="M2.25977 16H14.541L25.2754 30.1797H13.1504L2.25977 16Z" fill="url(#paint3_radial_18_25971)" /> <path d="M2.25977 16H14.541L25.2754 30.1797H13.1504L2.25977 16Z" fill="url(#paint4_linear_18_25971)" /> <path d="M7.3432 7.56209C7.52414 7.26176 7.84915 7.07812 8.19977 7.07812H19.3122C19.5845 7.07812 19.7525 7.37547 19.612 7.60874L14.5566 16H2.25977L7.3432 7.56209Z" fill="url(#paint5_linear_18_25971)" /> <path d="M7.3432 7.56209C7.52414 7.26176 7.84915 7.07812 8.19977 7.07812H19.3122C19.5845 7.07812 19.7525 7.37547 19.612 7.60874L14.5566 16H2.25977L7.3432 7.56209Z" fill="url(#paint6_radial_18_25971)" /> <path d="M29.9041 22.7972C30.4564 21.9135 30.4027 20.78 29.7693 19.9525L20.2363 7.49811C20.0863 7.3021 19.7859 7.31881 19.6586 7.53025L14.5566 16L25.2871 30.1836L29.9041 22.7972Z" fill="url(#paint7_linear_18_25971)" /> <g filter="url(#filter0_i_18_25971)"> <path d="M7.43376 16C7.41034 16.0073 7.37492 16.0141 7.3223 16.0141C7.24708 16.0141 7.20023 15.9986 7.16834 15.983C7.13336 15.9658 7.09595 15.9381 7.05726 15.8945C6.96919 15.7954 6.91872 15.6642 6.90651 15.6055C6.80513 15.1189 6.32847 14.8066 5.84187 14.908C5.35526 15.0094 5.04297 15.486 5.14434 15.9727C5.21025 16.289 5.38323 16.7203 5.71156 17.0899C5.83033 17.2236 5.97106 17.3503 6.13369 17.4593C6.33403 17.5934 6.48315 17.8048 6.48315 18.046V29.4063C6.48315 29.8481 6.84133 30.2063 7.28315 30.2063C7.72498 30.2063 8.08315 29.8481 8.08315 29.4063V18.0993C8.08315 17.849 8.24421 17.6324 8.45424 17.4963C9.06756 17.0986 9.30893 16.4475 9.37668 16.2647L9.38366 16.246C9.41408 16.1649 9.43205 16.0822 9.43853 16H7.43376Z" fill="#D2C6DB" /> </g> <path d="M7.43376 16C7.41034 16.0073 7.37492 16.0141 7.3223 16.0141C7.24708 16.0141 7.20023 15.9986 7.16834 15.983C7.13336 15.9658 7.09595 15.9381 7.05726 15.8945C6.96919 15.7954 6.91872 15.6642 6.90651 15.6055C6.80513 15.1189 6.32847 14.8066 5.84187 14.908C5.35526 15.0094 5.04297 15.486 5.14434 15.9727C5.21025 16.289 5.38323 16.7203 5.71156 17.0899C5.83033 17.2236 5.97106 17.3503 6.13369 17.4593C6.33403 17.5934 6.48315 17.8048 6.48315 18.046V29.4063C6.48315 29.8481 6.84133 30.2063 7.28315 30.2063C7.72498 30.2063 8.08315 29.8481 8.08315 29.4063V18.0993C8.08315 17.849 8.24421 17.6324 8.45424 17.4963C9.06756 17.0986 9.30893 16.4475 9.37668 16.2647L9.38366 16.246C9.41408 16.1649 9.43205 16.0822 9.43853 16H7.43376Z" fill="url(#paint8_linear_18_25971)" /> <path d="M7.43376 16C7.41034 16.0073 7.37492 16.0141 7.3223 16.0141C7.24708 16.0141 7.20023 15.9986 7.16834 15.983C7.13336 15.9658 7.09595 15.9381 7.05726 15.8945C6.96919 15.7954 6.91872 15.6642 6.90651 15.6055C6.80513 15.1189 6.32847 14.8066 5.84187 14.908C5.35526 15.0094 5.04297 15.486 5.14434 15.9727C5.21025 16.289 5.38323 16.7203 5.71156 17.0899C5.83033 17.2236 5.97106 17.3503 6.13369 17.4593C6.33403 17.5934 6.48315 17.8048 6.48315 18.046V29.4063C6.48315 29.8481 6.84133 30.2063 7.28315 30.2063C7.72498 30.2063 8.08315 29.8481 8.08315 29.4063V18.0993C8.08315 17.849 8.24421 17.6324 8.45424 17.4963C9.06756 17.0986 9.30893 16.4475 9.37668 16.2647L9.38366 16.246C9.41408 16.1649 9.43205 16.0822 9.43853 16H7.43376Z" fill="url(#paint9_radial_18_25971)" /> <path d="M7.43376 16C7.41034 16.0073 7.37492 16.0141 7.3223 16.0141C7.24708 16.0141 7.20023 15.9986 7.16834 15.983C7.13336 15.9658 7.09595 15.9381 7.05726 15.8945C6.96919 15.7954 6.91872 15.6642 6.90651 15.6055C6.80513 15.1189 6.32847 14.8066 5.84187 14.908C5.35526 15.0094 5.04297 15.486 5.14434 15.9727C5.21025 16.289 5.38323 16.7203 5.71156 17.0899C5.83033 17.2236 5.97106 17.3503 6.13369 17.4593C6.33403 17.5934 6.48315 17.8048 6.48315 18.046V29.4063C6.48315 29.8481 6.84133 30.2063 7.28315 30.2063C7.72498 30.2063 8.08315 29.8481 8.08315 29.4063V18.0993C8.08315 17.849 8.24421 17.6324 8.45424 17.4963C9.06756 17.0986 9.30893 16.4475 9.37668 16.2647L9.38366 16.246C9.41408 16.1649 9.43205 16.0822 9.43853 16H7.43376Z" fill="url(#paint10_linear_18_25971)" /> <path d="M16 22.1553V27.8146L16.6711 29.3684C16.8421 29.7645 16.5517 30.2063 16.1203 30.2063H9.98843C9.55398 30.2063 9.26346 29.7589 9.44034 29.362L12.291 22.6328C12.4308 22.3238 12.7075 22.1721 12.9864 22.1566V22.1553H16Z" fill="url(#paint11_linear_18_25971)" /> <path d="M16 22.1553V27.8146L16.6711 29.3684C16.8421 29.7645 16.5517 30.2063 16.1203 30.2063H9.98843C9.55398 30.2063 9.26346 29.7589 9.44034 29.362L12.291 22.6328C12.4308 22.3238 12.7075 22.1721 12.9864 22.1566V22.1553H16Z" fill="url(#paint12_linear_18_25971)" /> <g filter="url(#filter1_i_18_25971)"> <path d="M16.6892 22.5897L19.6167 29.3683C19.7878 29.7644 19.4973 30.2062 19.0659 30.2062H12.9341C12.4996 30.2062 12.2092 29.7588 12.386 29.362L15.4072 22.5823C15.6554 22.0254 16.4475 22.0299 16.6892 22.5897Z" fill="url(#paint13_linear_18_25971)" /> <path d="M16.6892 22.5897L19.6167 29.3683C19.7878 29.7644 19.4973 30.2062 19.0659 30.2062H12.9341C12.4996 30.2062 12.2092 29.7588 12.386 29.362L15.4072 22.5823C15.6554 22.0254 16.4475 22.0299 16.6892 22.5897Z" fill="url(#paint14_linear_18_25971)" /> <path d="M16.6892 22.5897L19.6167 29.3683C19.7878 29.7644 19.4973 30.2062 19.0659 30.2062H12.9341C12.4996 30.2062 12.2092 29.7588 12.386 29.362L15.4072 22.5823C15.6554 22.0254 16.4475 22.0299 16.6892 22.5897Z" fill="url(#paint15_linear_18_25971)" /> </g> <g filter="url(#filter2_f_18_25971)"> <circle cx={15.2988} cy={28.2422} r={1.10938} stroke="url(#paint16_linear_18_25971)" strokeWidth={0.1} /> </g> <circle cx={15.2988} cy={28.2422} r={1.10938} fill="url(#paint17_radial_18_25971)" /> <circle cx={15.2988} cy={28.2422} r={1.10938} fill="url(#paint18_radial_18_25971)" /> <g filter="url(#filter3_f_18_25971)"> <circle cx={15.8066} cy={25.6406} r={0.703125} stroke="url(#paint19_linear_18_25971)" strokeWidth={0.1} /> </g> <circle cx={15.8066} cy={25.6406} r={0.703125} fill="url(#paint20_radial_18_25971)" /> <circle cx={15.8066} cy={25.6406} r={0.703125} fill="url(#paint21_radial_18_25971)" /> <g filter="url(#filter4_f_18_25971)"> <circle cx={17.2559} cy={27.2539} r={0.378906} stroke="url(#paint22_linear_18_25971)" strokeWidth={0.1} /> </g> <circle cx={17.2559} cy={27.2539} r={0.378906} fill="url(#paint23_radial_18_25971)" /> <circle cx={17.2559} cy={27.2539} r={0.378906} fill="url(#paint24_radial_18_25971)" /> <g filter="url(#filter5_f_18_25971)"> <path d="M6.30664 15.6406C6.34831 16.0156 6.64414 16.7656 7.49414 16.7656C8.09414 16.7656 8.32747 16.4948 8.36914 16.3594" stroke="url(#paint25_linear_18_25971)" strokeWidth={0.4} strokeLinecap="round" /> </g> <g filter="url(#filter6_f_18_25971)"> <path d="M7.58789 17.0312V29.2812" stroke="url(#paint26_linear_18_25971)" strokeWidth={0.4} strokeLinecap="round" /> </g> <defs> <filter id="filter0_i_18_25971" x={5.12524} y={14.8889} width={4.96323} height={15.3174} 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.65} /> <feGaussianBlur stdDeviation={0.325} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.627451 0 0 0 0 0.588235 0 0 0 0 0.666667 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_25971" /> </filter> <filter id="filter1_i_18_25971" x={12.2834} y={22.1672} width={7.38313} height={8.03894} 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.05} /> <feGaussianBlur stdDeviation={0.025} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.913725 0 0 0 0 0.407843 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_25971" /> </filter> <filter id="filter2_f_18_25971" x={14.0894} y={27.0328} width={2.41885} height={2.41885} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.025} result="effect1_foregroundBlur_18_25971" /> </filter> <filter id="filter3_f_18_25971" x={15.0035} y={24.8375} width={1.60635} height={1.60635} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.025} result="effect1_foregroundBlur_18_25971" /> </filter> <filter id="filter4_f_18_25971" x={16.7769} y={26.775} width={0.95791} height={0.95791} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.025} result="effect1_foregroundBlur_18_25971" /> </filter> <filter id="filter5_f_18_25971" x={5.70657} y={15.0406} width={3.26265} height={2.32502} 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_25971" /> </filter> <filter id="filter6_f_18_25971" x={6.98794} y={16.4313} width={1.1999} height={13.4499} 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_25971" /> </filter> <radialGradient id="paint0_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.1504 26.0312) rotate(-53.4251) scale(6.07039 9.8531)" > <stop offset={0.27446} stopColor="#6C3B31" /> <stop offset={1} stopColor="#3A0A11" /> </radialGradient> <radialGradient id="paint1_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.4629 30.1797) rotate(-139.881) scale(9.15377 16.3626)" > <stop stopColor="#561919" /> <stop offset={1} stopColor="#561919" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(28.3066 34.6875) rotate(-147.619) scale(18.2059 4.30025)" > <stop offset={0.491012} stopColor="#975041" stopOpacity={0.936543} /> <stop offset={1} stopColor="#410E14" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9004 26.8125) rotate(-90) scale(3.03125 1.375)" > <stop offset={0.278351} stopColor="#47211E" /> <stop offset={1} stopColor="#47211E" stopOpacity={0} /> </radialGradient> <linearGradient id="paint4_linear_18_25971" x1={3.77539} y1={18.2812} x2={7.40039} y2={18.2812} gradientUnits="userSpaceOnUse" > <stop stopColor="#42201F" /> <stop offset={1} stopColor="#42201F" stopOpacity={0} /> </linearGradient> <linearGradient id="paint5_linear_18_25971" x1={10.9612} y1={7.71875} x2={10.9612} y2={16} gradientUnits="userSpaceOnUse" > <stop stopColor="#FACC8D" /> <stop offset={1} stopColor="#CA7E35" /> </linearGradient> <radialGradient id="paint6_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(5.31445 16) rotate(-150.101) scale(1.08143 0.861488)" > <stop offset={0.302239} stopColor="#814C25" /> <stop offset={1} stopColor="#D0873F" stopOpacity={0} /> </radialGradient> <linearGradient id="paint7_linear_18_25971" x1={22.4204} y1={8.62504} x2={22.4204} y2={30.1836} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFECAE" /> <stop offset={1} stopColor="#EA9A60" /> </linearGradient> <linearGradient id="paint8_linear_18_25971" x1={7.28186} y1={30.4063} x2={7.28186} y2={29.5235} gradientUnits="userSpaceOnUse" > <stop offset={0.1} stopColor="#9F69CB" /> <stop offset={1} stopColor="#AF93CA" stopOpacity={0} /> </linearGradient> <radialGradient id="paint9_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(6.00977 17.586) rotate(-127.983) scale(1.43723 0.728973)" > <stop offset={0.229246} stopColor="#83669B" /> <stop offset={1} stopColor="#9E8EAE" stopOpacity={0} /> </radialGradient> <linearGradient id="paint10_linear_18_25971" x1={9.27539} y1={15.9063} x2={8.80664} y2={16.6563} gradientUnits="userSpaceOnUse" > <stop offset={0.209738} stopColor="#7B5F7D" /> <stop offset={1} stopColor="#A897AB" stopOpacity={0} /> </linearGradient> <linearGradient id="paint11_linear_18_25971" x1={13.0543} y1={23.625} x2={13.0543} y2={30.2063} gradientUnits="userSpaceOnUse" > <stop stopColor="#E9BB15" /> <stop offset={1} stopColor="#F48543" /> </linearGradient> <linearGradient id="paint12_linear_18_25971" x1={14.1191} y1={30.2063} x2={14.1191} y2={29.7969} gradientUnits="userSpaceOnUse" > <stop stopColor="#E26675" /> <stop offset={1} stopColor="#F48A40" stopOpacity={0} /> </linearGradient> <linearGradient id="paint13_linear_18_25971" x1={15.9999} y1={22.1672} x2={15.9999} y2={30.2062} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFDC53" /> <stop offset={1} stopColor="#FFD954" /> </linearGradient> <linearGradient id="paint14_linear_18_25971" x1={19.1587} y1={27.2015} x2={17.3938} y2={28.1774} gradientUnits="userSpaceOnUse" > <stop offset={0.170553} stopColor="#FFD152" /> <stop offset={1} stopColor="#FFD152" stopOpacity={0} /> </linearGradient> <linearGradient id="paint15_linear_18_25971" x1={17.0648} y1={30.2062} x2={17.0648} y2={29.9882} gradientUnits="userSpaceOnUse" > <stop stopColor="#F9BA5A" /> <stop offset={0.9999} stopColor="#FFDA54" stopOpacity={0} /> <stop offset={1} stopColor="#F48A40" stopOpacity={0} /> </linearGradient> <linearGradient id="paint16_linear_18_25971" x1={14.5254} y1={29.1719} x2={16.4082} y2={27.3594} gradientUnits="userSpaceOnUse" > <stop offset={0.343416} stopColor="#FFF064" /> <stop offset={1} stopColor="#ECAF4B" /> </linearGradient> <radialGradient id="paint17_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.6816 28.7187) rotate(-26.2814) scale(1.41154)" > <stop stopColor="#FFBE50" /> <stop offset={1} stopColor="#C67A31" /> </radialGradient> <radialGradient id="paint18_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.5254 27.1328) rotate(57.0721) scale(0.977312 2.2745)" > <stop offset={0.16557} stopColor="#D78134" /> <stop offset={1} stopColor="#D78134" stopOpacity={0} /> </radialGradient> <linearGradient id="paint19_linear_18_25971" x1={15.3164} y1={26.2299} x2={16.5098} y2={25.0811} gradientUnits="userSpaceOnUse" > <stop offset={0.343416} stopColor="#FFF064" /> <stop offset={1} stopColor="#ECAF4B" /> </linearGradient> <radialGradient id="paint20_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.4155 25.9427) rotate(-26.2814) scale(0.894635)" > <stop stopColor="#FFBE50" /> <stop offset={1} stopColor="#C67A31" /> </radialGradient> <radialGradient id="paint21_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.3164 24.9375) rotate(57.0721) scale(0.619423 1.44159)" > <stop offset={0.16557} stopColor="#D78134" /> <stop offset={1} stopColor="#D78134" stopOpacity={0} /> </radialGradient> <linearGradient id="paint22_linear_18_25971" x1={16.9917} y1={27.5714} x2={17.6348} y2={26.9524} gradientUnits="userSpaceOnUse" > <stop offset={0.343416} stopColor="#FFF064" /> <stop offset={1} stopColor="#ECAF4B" /> </linearGradient> <radialGradient id="paint23_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.0451 27.4167) rotate(-26.2814) scale(0.482109)" > <stop stopColor="#FFBE50" /> <stop offset={1} stopColor="#C67A31" /> </radialGradient> <radialGradient id="paint24_radial_18_25971" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.9917 26.875) rotate(57.0721) scale(0.3338 0.776855)" > <stop offset={0.16557} stopColor="#D78134" /> <stop offset={1} stopColor="#D78134" stopOpacity={0} /> </radialGradient> <linearGradient id="paint25_linear_18_25971" x1={6.40039} y1={15.9531} x2={8.97852} y2={16.7656} gradientUnits="userSpaceOnUse" > <stop offset={0.333666} stopColor="#E4DEE8" /> <stop offset={1} stopColor="#E4DEE8" stopOpacity={0} /> </linearGradient> <linearGradient id="paint26_linear_18_25971" x1={8.88335} y1={17.0313} x2={10.7447} y2={17.3209} gradientUnits="userSpaceOnUse" > <stop stopColor="#E4DEE8" /> <stop offset={1} stopColor="#E4DEE8" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = MouseTrapIcon;