UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

230 lines (229 loc) 6.18 kB
const React = require("react"); const RoundPushpinIcon = ({ 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_18_23140)"> <rect x={15.0191} y={14.1396} width={1.96185} height={15.746} rx={0.980925} fill="#A69AAD" /> <rect x={15.0191} y={14.1396} width={1.96185} height={15.746} rx={0.980925} fill="url(#paint0_linear_18_23140)" /> <rect x={15.0191} y={14.1396} width={1.96185} height={15.746} rx={0.980925} fill="url(#paint1_radial_18_23140)" /> </g> <circle cx={16} cy={10.0056} r={8.03224} fill="url(#paint2_radial_18_23140)" /> <circle cx={16} cy={10.0056} r={8.03224} fill="url(#paint3_radial_18_23140)" /> <circle cx={16} cy={10.0056} r={8.03224} fill="url(#paint4_radial_18_23140)" /> <circle cx={16} cy={10.0056} r={8.03224} fill="url(#paint5_radial_18_23140)" /> <ellipse cx={18.7371} cy={6.94502} rx={2.06395} ry={2.57531} transform="rotate(-37.6469 18.7371 6.94502)" fill="url(#paint6_linear_18_23140)" /> <g filter="url(#filter1_f_18_23140)"> <rect x={16} y={18.4965} width={0.603327} height={10.5228} rx={0.301664} fill="url(#paint7_linear_18_23140)" /> </g> <defs> <filter id="filter0_i_18_23140" x={15.0191} y={14.1396} width={2.21185} height={16.496} 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={4.25} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.552941 0 0 0 0 0.447059 0 0 0 0 0.584314 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23140" /> </filter> <filter id="filter1_f_18_23140" x={15.5} y={17.9965} width={1.60333} height={11.5228} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_23140" /> </filter> <linearGradient id="paint0_linear_18_23140" x1={17.7754} y1={27.2358} x2={16.3231} y2={27.2358} gradientUnits="userSpaceOnUse" > <stop stopColor="#C6BECB" /> <stop offset={1} stopColor="#C6BECB" stopOpacity={0} /> </linearGradient> <radialGradient id="paint1_radial_18_23140" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 22.0126) rotate(90) scale(7.87299 3.70264)" > <stop offset={0.899673} stopColor="#9F7BBF" stopOpacity={0} /> <stop offset={1} stopColor="#9F7BBF" /> </radialGradient> <radialGradient id="paint2_radial_18_23140" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.8711 13.9358) rotate(-156.453) scale(12.1178 17.416)" > <stop stopColor="#FD2C8D" /> <stop offset={1} stopColor="#FA356F" /> </radialGradient> <radialGradient id="paint3_radial_18_23140" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.3551 10.0056) rotate(-180) scale(11.3873 15.6783)" > <stop offset={0.434073} stopColor="#CD284F" stopOpacity={0} /> <stop offset={0.948696} stopColor="#A73C52" /> </radialGradient> <radialGradient id="paint4_radial_18_23140" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16 6.29208) rotate(90) scale(12.0261)" > <stop offset={0.690678} stopColor="#CC2272" stopOpacity={0} /> <stop offset={1} stopColor="#BB438D" /> </radialGradient> <radialGradient id="paint5_radial_18_23140" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.3551 7.61699) rotate(130.601) scale(4.69808 4.41886)" > <stop stopColor="#FF5EA3" /> <stop offset={1} stopColor="#FF5EA3" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_23140" x1={20.0541} y1={5.23778} x2={18.3681} y2={9.31109} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFFDFF" /> <stop offset={1} stopColor="#FFFDFF" stopOpacity={0} /> </linearGradient> <linearGradient id="paint7_linear_18_23140" x1={16.3017} y1={18.4965} x2={16.3017} y2={29.0193} gradientUnits="userSpaceOnUse" > <stop stopColor="#BDAFC1" /> <stop offset={1} stopColor="#C3B8CE" /> </linearGradient> </defs> </svg> ); module.exports = RoundPushpinIcon;