UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

659 lines (658 loc) 22 kB
const React = require("react"); const FallenLeafIcon = ({ 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_i_28327_7955)"> <path d="M27.9105 8.01001C20.7805 8.01001 15.0005 13.79 14.9405 20.67L15.0005 29.24C15.0005 29.67 15.3705 30.01 15.7905 29.98C23.7105 29.57 30.0005 23.03 30.0005 15.01V8.01001H27.9105Z" fill="url(#paint0_radial_28327_7955)" /> <path d="M27.9105 8.01001C20.7805 8.01001 15.0005 13.79 14.9405 20.67L15.0005 29.24C15.0005 29.67 15.3705 30.01 15.7905 29.98C23.7105 29.57 30.0005 23.03 30.0005 15.01V8.01001H27.9105Z" fill="url(#paint1_radial_28327_7955)" /> </g> <g filter="url(#filter1_f_28327_7955)"> <path d="M18.3195 24.9829C18.4424 25.0679 18.5842 25.1152 18.726 25.1152C18.953 25.1152 19.1704 25.0112 19.3123 24.8221L28.2193 12.3314C28.3675 12.1216 28.4975 11.9021 28.6089 11.6748V8.66455H27.659L27.6615 9.59881C27.6615 10.2796 27.4534 10.9415 27.0563 11.4994L18.1493 23.99C17.9223 24.3115 17.998 24.7559 18.3195 24.9829Z" fill="#C34749" /> </g> <g filter="url(#filter2_f_28327_7955)"> <path d="M29.2188 9.9375V15.5625C29.2083 17.1979 28.5625 21.2 26.0625 24.125" stroke="url(#paint2_linear_28327_7955)" strokeWidth={0.4} strokeLinecap="round" /> </g> <path d="M19.0605 24.92C18.9105 24.92 18.7605 24.87 18.6305 24.78C18.2905 24.54 18.2105 24.07 18.4505 23.73L28.2184 10.1067C28.4563 9.79552 28.5105 9.53319 28.5105 9.09394L28.5005 4.76001C28.5005 4.35001 28.8405 4.01001 29.2505 4.01001C29.6605 4.01001 30.0005 4.34001 30.0005 4.76001L30.0205 9.50879C30.0205 10.0091 29.6948 10.5825 29.4874 10.8632L19.6805 24.61C19.5305 24.81 19.3005 24.92 19.0605 24.92Z" fill="url(#paint3_linear_28327_7955)" /> <g filter="url(#filter3_ii_28327_7955)"> <path d="M6.13049 10.62C6.13049 5.9 9.96049 2.05 14.5205 2.01L20.1905 2C20.4705 2 20.7005 2.24 20.6805 2.53C20.4105 7.76 16.0705 12 10.7605 12H6.13049V10.62Z" fill="url(#paint4_radial_28327_7955)" /> <path d="M6.13049 10.62C6.13049 5.9 9.96049 2.05 14.5205 2.01L20.1905 2C20.4705 2 20.7005 2.24 20.6805 2.53C20.4105 7.76 16.0705 12 10.7605 12H6.13049V10.62Z" fill="url(#paint5_radial_28327_7955)" /> </g> <path d="M17.3205 4.76004C17.3205 4.66004 17.2905 4.56004 17.2305 4.47004C17.0705 4.25004 16.7605 4.19004 16.5405 4.35004L7.79049 10.59C7.40049 10.87 6.94049 11.02 6.46049 11.02H4.50049C4.22049 11.02 4.00049 11.24 4.00049 11.51C4.00049 11.78 4.22049 12.01 4.50049 12.01H6.46049C7.15049 12.01 7.81049 11.8 8.37049 11.4L17.1105 5.17004C17.2505 5.07004 17.3205 4.92004 17.3205 4.76004Z" fill="url(#paint6_linear_28327_7955)" /> <path d="M17.3205 4.76004C17.3205 4.66004 17.2905 4.56004 17.2305 4.47004C17.0705 4.25004 16.7605 4.19004 16.5405 4.35004L7.79049 10.59C7.40049 10.87 6.94049 11.02 6.46049 11.02H4.50049C4.22049 11.02 4.00049 11.24 4.00049 11.51C4.00049 11.78 4.22049 12.01 4.50049 12.01H6.46049C7.15049 12.01 7.81049 11.8 8.37049 11.4L17.1105 5.17004C17.2505 5.07004 17.3205 4.92004 17.3205 4.76004Z" fill="url(#paint7_radial_28327_7955)" /> <g filter="url(#filter4_i_28327_7955)"> <path d="M12.0005 22.93C12.0005 19.69 9.37047 17.04 6.24047 17.02L2.34047 17.01C2.14047 17.01 1.99047 17.18 2.00047 17.37C2.19047 20.97 5.17047 24.01 8.82047 24.01H12.0005V22.93Z" fill="url(#paint8_radial_28327_7955)" /> </g> <g filter="url(#filter5_i_28327_7955)"> <path d="M12.0005 22.93C12.0005 19.69 9.37047 17.04 6.24047 17.02L2.34047 17.01C2.14047 17.01 1.99047 17.18 2.00047 17.37C2.19047 20.97 5.17047 24.01 8.82047 24.01H12.0005V22.93Z" fill="url(#paint9_radial_28327_7955)" /> </g> <path d="M12.0005 22.93C12.0005 19.69 9.37047 17.04 6.24047 17.02L2.34047 17.01C2.14047 17.01 1.99047 17.18 2.00047 17.37C2.19047 20.97 5.17047 24.01 8.82047 24.01H12.0005V22.93Z" fill="url(#paint10_radial_28327_7955)" /> <path d="M12.0005 22.93C12.0005 19.69 9.37047 17.04 6.24047 17.02L2.34047 17.01C2.14047 17.01 1.99047 17.18 2.00047 17.37C2.19047 20.97 5.17047 24.01 8.82047 24.01H12.0005V22.93Z" fill="url(#paint11_radial_28327_7955)" /> <g filter="url(#filter6_f_28327_7955)"> <path d="M4.84375 17.5H6.40625C7.09375 17.5625 8.75625 17.9625 9.90625 19.0625C11.3438 20.4375 11.5625 22.1562 11.5625 23.2812" stroke="url(#paint12_linear_28327_7955)" strokeWidth={0.25} strokeLinecap="round" /> </g> <g filter="url(#filter7_i_28327_7955)"> <path d="M12.8958 23.0201H12.2658C11.7858 23.0201 11.3258 22.8701 10.9358 22.5901L6.6758 19.5501C6.4558 19.3901 6.1558 19.4401 5.9958 19.6601C5.9958 19.6601 5.9958 19.6701 5.9858 19.6701C5.8258 19.8901 5.8758 20.2001 6.0958 20.3601L10.3558 23.4001C10.9158 23.8001 11.5758 24.0101 12.2658 24.0101H12.9058C13.1958 24.0101 13.4158 23.7701 13.4058 23.4801C13.3858 23.2201 13.1558 23.0201 12.8958 23.0201Z" fill="#D55B3E" /> </g> <g filter="url(#filter8_f_28327_7955)"> <path d="M29.4219 4.71875V8.64964C29.4219 9.48704 29.1591 10.3033 28.6705 10.9834L19.2969 24.0312" stroke="url(#paint13_linear_28327_7955)" strokeWidth={0.4} strokeLinecap="round" /> </g> <g filter="url(#filter9_f_28327_7955)"> <path d="M6.36786 19.7413L10.4682 22.711C10.9801 23.0817 11.5959 23.2812 12.2279 23.2812H12.9303" stroke="url(#paint14_linear_28327_7955)" strokeWidth={0.25} strokeLinecap="round" /> </g> <g filter="url(#filter10_f_28327_7955)"> <path d="M4.59283 11.5139H6.19884C7.04591 11.5139 7.8711 11.245 8.55554 10.7459L16.8645 4.68726" stroke="url(#paint15_linear_28327_7955)" strokeOpacity={0.5} strokeWidth={0.25} strokeLinecap="round" /> </g> <g filter="url(#filter11_f_28327_7955)"> <path d="M20.1902 2.62988C20.1442 3.44542 19.6802 5.57959 18.1915 7.59201" stroke="url(#paint16_linear_28327_7955)" strokeWidth={0.25} strokeLinecap="round" /> </g> <defs> <filter id="filter0_i_28327_7955" x={14.9405} y={8.01001} width={15.06} height={21.9718} 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 /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.670833 0 0 0 0 0.167708 0 0 0 0 0.17557 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_28327_7955" /> </filter> <filter id="filter1_f_28327_7955" x={17.0184} y={7.66455} width={12.5905} height={18.4507} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur_28327_7955" /> </filter> <filter id="filter2_f_28327_7955" x={25.4625} y={9.33755} width={4.35627} height={15.3874} 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_28327_7955" /> </filter> <filter id="filter3_ii_28327_7955" x={5.88049} y={1.75} width={15.0512} height={10.5} 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.819608 0 0 0 0 0.4 0 0 0 0 0.247059 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_28327_7955" /> <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.847059 0 0 0 0 0.521569 0 0 0 0 0.145098 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_28327_7955" result="effect2_innerShadow_28327_7955" /> </filter> <filter id="filter4_i_28327_7955" x={2} y={17.01} width={10.0005} height={7} 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 /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.823529 0 0 0 0 0.372549 0 0 0 0 0.258824 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_28327_7955" /> </filter> <filter id="filter5_i_28327_7955" x={2} y={17.01} width={10.0005} height={7} 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 /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.823529 0 0 0 0 0.372549 0 0 0 0 0.258824 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_28327_7955" /> </filter> <filter id="filter6_f_28327_7955" x={4.31875} y={16.975} width={7.76875} height={6.83125} 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_28327_7955" /> </filter> <filter id="filter7_i_28327_7955" x={5.79203} y={19.4563} width={7.6141} height={4.65371} 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.1} 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.886275 0 0 0 0 0.505882 0 0 0 0 0.164706 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_28327_7955" /> </filter> <filter id="filter8_f_28327_7955" x={18.6969} y={4.1188} width={11.325} height={20.5125} 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_28327_7955" /> </filter> <filter id="filter9_f_28327_7955" x={5.99286} y={19.3663} width={7.31244} height={4.28992} 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_28327_7955" /> </filter> <filter id="filter10_f_28327_7955" x={4.21783} y={4.31226} width={13.0217} height={7.57666} 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_28327_7955" /> </filter> <filter id="filter11_f_28327_7955" x={17.8165} y={2.25488} width={2.74866} height={5.71216} 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_28327_7955" /> </filter> <radialGradient id="paint0_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25 12.875) rotate(113.962) scale(14.1577 14.0245)" > <stop stopColor="#BB3F4A" /> <stop offset={0.931229} stopColor="#D75A43" /> </radialGradient> <radialGradient id="paint1_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14 25.125) scale(3.125 11.125)" > <stop stopColor="#BE412D" /> <stop offset={1} stopColor="#BE412D" stopOpacity={0} /> </radialGradient> <linearGradient id="paint2_linear_28327_7955" x1={30.0809} y1={10.4655} x2={18.2006} y2={14.8783} gradientUnits="userSpaceOnUse" > <stop stopColor="#D35D5C" /> <stop offset={1} stopColor="#D35D5C" stopOpacity={0} /> </linearGradient> <linearGradient id="paint3_linear_28327_7955" x1={30.0205} y1={10.375} x2={16.0169} y2={29.6657} gradientUnits="userSpaceOnUse" > <stop stopColor="#A52344" /> <stop offset={1} stopColor="#C03C49" /> </linearGradient> <radialGradient id="paint4_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.3638 5.59332) rotate(151.725) scale(10.3297 11.2259)" > <stop stopColor="#E2773A" /> <stop offset={1} stopColor="#DC8839" /> </radialGradient> <radialGradient id="paint5_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.4679 10.7622) rotate(-153.023) scale(4.55775 10.0653)" > <stop stopColor="#DD763B" /> <stop offset={1} stopColor="#DD763B" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_28327_7955" x1={4.8125} y1={12.375} x2={15.875} y2={3.81254} gradientUnits="userSpaceOnUse" > <stop stopColor="#D86443" /> <stop offset={1} stopColor="#DC7C28" /> <stop offset={1} stopColor="#DD7E24" /> </linearGradient> <radialGradient id="paint7_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.3205 4.42728) rotate(140.514) scale(0.84351 0.816096)" > <stop stopColor="#EA9759" /> <stop offset={1} stopColor="#EA9759" stopOpacity={0} /> </radialGradient> <radialGradient id="paint8_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9375 20.51) rotate(143.368) scale(4.90635 7.89611)" > <stop stopColor="#E4903B" /> <stop offset={1} stopColor="#E2783C" /> </radialGradient> <radialGradient id="paint9_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9375 20.51) rotate(143.368) scale(4.90635 7.89611)" > <stop stopColor="#E4903B" /> <stop offset={1} stopColor="#E2783C" /> </radialGradient> <radialGradient id="paint10_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.25 19.5938) rotate(137.328) scale(2.72019 11.9581)" > <stop stopColor="#E38F3C" /> <stop offset={1} stopColor="#E38F3C" stopOpacity={0} /> </radialGradient> <radialGradient id="paint11_radial_28327_7955" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7.00024 21.0313) rotate(-139.989) scale(3.30515 1.36199)" > <stop stopColor="#DA6A3B" /> <stop offset={1} stopColor="#DA6A3B" stopOpacity={0} /> </radialGradient> <linearGradient id="paint12_linear_28327_7955" x1={9.35088} y1={18.2105} x2={5.14035} y2={17.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#EFA55A" /> <stop offset={1} stopColor="#EFA55A" stopOpacity={0} /> </linearGradient> <linearGradient id="paint13_linear_28327_7955" x1={32.1875} y1={5.4375} x2={7.63303} y2={26.9313} gradientUnits="userSpaceOnUse" > <stop stopColor="#C16073" /> <stop offset={1} stopColor="#C16073" stopOpacity={0} /> </linearGradient> <linearGradient id="paint14_linear_28327_7955" x1={7.54938} y1={19.9139} x2={14.6064} y2={25.6368} gradientUnits="userSpaceOnUse" > <stop stopColor="#E6894F" /> <stop offset={1} stopColor="#E6894F" stopOpacity={0} /> </linearGradient> <linearGradient id="paint15_linear_28327_7955" x1={16.5882} y1={5.40243} x2={6.01762} y2={10.9543} gradientUnits="userSpaceOnUse" > <stop stopColor="#F18546" /> <stop offset={1} stopColor="#F18546" stopOpacity={0} /> </linearGradient> <linearGradient id="paint16_linear_28327_7955" x1={20.4314} y1={2.47482} x2={18.9355} y2={2.7078} gradientUnits="userSpaceOnUse" > <stop stopColor="#F89D66" /> <stop offset={1} stopColor="#F89D66" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = FallenLeafIcon;