UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

200 lines (199 loc) 6.71 kB
const React = require("react"); const WhiteQuestionMarkIcon = ({ 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} <circle cx={15.6881} cy={26.9744} r={2.5} fill="url(#paint0_linear_18590_1817)" /> <circle cx={15.6881} cy={26.9744} r={2.5} fill="url(#paint1_radial_18590_1817)" /> <circle cx={15.6881} cy={26.9744} r={2.5} fill="url(#paint2_radial_18590_1817)" /> <g filter="url(#filter0_ii_18590_1817)"> <path fillRule="evenodd" clipRule="evenodd" d="M15.4127 6.65392C14.4668 6.87929 13.9632 7.30894 13.6767 7.70402C13.3572 8.14452 13.2194 8.66884 13.2194 9.11108C13.2194 10.4918 12.1001 11.6111 10.7193 11.6111C9.33863 11.6111 8.21935 10.4918 8.21936 9.11105C8.21938 6.31806 9.93468 2.77132 14.3527 1.76706C14.3853 1.75964 14.4181 1.75288 14.451 1.74677C17.3386 1.21133 19.8612 2.00216 21.6317 3.73044C23.3338 5.39187 24.1413 7.71986 24.1413 9.98622C24.1413 12.2386 23.4939 14.0784 22.0239 15.6395C21.012 16.7142 19.6695 17.5821 18.1725 18.4013V20.3925C18.1725 21.7732 17.0533 22.8925 15.6725 22.8925C14.2918 22.8925 13.1725 21.7732 13.1725 20.3925V16.8925C13.1725 15.9537 13.6985 15.094 14.5343 14.6666C16.6222 13.5989 17.7412 12.8941 18.3837 12.2118C18.8668 11.6987 19.1413 11.1401 19.1413 9.98622C19.1413 8.84632 18.7301 7.88525 18.1391 7.30838C17.6228 6.80442 16.7921 6.41108 15.4127 6.65392Z" fill="url(#paint3_linear_18590_1817)" /> </g> <g filter="url(#filter1_f_18590_1817)"> <path d="M11.326 8.58273C11.326 6.75466 12.4637 4.37976 15.6813 3.67654C20.1506 2.87976 22.6858 6.05164 22.6858 9.45789C22.6858 12.8641 20.7681 14.2548 16.4778 16.3641V20.3701" stroke="url(#paint4_linear_18590_1817)" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" /> <path d="M11.326 8.58273C11.326 6.75466 12.4637 4.37976 15.6813 3.67654C20.1506 2.87976 22.6858 6.05164 22.6858 9.45789C22.6858 12.8641 20.7681 14.2548 16.4778 16.3641V20.3701" stroke="url(#paint5_linear_18590_1817)" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" /> </g> <defs> <filter id="filter0_ii_18590_1817" x={8.21936} y={0.831299} width={16.6719} height={22.8112} 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.75} dy={0.75} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.776471 0 0 0 0 0.768627 0 0 0 0 0.784314 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_1817" /> <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.75} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.729412 0 0 0 0 0.67451 0 0 0 0 0.835294 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18590_1817" result="effect2_innerShadow_18590_1817" /> </filter> <filter id="filter1_f_18590_1817" x={8.82599} y={1.05273} width={16.3598} height={21.8174} 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_18590_1817" /> </filter> <linearGradient id="paint0_linear_18590_1817" x1={15.6881} y1={25.6892} x2={15.6881} y2={29.4744} gradientUnits="userSpaceOnUse" > <stop stopColor="#ECE6F8" /> <stop offset={1} stopColor="#C0ADE6" /> </linearGradient> <radialGradient id="paint1_radial_18590_1817" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.8581 26.1537) rotate(-43.8351) scale(1.84384 1.62111)" > <stop stopColor="#FFFEFF" /> <stop offset={1} stopColor="#E7DEFB" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18590_1817" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(13.1881 25.0642) rotate(25.9892) scale(2.78125 7.5306)" > <stop stopColor="#D1CCDC" /> <stop offset={1} stopColor="#D1CCDC" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18590_1817" x1={16.1803} y1={2.06433} x2={16.1803} y2={22.8925} gradientUnits="userSpaceOnUse" > <stop stopColor="#DAD6E3" /> <stop offset={1} stopColor="#CCC2E3" /> </linearGradient> <linearGradient id="paint4_linear_18590_1817" x1={23.0433} y1={6.44269} x2={18.3246} y2={10.4999} gradientUnits="userSpaceOnUse" > <stop offset={0.103073} stopColor="#F6F4F9" /> <stop offset={1} stopColor="#F6F4F9" stopOpacity={0} /> </linearGradient> <linearGradient id="paint5_linear_18590_1817" x1={19.208} y1={20.6927} x2={19.208} y2={12.4674} gradientUnits="userSpaceOnUse" > <stop stopColor="#EFE8FF" /> <stop offset={1} stopColor="#EFE8FF" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = WhiteQuestionMarkIcon;