UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

363 lines (362 loc) 11.4 kB
const React = require("react"); const LollipopIcon = ({ 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="M28.25 28.25L16.5 17" stroke="url(#paint0_linear_18_29825)" strokeWidth={3.5} strokeLinecap="round" strokeLinejoin="round" /> <mask id="mask0_18_29825" style={{ maskType: "alpha", }} maskUnits="userSpaceOnUse" x={14} y={15} width={16} height={15} > <path fillRule="evenodd" clipRule="evenodd" d="M15.236 15.7898C15.9044 15.0916 17.0121 15.0676 17.7103 15.736L29.4603 26.986C30.1584 27.6544 30.1824 28.7621 29.514 29.4603C28.8456 30.1584 27.7379 30.1824 27.0398 29.514L15.2898 18.264C14.5916 17.5956 14.5676 16.4879 15.236 15.7898Z" fill="#212121" /> </mask> <g mask="url(#mask0_18_29825)"> <g filter="url(#filter0_f_18_29825)"> <path d="M29 27.5L17.25 16.25" stroke="#FFE5C1" strokeLinecap="round" strokeLinejoin="round" /> </g> </g> <path fillRule="evenodd" clipRule="evenodd" d="M15.236 15.7898C15.9044 15.0916 17.0121 15.0676 17.7103 15.736L29.4603 26.986C30.1584 27.6544 30.1824 28.7621 29.514 29.4603C28.8456 30.1584 27.7379 30.1824 27.0398 29.514L15.2898 18.264C14.5916 17.5956 14.5676 16.4879 15.236 15.7898Z" fill="url(#paint1_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M3.38559 6.91832C4.28822 5.39149 5.58521 4.12544 7.13636 3.26038C13.3511 6.72017 12 12 12 12C9.95937 8.79099 8.01466 7.26385 3.38559 6.91832Z" fill="url(#paint2_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M2.00043 11.9068C2.01725 10.0646 2.53218 8.34146 3.41704 6.86548C10.2965 6.96669 12 12 12 12C8.66694 10.2518 6.29 9.90635 2.00043 11.9068Z" fill="url(#paint3_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M3.29277 16.9213C2.4698 15.4683 2 13.789 2 12C2 11.9479 2.0004 11.8959 2.00119 11.844C8.00872 8.49337 12 12 12 12C8.21727 12.0949 5.9829 13.1457 3.29277 16.9213Z" fill="url(#paint4_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M6.92097 20.6159C5.39375 19.7137 4.12726 18.417 3.26172 16.866C6.78909 10.9586 12 12 12 12C8.7792 13.9043 7.41959 16.0271 6.92097 20.6159Z" fill="url(#paint5_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M6.86548 20.583C6.96669 13.7035 12 12 12 12C10.173 15.2975 9.97217 17.7746 11.9074 21.9996C10.065 21.9829 8.34163 21.4679 6.86548 20.583Z" fill="url(#paint6_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M11.844 21.9988C8.49337 15.9913 12 12 12 12C12.1732 15.8368 13.1795 18.105 16.9204 20.7077C15.4676 21.5304 13.7887 22 12 22C11.9479 22 11.8959 21.9996 11.844 21.9988Z" fill="url(#paint7_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M16.8661 20.7383C10.9586 17.2109 12 12 12 12C14.0949 15.3202 15.9729 16.7474 20.6143 17.0819C19.7121 18.6078 18.4161 19.8733 16.8661 20.7383Z" fill="url(#paint8_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M20.583 17.1345C13.7035 17.0333 12 12 12 12C15.3417 13.8027 17.8524 14.0929 21.9996 12.0944C21.9825 13.9361 21.4676 15.6589 20.583 17.1345Z" fill="url(#paint9_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M21.9988 12.156C21.9996 12.1041 22 12.0521 22 12C22 10.2115 21.5305 8.53271 20.708 7.08008C18.0379 10.9644 15.7923 11.8814 12 12C12 12 15.9913 15.5066 21.9988 12.156Z" fill="url(#paint10_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M17.0816 3.3855C18.6076 4.28766 19.8732 5.58378 20.7383 7.13389C17.2109 13.0414 12 12 12 12C15.1071 10.0716 16.7119 8.22757 17.0816 3.3855Z" fill="url(#paint11_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M17.1345 3.41708C15.6593 2.53265 13.9371 2.0178 12.096 2.00049C14.2371 6.27017 13.7353 8.83597 12 12C12 12 17.0333 10.2965 17.1345 3.41708Z" fill="url(#paint12_linear_18_29825)" /> <path fillRule="evenodd" clipRule="evenodd" d="M12.156 2.00119C12.1041 2.0004 12.0521 2 12 2C10.213 2 8.53548 2.46873 7.08368 3.28996C11.2283 5.87922 12.1157 8.21834 12 12C12 12 15.5066 8.00872 12.156 2.00119Z" fill="url(#paint13_linear_18_29825)" /> <mask id="mask1_18_29825" style={{ maskType: "alpha", }} maskUnits="userSpaceOnUse" x={2} y={2} width={20} height={20} > <circle cx={12} cy={12} r={10} fill="black" /> </mask> <g mask="url(#mask1_18_29825)"> <g filter="url(#filter1_f_18_29825)"> <path fillRule="evenodd" clipRule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM2.125 12C2.125 6.54619 6.54619 2.125 12 2.125C17.4538 2.125 21.875 6.54619 21.875 12C21.875 17.4538 17.4538 21.875 12 21.875C6.54619 21.875 2.125 17.4538 2.125 12Z" fill="black" fillOpacity={0.32} /> </g> </g> <defs> <filter id="filter0_f_18_29825" x={15.75} y={14.75} width={14.75} height={14.25} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur_18_29825" /> </filter> <filter id="filter1_f_18_29825" x={1.5} y={1.5} width={21} height={21} 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_29825" /> </filter> <linearGradient id="paint0_linear_18_29825" x1={25.0221} y1={22.7615} x2={22.5} y2={25.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#FDDAB2" /> <stop offset={0.442708} stopColor="#EA9BB3" /> <stop offset={0.677083} stopColor="#E37DC3" /> <stop offset={1} stopColor="#C969AB" /> </linearGradient> <linearGradient id="paint1_linear_18_29825" x1={14.5} y1={15.5} x2={22.5} y2={23.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#B05C92" /> <stop offset={0.765625} stopColor="#B05C92" stopOpacity={0} /> </linearGradient> <linearGradient id="paint2_linear_18_29825" x1={5.5} y1={4.50003} x2={12} y2={12} gradientUnits="userSpaceOnUse" > <stop stopColor="#5E9BEB" /> <stop offset={0.526042} stopColor="#6FA0F3" /> <stop offset={1} stopColor="#7EA4F4" /> </linearGradient> <linearGradient id="paint3_linear_18_29825" x1={12} y1={12} x2={2.5} y2={9} gradientUnits="userSpaceOnUse" > <stop stopColor="#7DC3A2" /> <stop offset={0.515625} stopColor="#71C398" /> <stop offset={1} stopColor="#74D099" /> </linearGradient> <linearGradient id="paint4_linear_18_29825" x1={12} y1={12} x2={2} y2={14} gradientUnits="userSpaceOnUse" > <stop stopColor="#EAC27C" /> <stop offset={0.489583} stopColor="#EBC16A" /> <stop offset={1} stopColor="#FFE885" /> </linearGradient> <linearGradient id="paint5_linear_18_29825" x1={12} y1={12} x2={4.5} y2={18.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#ED8876" /> <stop offset={0.442708} stopColor="#FE8765" /> <stop offset={1} stopColor="#FF916D" /> </linearGradient> <linearGradient id="paint6_linear_18_29825" x1={12} y1={12} x2={9} y2={21.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#BD4C97" /> <stop offset={0.515625} stopColor="#B93A90" /> <stop offset={1} stopColor="#B83A8B" /> </linearGradient> <linearGradient id="paint7_linear_18_29825" x1={12} y1={12} x2={13.6573} y2={22} gradientUnits="userSpaceOnUse" > <stop stopColor="#B976DB" /> <stop offset={0.510417} stopColor="#AF64D6" /> <stop offset={1} stopColor="#9B4BC5" /> </linearGradient> <linearGradient id="paint8_linear_18_29825" x1={19} y1={19.5} x2={12} y2={12} gradientUnits="userSpaceOnUse" > <stop stopColor="#5E92F8" /> <stop offset={0.5} stopColor="#6D95F1" /> <stop offset={1} stopColor="#7CA0F2" /> </linearGradient> <linearGradient id="paint9_linear_18_29825" x1={21.5} y1={15} x2={12} y2={12} gradientUnits="userSpaceOnUse" > <stop stopColor="#90F7BA" /> <stop offset={0.526042} stopColor="#76C5A0" /> <stop offset={1} stopColor="#7EC1A4" /> </linearGradient> <linearGradient id="paint10_linear_18_29825" x1={21.5} y1={10} x2={12} y2={12} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFFF90" /> <stop offset={0.515625} stopColor="#FFD677" /> <stop offset={1} stopColor="#EDC47E" /> </linearGradient> <linearGradient id="paint11_linear_18_29825" x1={19.5} y1={5.49997} x2={12} y2={12} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFB281" /> <stop offset={0.5} stopColor="#FF9372" /> <stop offset={1} stopColor="#F18C79" /> </linearGradient> <linearGradient id="paint12_linear_18_29825" x1={15} y1={2.50003} x2={12} y2={12} gradientUnits="userSpaceOnUse" > <stop stopColor="#FC70BD" /> <stop offset={1} stopColor="#C2509A" /> </linearGradient> <linearGradient id="paint13_linear_18_29825" x1={9.5} y1={2.5} x2={12} y2={12} gradientUnits="userSpaceOnUse" > <stop stopColor="#DB8BFB" /> <stop offset={1} stopColor="#BC79DD" /> </linearGradient> </defs> </svg> ); module.exports = LollipopIcon;