UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

212 lines (211 loc) 8.04 kB
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;