UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

352 lines (351 loc) 12.9 kB
const React = require("react"); const SweatDropletsIcon = ({ 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_7143_6226)"> <path d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z" fill="url(#paint0_radial_7143_6226)" /> <path d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z" fill="url(#paint1_radial_7143_6226)" /> </g> <path d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z" fill="url(#paint2_linear_7143_6226)" /> <path d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z" fill="url(#paint3_radial_7143_6226)" /> <g filter="url(#filter1_i_7143_6226)"> <path d="M27.6072 21.8511C26.8299 20.358 25.5842 19.5219 24.2489 19.1237L16.7053 17.0434C15.8483 16.8045 15.061 17.5908 15.2902 18.4568L17.3431 25.8924C17.5922 26.7982 18.0406 27.6542 18.7581 28.3709C21.1597 30.7697 25.2056 30.5209 27.2684 27.6144C28.4542 25.9421 28.5638 23.6726 27.6072 21.8511Z" fill="url(#paint4_radial_7143_6226)" /> <path d="M27.6072 21.8511C26.8299 20.358 25.5842 19.5219 24.2489 19.1237L16.7053 17.0434C15.8483 16.8045 15.061 17.5908 15.2902 18.4568L17.3431 25.8924C17.5922 26.7982 18.0406 27.6542 18.7581 28.3709C21.1597 30.7697 25.2056 30.5209 27.2684 27.6144C28.4542 25.9421 28.5638 23.6726 27.6072 21.8511Z" fill="url(#paint5_radial_7143_6226)" /> </g> <path d="M27.6072 21.8511C26.8299 20.358 25.5842 19.5219 24.2489 19.1237L16.7053 17.0434C15.8483 16.8045 15.061 17.5908 15.2902 18.4568L17.3431 25.8924C17.5922 26.7982 18.0406 27.6542 18.7581 28.3709C21.1597 30.7697 25.2056 30.5209 27.2684 27.6144C28.4542 25.9421 28.5638 23.6726 27.6072 21.8511Z" fill="url(#paint6_radial_7143_6226)" /> <g filter="url(#filter2_i_7143_6226)"> <path d="M25.4708 2.29886C23.517 1.71579 21.7252 2.03648 20.237 2.82362L11.9561 7.33267C11.0146 7.84771 11.0146 9.14989 11.9561 9.66494L20.1257 14.1157C21.1178 14.6599 22.2516 15 23.4765 15C27.6069 15 30.8767 11.453 30.1478 7.3521C29.7227 4.98096 27.86 3.01797 25.4708 2.29886Z" fill="url(#paint7_radial_7143_6226)" /> <path d="M25.4708 2.29886C23.517 1.71579 21.7252 2.03648 20.237 2.82362L11.9561 7.33267C11.0146 7.84771 11.0146 9.14989 11.9561 9.66494L20.1257 14.1157C21.1178 14.6599 22.2516 15 23.4765 15C27.6069 15 30.8767 11.453 30.1478 7.3521C29.7227 4.98096 27.86 3.01797 25.4708 2.29886Z" fill="url(#paint8_radial_7143_6226)" /> </g> <path d="M25.4708 2.29886C23.517 1.71579 21.7252 2.03648 20.237 2.82362L11.9561 7.33267C11.0146 7.84771 11.0146 9.14989 11.9561 9.66494L20.1257 14.1157C21.1178 14.6599 22.2516 15 23.4765 15C27.6069 15 30.8767 11.453 30.1478 7.3521C29.7227 4.98096 27.86 3.01797 25.4708 2.29886Z" fill="url(#paint9_linear_7143_6226)" /> <g filter="url(#filter3_f_7143_6226)"> <circle cx={26} cy={7.0625} r={2.25} fill="#8AF6FF" /> </g> <g filter="url(#filter4_f_7143_6226)"> <circle cx={24.9375} cy={23.5} r={2.25} fill="#8AF6FF" /> </g> <g filter="url(#filter5_f_7143_6226)"> <circle cx={9.25} cy={20.875} r={1.6875} fill="#8AF6FF" /> </g> <defs> <filter id="filter0_i_7143_6226" x={2.25} y={12.5} width={10} height={14.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 dy={-0.5} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_7143_6226" /> </filter> <filter id="filter1_i_7143_6226" x={15.25} y={16.5} width={13} height={13.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 dy={-0.5} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_7143_6226" /> </filter> <filter id="filter2_i_7143_6226" x={11.25} y={1.98} width={19} height={13.02} 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.02} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_7143_6226" /> </filter> <filter id="filter3_f_7143_6226" x={20.75} y={1.8125} width={10.5} height={10.5} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1.5} result="effect1_foregroundBlur_7143_6226" /> </filter> <filter id="filter4_f_7143_6226" x={19.6875} y={18.25} width={10.5} height={10.5} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1.5} result="effect1_foregroundBlur_7143_6226" /> </filter> <filter id="filter5_f_7143_6226" x={4.5625} y={16.1875} width={9.375} height={9.375} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1.5} result="effect1_foregroundBlur_7143_6226" /> </filter> <radialGradient id="paint0_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8.93269 19.3269) rotate(129.634) scale(8.21533 10.5736)" > <stop offset={0.00147779} stopColor="#55EBFF" /> <stop offset={1} stopColor="#01A6F0" /> </radialGradient> <radialGradient id="paint1_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8.125 16.25) rotate(89.5559) scale(16.1255 12.1799)" > <stop offset={0.348985} stopColor="#3F80F6" stopOpacity={0} /> <stop offset={0.976806} stopColor="#3F80F7" /> </radialGradient> <linearGradient id="paint2_linear_7143_6226" x1={6.625} y1={17.75} x2={3.25001} y2={16.2855} gradientUnits="userSpaceOnUse" > <stop offset={0.147369} stopColor="#74B5CA" stopOpacity={0} /> <stop offset={0.94633} stopColor="#74B5CA" /> </linearGradient> <radialGradient id="paint3_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7.25 18.4375) rotate(90) scale(10.8125)" > <stop offset={0.619792} stopColor="#A158FE" stopOpacity={0} /> <stop offset={1} stopColor="#A158FE" /> </radialGradient> <radialGradient id="paint4_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(23.9375 22.875) rotate(139.226) scale(8.99588 11.6563)" > <stop offset={0.00147779} stopColor="#55EBFF" /> <stop offset={1} stopColor="#01A6F0" /> </radialGradient> <radialGradient id="paint5_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.3125 21.875) rotate(107.558) scale(16.7818 25.995)" > <stop offset={0.328918} stopColor="#3F80F6" stopOpacity={0} /> <stop offset={0.833333} stopColor="#3F80F7" /> <stop offset={1} stopColor="#8437E6" /> </radialGradient> <radialGradient id="paint6_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(23.3125 21.75) rotate(101.182) scale(10.958 16.1469)" > <stop offset={0.558974} stopColor="#A158FE" stopOpacity={0} /> <stop offset={1} stopColor="#A158FE" /> </radialGradient> <radialGradient id="paint7_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.25 7.25) rotate(138.366) scale(10.5364 14.0253)" > <stop offset={0.00147779} stopColor="#55EBFF" /> <stop offset={1} stopColor="#01A6F0" /> </radialGradient> <radialGradient id="paint8_radial_7143_6226" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.4375 5.625) rotate(114.184) scale(14.7988 25.8088)" > <stop offset={0.508756} stopColor="#3F80F6" stopOpacity={0} /> <stop offset={0.94633} stopColor="#3F80F7" /> </radialGradient> <linearGradient id="paint9_linear_7143_6226" x1={19.875} y1={5.9375} x2={17.8125} y2={2} gradientUnits="userSpaceOnUse" > <stop offset={0.147369} stopColor="#74B5CA" stopOpacity={0} /> <stop offset={0.94633} stopColor="#74B5CA" /> </linearGradient> </defs> </svg> ); module.exports = SweatDropletsIcon;