UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

284 lines (283 loc) 10.2 kB
const React = require("react"); const TwoOclockIcon = ({ 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.2009C30 23.9329 23.732 30.2009 16 30.2009C8.26801 30.2009 2 23.9329 2 16.2009C2 8.46894 8.26801 2.20093 16 2.20093C23.732 2.20093 30 8.46894 30 16.2009Z" fill="url(#paint0_radial_18_13513)" /> <g filter="url(#filter0_f_18_13513)"> <path d="M15.0288 8.2168C15.5811 8.2168 16.0288 8.66451 16.0288 9.2168V15.4636L19.6677 13.3627C20.146 13.0865 20.7576 13.2504 21.0338 13.7287C21.3099 14.207 21.146 14.8186 20.6677 15.0947L17.02 17.2007C17.02 17.2045 17.02 17.2083 17.02 17.2121C17.02 18.3105 16.1296 19.2009 15.0312 19.2009C13.9328 19.2009 13.0424 18.3105 13.0424 17.2121C13.0424 16.4792 13.4387 15.839 14.0288 15.494V9.2168C14.0288 8.66451 14.4765 8.2168 15.0288 8.2168Z" fill="#C5C1C8" /> </g> <g filter="url(#filter1_i_18_13513)"> <path fillRule="evenodd" clipRule="evenodd" d="M16.0288 7.2168C16.5811 7.2168 17.0288 7.66451 17.0288 8.2168V16.2122C17.0288 16.7645 16.5811 17.2122 16.0288 17.2122C15.4765 17.2122 15.0288 16.7645 15.0288 16.2122V8.2168C15.0288 7.66451 15.4765 7.2168 16.0288 7.2168Z" fill="url(#paint1_linear_18_13513)" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z" fill="url(#paint2_linear_18_13513)" /> <path fillRule="evenodd" clipRule="evenodd" d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z" fill="url(#paint3_linear_18_13513)" /> <path fillRule="evenodd" clipRule="evenodd" d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z" fill="url(#paint4_radial_18_13513)" /> <path fillRule="evenodd" clipRule="evenodd" d="M22.0338 12.7288C22.3099 13.2071 22.146 13.8187 21.6677 14.0948L16.5 17.0784C16.0217 17.3546 15.4101 17.1907 15.134 16.7124C14.8578 16.2341 15.0217 15.6225 15.5 15.3464L20.6677 12.3628C21.146 12.0867 21.7576 12.2505 22.0338 12.7288Z" fill="url(#paint5_linear_18_13513)" /> <g filter="url(#filter2_ii_18_13513)"> <path fillRule="evenodd" clipRule="evenodd" d="M16 27.2009C22.0751 27.2009 27 22.2761 27 16.2009C27 10.1258 22.0751 5.20093 16 5.20093C9.92487 5.20093 5 10.1258 5 16.2009C5 22.2761 9.92487 27.2009 16 27.2009ZM16 30.2009C23.732 30.2009 30 23.9329 30 16.2009C30 8.46894 23.732 2.20093 16 2.20093C8.26801 2.20093 2 8.46894 2 16.2009C2 23.9329 8.26801 30.2009 16 30.2009Z" fill="url(#paint6_linear_18_13513)" /> </g> <path d="M18.02 16.2122C18.02 17.3106 17.1296 18.201 16.0312 18.201C14.9328 18.201 14.0424 17.3106 14.0424 16.2122C14.0424 15.1138 14.9328 14.2234 16.0312 14.2234C17.1296 14.2234 18.02 15.1138 18.02 16.2122Z" fill="url(#paint7_radial_18_13513)" /> <path d="M18.02 16.2122C18.02 17.3106 17.1296 18.201 16.0312 18.201C14.9328 18.201 14.0424 17.3106 14.0424 16.2122C14.0424 15.1138 14.9328 14.2234 16.0312 14.2234C17.1296 14.2234 18.02 15.1138 18.02 16.2122Z" fill="url(#paint8_radial_18_13513)" /> <defs> <filter id="filter0_f_18_13513" x={11.5424} y={6.7168} width={11.1255} height={13.9841} 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_13513" /> </filter> <filter id="filter1_i_18_13513" x={15.0288} y={7.2168} width={2.6} height={9.99536} 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_13513" /> </filter> <filter id="filter2_ii_18_13513" x={1.6} y={1.80093} 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_13513" /> <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_13513" result="effect2_innerShadow_18_13513" /> </filter> <radialGradient id="paint0_radial_18_13513" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.57405 24.6992) rotate(-46.2124) scale(25.2966)" > <stop offset={0.598155} stopColor="#DDDADF" /> <stop offset={1} stopColor="#BDBABF" /> </radialGradient> <linearGradient id="paint1_linear_18_13513" x1={16.0288} y1={7.2168} x2={16.0288} y2={17.2122} gradientUnits="userSpaceOnUse" > <stop stopColor="#F83F4C" /> <stop offset={1} stopColor="#F74093" /> </linearGradient> <linearGradient id="paint2_linear_18_13513" x1={22.0338} y1={12.7288} x2={17.0009} y2={15.6345} gradientUnits="userSpaceOnUse" > <stop stopColor="#32183D" /> <stop offset={1} stopColor="#2C3A65" /> </linearGradient> <linearGradient id="paint3_linear_18_13513" x1={18.9096} y1={13.3779} x2={19.4096} y2={14.2439} gradientUnits="userSpaceOnUse" > <stop stopColor="#2E2840" /> <stop offset={1} stopColor="#2E2840" stopOpacity={0} /> </linearGradient> <radialGradient id="paint4_radial_18_13513" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.9986 13.4527) rotate(150) scale(5.73026 0.815281)" > <stop stopColor="#50375F" /> <stop offset={1} stopColor="#50375F" stopOpacity={0} /> </radialGradient> <linearGradient id="paint5_linear_18_13513" x1={22.0338} y1={12.7288} x2={21.4122} y2={13.0877} gradientUnits="userSpaceOnUse" > <stop stopColor="#3E1846" /> <stop offset={1} stopColor="#3E1846" stopOpacity={0} /> </linearGradient> <linearGradient id="paint6_linear_18_13513" x1={24.5108} y1={4.21442} x2={4.28379} y2={28.7345} gradientUnits="userSpaceOnUse" > <stop stopColor="#6D6B70" /> <stop offset={1} stopColor="#706C74" /> </linearGradient> <radialGradient id="paint7_radial_18_13513" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.111 15.7537) rotate(134.039) scale(3.40442)" > <stop stopColor="#C9C6CC" /> <stop offset={1} stopColor="#928E95" /> </radialGradient> <radialGradient id="paint8_radial_18_13513" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5937 15.7057) rotate(139.399) scale(2.88111)" > <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} /> <stop offset={1} stopColor="#776F7F" /> </radialGradient> </defs> </svg> ); module.exports = TwoOclockIcon;