UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

301 lines (300 loc) 11 kB
const React = require("react"); const SevenThirtyIcon = ({ 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="M30 16.0112C30 23.7432 23.732 30.0112 16 30.0112C8.26801 30.0112 2 23.7432 2 16.0112C2 8.27918 8.26801 2.01117 16 2.01117C23.732 2.01117 30 8.27918 30 16.0112Z" fill="url(#paint0_radial_18_13579)" /> <g filter="url(#filter0_f_18_13579)"> <path d="M16.0376 17.9879C16.6303 17.6435 17.0288 17.0018 17.0288 16.267C17.0288 15.1686 16.1384 14.2781 15.04 14.2781C13.9416 14.2781 13.0512 15.1686 13.0512 16.267C13.0512 16.6159 13.141 16.9438 13.2988 17.2288L11.1592 20.9348C10.8831 21.4131 11.0469 22.0246 11.5252 22.3008C12.0035 22.5769 12.6151 22.4131 12.8912 21.9348L14.0376 19.9492V24.2624C14.0376 24.8147 14.4853 25.2624 15.0376 25.2624C15.5899 25.2624 16.0376 24.8147 16.0376 24.2624V17.9879Z" fill="#C5C1C7" /> </g> <g filter="url(#filter1_i_18_13579)"> <path fillRule="evenodd" clipRule="evenodd" d="M16.0288 15.0224C16.5811 15.0224 17.0288 15.4701 17.0288 16.0224V24.0178C17.0288 24.5701 16.5811 25.0178 16.0288 25.0178C15.4765 25.0178 15.0288 24.5701 15.0288 24.0178V16.0224C15.0288 15.4701 15.4765 15.0224 16.0288 15.0224Z" fill="url(#paint1_linear_18_13579)" /> <path fillRule="evenodd" clipRule="evenodd" d="M16.0288 15.0224C16.5811 15.0224 17.0288 15.4701 17.0288 16.0224V24.0178C17.0288 24.5701 16.5811 25.0178 16.0288 25.0178C15.4765 25.0178 15.0288 24.5701 15.0288 24.0178V16.0224C15.0288 15.4701 15.4765 15.0224 16.0288 15.0224Z" fill="url(#paint2_radial_18_13579)" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M12.5164 22.0562C12.0381 21.7801 11.8743 21.1685 12.1504 20.6902L15.134 15.5225C15.4101 15.0442 16.0217 14.8803 16.5 15.1564C16.9783 15.4326 17.1422 16.0442 16.866 16.5225L13.8824 21.6902C13.6063 22.1685 12.9947 22.3324 12.5164 22.0562Z" fill="url(#paint3_linear_18_13579)" /> <path fillRule="evenodd" clipRule="evenodd" d="M12.5164 22.0562C12.0381 21.7801 11.8743 21.1685 12.1504 20.6902L15.134 15.5225C15.4101 15.0442 16.0217 14.8803 16.5 15.1564C16.9783 15.4326 17.1422 16.0442 16.866 16.5225L13.8824 21.6902C13.6063 22.1685 12.9947 22.3324 12.5164 22.0562Z" fill="url(#paint4_linear_18_13579)" /> <path fillRule="evenodd" clipRule="evenodd" d="M12.5164 22.0562C12.0381 21.7801 11.8743 21.1685 12.1504 20.6902L15.134 15.5225C15.4101 15.0442 16.0217 14.8803 16.5 15.1564C16.9783 15.4326 17.1422 16.0442 16.866 16.5225L13.8824 21.6902C13.6063 22.1685 12.9947 22.3324 12.5164 22.0562Z" fill="url(#paint5_radial_18_13579)" /> <path fillRule="evenodd" clipRule="evenodd" d="M12.5164 22.0562C12.0381 21.7801 11.8743 21.1685 12.1504 20.6902L15.134 15.5225C15.4101 15.0442 16.0217 14.8803 16.5 15.1564C16.9783 15.4326 17.1422 16.0442 16.866 16.5225L13.8824 21.6902C13.6063 22.1685 12.9947 22.3324 12.5164 22.0562Z" fill="url(#paint6_linear_18_13579)" /> <g filter="url(#filter2_ii_18_13579)"> <path fillRule="evenodd" clipRule="evenodd" d="M16 27.0112C22.0751 27.0112 27 22.0863 27 16.0112C27 9.93604 22.0751 5.01117 16 5.01117C9.92487 5.01117 5 9.93604 5 16.0112C5 22.0863 9.92487 27.0112 16 27.0112ZM16 30.0112C23.732 30.0112 30 23.7432 30 16.0112C30 8.27918 23.732 2.01117 16 2.01117C8.26801 2.01117 2 8.27918 2 16.0112C2 23.7432 8.26801 30.0112 16 30.0112Z" fill="url(#paint7_linear_18_13579)" /> </g> <path d="M18.02 16.0225C18.02 17.1209 17.1296 18.0113 16.0312 18.0113C14.9328 18.0113 14.0424 17.1209 14.0424 16.0225C14.0424 14.9241 14.9328 14.0336 16.0312 14.0336C17.1296 14.0336 18.02 14.9241 18.02 16.0225Z" fill="url(#paint8_radial_18_13579)" /> <path d="M18.02 16.0225C18.02 17.1209 17.1296 18.0113 16.0312 18.0113C14.9328 18.0113 14.0424 17.1209 14.0424 16.0225C14.0424 14.9241 14.9328 14.0336 16.0312 14.0336C17.1296 14.0336 18.02 14.9241 18.02 16.0225Z" fill="url(#paint9_radial_18_13579)" /> <defs> <filter id="filter0_f_18_13579" x={9.52505} y={12.7781} width={9.00375} height={13.9843} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.75} result="effect1_foregroundBlur_18_13579" /> </filter> <filter id="filter1_i_18_13579" x={15.0288} y={15.0224} width={2.6} height={9.99539} 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} /> <feGaussianBlur stdDeviation={0.425} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.635294 0 0 0 0 0.227451 0 0 0 0 0.403922 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13579" /> </filter> <filter id="filter2_ii_18_13579" x={1.6} y={1.61117} width={28.8} height={28.8} 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.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.282353 0 0 0 0 0.254902 0 0 0 0 0.313726 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_13579" /> <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.3} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_13579" result="effect2_innerShadow_18_13579" /> </filter> <radialGradient id="paint0_radial_18_13579" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.57405 24.5094) rotate(-46.2124) scale(25.2966)" > <stop offset={0.598155} stopColor="#DDDADF" /> <stop offset={1} stopColor="#BDBABF" /> </radialGradient> <linearGradient id="paint1_linear_18_13579" x1={16.0288} y1={15.0224} x2={16.0288} y2={25.0178} gradientUnits="userSpaceOnUse" > <stop stopColor="#F83F4C" /> <stop offset={1} stopColor="#F74093" /> </linearGradient> <radialGradient id="paint2_radial_18_13579" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.1875 17.741) rotate(146.437) scale(1.95012 1.33455)" > <stop offset={0.293124} stopColor="#911A57" /> <stop offset={1} stopColor="#911A57" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18_13579" x1={12.5164} y1={22.0562} x2={15.4221} y2={17.0234} gradientUnits="userSpaceOnUse" > <stop stopColor="#32183D" /> <stop offset={1} stopColor="#2C3A65" /> </linearGradient> <linearGradient id="paint4_linear_18_13579" x1={14.8975} y1={19.932} x2={14.0315} y2={19.432} gradientUnits="userSpaceOnUse" > <stop stopColor="#2E2840" /> <stop offset={1} stopColor="#2E2840" stopOpacity={0} /> </linearGradient> <radialGradient id="paint5_radial_18_13579" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(12.1849 21.4117) rotate(-60) scale(5.73026 0.815281)" > <stop stopColor="#50375F" /> <stop offset={1} stopColor="#50375F" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_13579" x1={12.5164} y1={22.0562} x2={12.8753} y2={21.4347} gradientUnits="userSpaceOnUse" > <stop stopColor="#3E1846" /> <stop offset={1} stopColor="#3E1846" stopOpacity={0} /> </linearGradient> <linearGradient id="paint7_linear_18_13579" x1={24.5108} y1={4.02466} x2={4.28379} y2={28.5448} gradientUnits="userSpaceOnUse" > <stop stopColor="#6D6B70" /> <stop offset={1} stopColor="#706C74" /> </linearGradient> <radialGradient id="paint8_radial_18_13579" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.111 15.564) rotate(134.039) scale(3.40442)" > <stop stopColor="#C9C6CC" /> <stop offset={1} stopColor="#928E95" /> </radialGradient> <radialGradient id="paint9_radial_18_13579" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5937 15.5159) rotate(139.399) scale(2.88111)" > <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} /> <stop offset={1} stopColor="#776F7F" /> </radialGradient> </defs> </svg> ); module.exports = SevenThirtyIcon;