@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
238 lines (237 loc) • 11.5 kB
JSX
const React = require("react");
const KissMarkIcon = ({ 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
fillRule="evenodd"
clipRule="evenodd"
d="M20.3021 2.44212L28.0121 4.16212C28.3609 4.23868 28.5848 4.48348 28.6693 4.76803C28.6905 4.79917 28.7083 4.83389 28.7221 4.87212L28.8921 5.38212C30.8721 11.3221 30.0721 20.0621 25.6521 24.4921L24.5021 25.6421C20.0821 30.0621 11.3321 30.8621 5.40212 28.8721L4.89212 28.7021C4.86621 28.6935 4.84196 28.6829 4.81939 28.6706C4.51744 28.5961 4.25236 28.3677 4.17212 28.0021L2.47212 20.3821C2.25212 19.7521 2.02212 18.1921 2.02212 18.1921C1.85212 15.8521 2.66212 13.4521 4.45212 11.6621C5.80212 10.3021 7.51212 9.51212 9.27212 9.27212C9.51212 7.51212 10.3021 5.80212 11.6621 4.45212C13.4521 2.66212 15.8621 1.85212 18.2021 2.02212C18.2021 2.02212 19.7321 2.25212 20.3021 2.44212ZM7.08549 25.6605C6.87041 26.0966 7.34147 26.552 7.7701 26.3223L8.72212 25.8121C15.9921 21.9221 21.9421 15.9721 25.8321 8.70212L26.3386 7.75699C26.5683 7.32835 26.1129 6.85729 25.6768 7.07237L21.6621 9.05212C16.1921 11.7521 11.7621 16.1821 9.06212 21.6521L7.08549 25.6605Z"
fill="url(#paint0_radial_6987_5186)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.3021 2.44212L28.0121 4.16212C28.3609 4.23868 28.5848 4.48348 28.6693 4.76803C28.6905 4.79917 28.7083 4.83389 28.7221 4.87212L28.8921 5.38212C30.8721 11.3221 30.0721 20.0621 25.6521 24.4921L24.5021 25.6421C20.0821 30.0621 11.3321 30.8621 5.40212 28.8721L4.89212 28.7021C4.86621 28.6935 4.84196 28.6829 4.81939 28.6706C4.51744 28.5961 4.25236 28.3677 4.17212 28.0021L2.47212 20.3821C2.25212 19.7521 2.02212 18.1921 2.02212 18.1921C1.85212 15.8521 2.66212 13.4521 4.45212 11.6621C5.80212 10.3021 7.51212 9.51212 9.27212 9.27212C9.51212 7.51212 10.3021 5.80212 11.6621 4.45212C13.4521 2.66212 15.8621 1.85212 18.2021 2.02212C18.2021 2.02212 19.7321 2.25212 20.3021 2.44212ZM7.08549 25.6605C6.87041 26.0966 7.34147 26.552 7.7701 26.3223L8.72212 25.8121C15.9921 21.9221 21.9421 15.9721 25.8321 8.70212L26.3386 7.75699C26.5683 7.32835 26.1129 6.85729 25.6768 7.07237L21.6621 9.05212C16.1921 11.7521 11.7621 16.1821 9.06212 21.6521L7.08549 25.6605Z"
fill="url(#paint1_radial_6987_5186)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.3021 2.44212L28.0121 4.16212C28.3609 4.23868 28.5848 4.48348 28.6693 4.76803C28.6905 4.79917 28.7083 4.83389 28.7221 4.87212L28.8921 5.38212C30.8721 11.3221 30.0721 20.0621 25.6521 24.4921L24.5021 25.6421C20.0821 30.0621 11.3321 30.8621 5.40212 28.8721L4.89212 28.7021C4.86621 28.6935 4.84196 28.6829 4.81939 28.6706C4.51744 28.5961 4.25236 28.3677 4.17212 28.0021L2.47212 20.3821C2.25212 19.7521 2.02212 18.1921 2.02212 18.1921C1.85212 15.8521 2.66212 13.4521 4.45212 11.6621C5.80212 10.3021 7.51212 9.51212 9.27212 9.27212C9.51212 7.51212 10.3021 5.80212 11.6621 4.45212C13.4521 2.66212 15.8621 1.85212 18.2021 2.02212C18.2021 2.02212 19.7321 2.25212 20.3021 2.44212ZM7.08549 25.6605C6.87041 26.0966 7.34147 26.552 7.7701 26.3223L8.72212 25.8121C15.9921 21.9221 21.9421 15.9721 25.8321 8.70212L26.3386 7.75699C26.5683 7.32835 26.1129 6.85729 25.6768 7.07237L21.6621 9.05212C16.1921 11.7521 11.7621 16.1821 9.06212 21.6521L7.08549 25.6605Z"
fill="url(#paint2_radial_6987_5186)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.3021 2.44212L28.0121 4.16212C28.3609 4.23868 28.5848 4.48348 28.6693 4.76803C28.6905 4.79917 28.7083 4.83389 28.7221 4.87212L28.8921 5.38212C30.8721 11.3221 30.0721 20.0621 25.6521 24.4921L24.5021 25.6421C20.0821 30.0621 11.3321 30.8621 5.40212 28.8721L4.89212 28.7021C4.86621 28.6935 4.84196 28.6829 4.81939 28.6706C4.51744 28.5961 4.25236 28.3677 4.17212 28.0021L2.47212 20.3821C2.25212 19.7521 2.02212 18.1921 2.02212 18.1921C1.85212 15.8521 2.66212 13.4521 4.45212 11.6621C5.80212 10.3021 7.51212 9.51212 9.27212 9.27212C9.51212 7.51212 10.3021 5.80212 11.6621 4.45212C13.4521 2.66212 15.8621 1.85212 18.2021 2.02212C18.2021 2.02212 19.7321 2.25212 20.3021 2.44212ZM7.08549 25.6605C6.87041 26.0966 7.34147 26.552 7.7701 26.3223L8.72212 25.8121C15.9921 21.9221 21.9421 15.9721 25.8321 8.70212L26.3386 7.75699C26.5683 7.32835 26.1129 6.85729 25.6768 7.07237L21.6621 9.05212C16.1921 11.7521 11.7621 16.1821 9.06212 21.6521L7.08549 25.6605Z"
fill="url(#paint3_radial_6987_5186)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.3021 2.44212L28.0121 4.16212C28.3609 4.23868 28.5848 4.48348 28.6693 4.76803C28.6905 4.79917 28.7083 4.83389 28.7221 4.87212L28.8921 5.38212C30.8721 11.3221 30.0721 20.0621 25.6521 24.4921L24.5021 25.6421C20.0821 30.0621 11.3321 30.8621 5.40212 28.8721L4.89212 28.7021C4.86621 28.6935 4.84196 28.6829 4.81939 28.6706C4.51744 28.5961 4.25236 28.3677 4.17212 28.0021L2.47212 20.3821C2.25212 19.7521 2.02212 18.1921 2.02212 18.1921C1.85212 15.8521 2.66212 13.4521 4.45212 11.6621C5.80212 10.3021 7.51212 9.51212 9.27212 9.27212C9.51212 7.51212 10.3021 5.80212 11.6621 4.45212C13.4521 2.66212 15.8621 1.85212 18.2021 2.02212C18.2021 2.02212 19.7321 2.25212 20.3021 2.44212ZM7.08549 25.6605C6.87041 26.0966 7.34147 26.552 7.7701 26.3223L8.72212 25.8121C15.9921 21.9221 21.9421 15.9721 25.8321 8.70212L26.3386 7.75699C26.5683 7.32835 26.1129 6.85729 25.6768 7.07237L21.6621 9.05212C16.1921 11.7521 11.7621 16.1821 9.06212 21.6521L7.08549 25.6605Z"
fill="url(#paint4_radial_6987_5186)"
/>
<g filter="url(#filter0_f_6987_5186)">
<path
d="M18.8438 4.3125L22.3438 4.875L26.2617 5.49614C27.0027 5.61362 27.6208 6.13494 27.767 6.87079C28.083 8.46029 28.3153 10.9929 27.7812 13.625"
stroke="#FFACB1"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter1_f_6987_5186)">
<path
d="M5.90626 27.5938L7.00001 26.5938C6.43751 26.1562 6.06251 25.2188 6.06251 24.0312C5.38751 25.8062 5.62501 27.2604 5.90626 27.5938Z"
fill="#FF6775"
/>
</g>
<g filter="url(#filter2_f_6987_5186)">
<path
d="M9.09375 27.125C10.3125 27.5312 15.1562 28.0252 17.8125 27.369"
stroke="url(#paint5_linear_6987_5186)"
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_6987_5186)">
<path
d="M19.9688 7.625C17.9063 8.25 10.6563 11.625 7.34375 20.25"
stroke="url(#paint6_linear_6987_5186)"
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_f_6987_5186"
x={16.8437}
y={2.31244}
width={13.2556}
height={13.3126}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.875}
result="effect1_foregroundBlur_6987_5186"
/>
</filter>
<filter
id="filter1_f_6987_5186"
x={4.62515}
y={23.0312}
width={3.37486}
height={5.5625}
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_6987_5186"
/>
</filter>
<filter
id="filter2_f_6987_5186"
x={6.59361}
y={24.6249}
width={13.719}
height={5.5636}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_6987_5186"
/>
</filter>
<filter
id="filter3_f_6987_5186"
x={3.84361}
y={4.12488}
width={19.6253}
height={19.6252}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_6987_5186"
/>
</filter>
<radialGradient
id="paint0_radial_6987_5186"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-8.50562 25.1011) rotate(-30.8346) scale(38.4717 38.1438)"
>
<stop stopColor="#ED1C26" />
<stop offset={0.491883} stopColor="#ED1452" />
<stop offset={1} stopColor="#EC098C" />
</radialGradient>
<radialGradient
id="paint1_radial_6987_5186"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.4687 14.1563) rotate(35.6764) scale(1.50033 7.62061)"
>
<stop offset={0.3125} stopColor="#AF1B6B" />
<stop offset={1} stopColor="#AF1B6B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_6987_5186"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(31.0937 16.375) rotate(172.97) scale(32.6832 51.1677)"
>
<stop offset={0.786458} stopColor="#FE5B00" stopOpacity={0} />
<stop offset={1} stopColor="#FF6F1E" />
</radialGradient>
<radialGradient
id="paint3_radial_6987_5186"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.0938 24) rotate(-87.8416) scale(24.8927 27.5544)"
>
<stop offset={0.873951} stopColor="#AF1B6B" stopOpacity={0} />
<stop offset={1} stopColor="#AF1B6B" />
</radialGradient>
<radialGradient
id="paint4_radial_6987_5186"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9063 11.75) rotate(75.196) scale(18.1008 30.8976)"
>
<stop offset={0.873951} stopColor="#AF1B6B" stopOpacity={0} />
<stop offset={1} stopColor="#AF1B6B" />
</radialGradient>
<linearGradient
id="paint5_linear_6987_5186"
x1={10.9375}
y1={27.125}
x2={16.625}
y2={27.4067}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF6775" />
<stop offset={1} stopColor="#FF6775" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_6987_5186"
x1={18.5313}
y1={5.71258}
x2={10.1102}
y2={13.9568}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF67A7" stopOpacity={0} />
<stop offset={1} stopColor="#FF67A7" />
</linearGradient>
</defs>
</svg>
);
module.exports = KissMarkIcon;