@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
212 lines (211 loc) • 8.04 kB
JSX
const React = require("react");
const DangoIcon = ({ 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="M6.7775 8.2375C6.4075 8.2375 6.0375 8.0975 5.7475 7.8075L2.4275 4.4875C1.8575 3.9175 1.8575 2.9975 2.4275 2.4275C2.9975 1.8575 3.9175 1.8575 4.4875 2.4275L7.7975 5.7475C8.3675 6.3175 8.3675 7.2375 7.7975 7.8075C7.5175 8.0975 7.1475 8.2375 6.7775 8.2375Z"
fill="url(#paint0_linear_18_31282)"
/>
<path
d="M9.17749 14.9075C12.5243 14.9075 15.2375 12.1944 15.2375 8.84754C15.2375 5.50069 12.5243 2.78754 9.17749 2.78754C5.83065 2.78754 3.11749 5.50069 3.11749 8.84754C3.11749 12.1944 5.83065 14.9075 9.17749 14.9075Z"
fill="url(#paint1_radial_18_31282)"
/>
<path
d="M9.17749 14.9075C12.5243 14.9075 15.2375 12.1944 15.2375 8.84754C15.2375 5.50069 12.5243 2.78754 9.17749 2.78754C5.83065 2.78754 3.11749 5.50069 3.11749 8.84754C3.11749 12.1944 5.83065 14.9075 9.17749 14.9075Z"
fill="url(#paint2_radial_18_31282)"
/>
<g filter="url(#filter0_f_18_31282)">
<path
d="M9.125 14.5312C9.125 11.1844 11.3407 9.5 14.6875 9.5C14.6875 13.1837 16.06 15.5612 9.125 14.5312Z"
fill="#BC6965"
/>
</g>
<path
d="M15.4375 21.1675C18.7843 21.1675 21.4975 18.4543 21.4975 15.1075C21.4975 11.7606 18.7843 9.04749 15.4375 9.04749C12.0907 9.04749 9.3775 11.7606 9.3775 15.1075C9.3775 18.4543 12.0907 21.1675 15.4375 21.1675Z"
fill="url(#paint3_radial_18_31282)"
/>
<path
d="M15.4375 21.1675C18.7843 21.1675 21.4975 18.4543 21.4975 15.1075C21.4975 11.7606 18.7843 9.04749 15.4375 9.04749C12.0907 9.04749 9.3775 11.7606 9.3775 15.1075C9.3775 18.4543 12.0907 21.1675 15.4375 21.1675Z"
fill="url(#paint4_radial_18_31282)"
/>
<g filter="url(#filter1_f_18_31282)">
<path
d="M14.7979 20.6895C15.0815 17.3547 18.0262 15.1403 21.361 15.4239C20.4713 20.4867 18.6459 21.0261 14.7979 20.6895Z"
fill="#BBB08B"
/>
</g>
<path
d="M21.7662 27.5087C25.1131 27.5087 27.8262 24.7956 27.8262 21.4487C27.8262 18.1019 25.1131 15.3887 21.7662 15.3887C18.4194 15.3887 15.7062 18.1019 15.7062 21.4487C15.7062 24.7956 18.4194 27.5087 21.7662 27.5087Z"
fill="url(#paint5_radial_18_31282)"
/>
<path
d="M21.7662 27.5087C25.1131 27.5087 27.8262 24.7956 27.8262 21.4487C27.8262 18.1019 25.1131 15.3887 21.7662 15.3887C18.4194 15.3887 15.7062 18.1019 15.7062 21.4487C15.7062 24.7956 18.4194 27.5087 21.7662 27.5087Z"
fill="url(#paint6_radial_18_31282)"
/>
<path
d="M28.5875 29.9975C28.2175 29.9975 27.8475 29.8575 27.5575 29.5675L23.1775 25.2375C22.6075 24.6675 22.6075 23.7475 23.1775 23.1775C23.7475 22.6075 24.6675 22.6075 25.2375 23.1775L29.6175 27.5075C30.1875 28.0775 30.1875 28.9975 29.6175 29.5675C29.3275 29.8575 28.9575 29.9975 28.5875 29.9975Z"
fill="url(#paint7_linear_18_31282)"
/>
<path
d="M28.5875 29.9975C28.2175 29.9975 27.8475 29.8575 27.5575 29.5675L23.1775 25.2375C22.6075 24.6675 22.6075 23.7475 23.1775 23.1775C23.7475 22.6075 24.6675 22.6075 25.2375 23.1775L29.6175 27.5075C30.1875 28.0775 30.1875 28.9975 29.6175 29.5675C29.3275 29.8575 28.9575 29.9975 28.5875 29.9975Z"
fill="url(#paint8_radial_18_31282)"
/>
<defs>
<filter
id="filter0_f_18_31282"
x={8.125}
y={8.5}
width={7.67285}
height={7.27258}
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_31282"
/>
</filter>
<filter
id="filter1_f_18_31282"
x={13.7979}
y={14.3995}
width={8.56311}
height={7.37012}
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_31282"
/>
</filter>
<linearGradient
id="paint0_linear_18_31282"
x1={6.25}
y1={4.375}
x2={4.39997}
y2={6.08805}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.162328} stopColor="#FFD69D" />
<stop offset={0.558473} stopColor="#E2A877" />
<stop offset={1} stopColor="#AB6D52" />
</linearGradient>
<radialGradient
id="paint1_radial_18_31282"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.9375 6.9375) rotate(132.489) scale(10.086)"
>
<stop stopColor="#FFD3BC" />
<stop offset={0.421819} stopColor="#E8A796" />
<stop offset={1} stopColor="#A8756C" />
</radialGradient>
<radialGradient
id="paint2_radial_18_31282"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.1875 16.625) rotate(101.634) scale(8.67828 12.0506)"
>
<stop stopColor="#BE7190" />
<stop offset={1} stopColor="#BF6D8E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_31282"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5625 13.1875) rotate(119.97) scale(9.8841)"
>
<stop stopColor="#FFFED0" />
<stop offset={0.472268} stopColor="#F6DDB8" />
<stop offset={1} stopColor="#B9A188" />
</radialGradient>
<radialGradient
id="paint4_radial_18_31282"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.1875 22.125) rotate(110.095) scale(8.18583 9.81355)"
>
<stop stopColor="#D1A8CB" />
<stop offset={1} stopColor="#D0A5CB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_31282"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.2462 19.5712) rotate(113.674) scale(8.66685)"
>
<stop stopColor="#64DB91" />
<stop offset={0.471459} stopColor="#37BE71" />
<stop offset={1} stopColor="#388E61" />
</radialGradient>
<radialGradient
id="paint6_radial_18_31282"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.7662 28.2587) rotate(95.0292) scale(8.78382)"
>
<stop stopColor="#5E8690" />
<stop offset={0.737844} stopColor="#528787" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_31282"
x1={27.625}
y1={25.5}
x2={25.5625}
y2={27.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.162328} stopColor="#FFD9A3" />
<stop offset={0.438601} stopColor="#F3B78D" />
<stop offset={0.887364} stopColor="#BE706B" />
</linearGradient>
<radialGradient
id="paint8_radial_18_31282"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.1875 26.3737) rotate(47.3289) scale(6.54703 4.36133)"
>
<stop offset={0.714648} stopColor="#9B7549" stopOpacity={0} />
<stop offset={0.859068} stopColor="#977246" />
</radialGradient>
</defs>
</svg>
);
module.exports = DangoIcon;