@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
325 lines (324 loc) • 16 kB
JSX
const React = require("react");
const FootprintsIcon = ({ 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_5559_20992)">
<path
d="M13.6321 8.93496C13.6321 5.93496 11.1721 5.51496 8.1321 5.51496C5.0921 5.51496 2.7021 5.89496 2.6421 8.82496V19.935C2.64055 20.6427 2.80593 21.3407 3.12481 21.9725C3.4437 22.6043 3.9071 23.152 4.47738 23.5711C5.04766 23.9901 5.70875 24.2688 6.40694 24.3844C7.10513 24.5 7.82075 24.4493 8.49567 24.2364C9.1706 24.0236 9.7858 23.6545 10.2913 23.1592C10.7968 22.664 11.1784 22.0565 11.4051 21.386C11.6317 20.7156 11.6971 20.0012 11.5958 19.3008C11.4945 18.6004 11.2294 17.9337 10.8221 17.355C10.4982 16.6653 10.4021 15.8905 10.5477 15.1427C10.6934 14.3948 11.0731 13.7127 11.6321 13.195V13.195C12.2604 12.6776 12.7658 12.0269 13.1117 11.2901C13.4576 10.5534 13.6354 9.74889 13.6321 8.93496V8.93496Z"
fill="#20142B"
/>
<path
d="M13.6321 8.93496C13.6321 5.93496 11.1721 5.51496 8.1321 5.51496C5.0921 5.51496 2.7021 5.89496 2.6421 8.82496V19.935C2.64055 20.6427 2.80593 21.3407 3.12481 21.9725C3.4437 22.6043 3.9071 23.152 4.47738 23.5711C5.04766 23.9901 5.70875 24.2688 6.40694 24.3844C7.10513 24.5 7.82075 24.4493 8.49567 24.2364C9.1706 24.0236 9.7858 23.6545 10.2913 23.1592C10.7968 22.664 11.1784 22.0565 11.4051 21.386C11.6317 20.7156 11.6971 20.0012 11.5958 19.3008C11.4945 18.6004 11.2294 17.9337 10.8221 17.355C10.4982 16.6653 10.4021 15.8905 10.5477 15.1427C10.6934 14.3948 11.0731 13.7127 11.6321 13.195V13.195C12.2604 12.6776 12.7658 12.0269 13.1117 11.2901C13.4576 10.5534 13.6354 9.74889 13.6321 8.93496V8.93496Z"
fill="url(#paint0_radial_5559_20992)"
/>
<path
d="M13.6321 8.93496C13.6321 5.93496 11.1721 5.51496 8.1321 5.51496C5.0921 5.51496 2.7021 5.89496 2.6421 8.82496V19.935C2.64055 20.6427 2.80593 21.3407 3.12481 21.9725C3.4437 22.6043 3.9071 23.152 4.47738 23.5711C5.04766 23.9901 5.70875 24.2688 6.40694 24.3844C7.10513 24.5 7.82075 24.4493 8.49567 24.2364C9.1706 24.0236 9.7858 23.6545 10.2913 23.1592C10.7968 22.664 11.1784 22.0565 11.4051 21.386C11.6317 20.7156 11.6971 20.0012 11.5958 19.3008C11.4945 18.6004 11.2294 17.9337 10.8221 17.355C10.4982 16.6653 10.4021 15.8905 10.5477 15.1427C10.6934 14.3948 11.0731 13.7127 11.6321 13.195V13.195C12.2604 12.6776 12.7658 12.0269 13.1117 11.2901C13.4576 10.5534 13.6354 9.74889 13.6321 8.93496V8.93496Z"
fill="url(#paint1_radial_5559_20992)"
/>
</g>
<path
d="M15.407 4.1353C15.5882 3.20282 14.9814 2.30039 14.0517 2.11966C13.1219 1.93894 12.2212 2.54835 12.04 3.48083L11.8759 4.32503C11.6946 5.2575 12.3014 6.15993 13.2312 6.34066C14.1609 6.52139 15.0616 5.91198 15.2429 4.9795L15.407 4.1353Z"
fill="url(#paint2_radial_5559_20992)"
/>
<path
d="M11.5672 3.40843C11.6459 2.72258 11.1538 2.10275 10.4679 2.024C9.78206 1.94525 9.16224 2.43741 9.08349 3.12326L9.01162 3.74914C8.93287 4.43499 9.42502 5.05482 10.1109 5.13357C10.7967 5.21232 11.4166 4.72017 11.4953 4.03432L11.5672 3.40843Z"
fill="url(#paint3_radial_5559_20992)"
/>
<path
d="M8.64232 3.44495C8.64232 2.82087 8.13641 2.31495 7.51232 2.31495C6.88824 2.31495 6.38232 2.82087 6.38232 3.44495V4.01495C6.38232 4.63903 6.88824 5.14495 7.51232 5.14495C8.13641 5.14495 8.64232 4.63903 8.64232 4.01495V3.44495Z"
fill="url(#paint4_radial_5559_20992)"
/>
<path
d="M5.98028 3.78187C5.91539 3.21673 5.40688 2.81094 4.84448 2.87552C4.28208 2.94009 3.87877 3.45058 3.94366 4.01572L4.00298 4.53232C4.06787 5.09746 4.57639 5.50325 5.13878 5.43868C5.70118 5.3741 6.10449 4.86362 6.0396 4.29848L5.98028 3.78187Z"
fill="url(#paint5_radial_5559_20992)"
/>
<path
d="M2.64312 4.10659L2.63341 4.10895C2.16655 4.22259 1.88021 4.69317 1.99384 5.16002L2.10026 5.59726C2.2139 6.06412 2.68448 6.35046 3.15134 6.23682L3.16105 6.23446C3.62791 6.12082 3.91425 5.65024 3.80062 5.18339L3.6942 4.74615C3.58056 4.27929 3.10998 3.99295 2.64312 4.10659Z"
fill="url(#paint6_radial_5559_20992)"
/>
<g filter="url(#filter1_i_5559_20992)">
<path
d="M18.3628 13.835C18.3628 10.835 20.8328 10.415 23.8628 10.415C26.8928 10.415 29.3028 10.795 29.3628 13.725V24.845C29.3628 26.0385 28.8887 27.1831 28.0448 28.027C27.2009 28.8709 26.0563 29.345 24.8628 29.345C23.6693 29.345 22.5247 28.8709 21.6808 28.027C20.8369 27.1831 20.3628 26.0385 20.3628 24.845C20.3631 23.9194 20.6534 23.0172 21.1928 22.265C21.5151 21.575 21.6104 20.8006 21.4648 20.0532C21.3193 19.3057 20.9405 18.6236 20.3828 18.105V18.105C19.7501 17.588 19.2405 16.9365 18.891 16.1979C18.5416 15.4593 18.3612 14.6521 18.3628 13.835V13.835Z"
fill="#20142B"
/>
<path
d="M18.3628 13.835C18.3628 10.835 20.8328 10.415 23.8628 10.415C26.8928 10.415 29.3028 10.795 29.3628 13.725V24.845C29.3628 26.0385 28.8887 27.1831 28.0448 28.027C27.2009 28.8709 26.0563 29.345 24.8628 29.345C23.6693 29.345 22.5247 28.8709 21.6808 28.027C20.8369 27.1831 20.3628 26.0385 20.3628 24.845C20.3631 23.9194 20.6534 23.0172 21.1928 22.265C21.5151 21.575 21.6104 20.8006 21.4648 20.0532C21.3193 19.3057 20.9405 18.6236 20.3828 18.105V18.105C19.7501 17.588 19.2405 16.9365 18.891 16.1979C18.5416 15.4593 18.3612 14.6521 18.3628 13.835V13.835Z"
fill="url(#paint7_radial_5559_20992)"
/>
<path
d="M18.3628 13.835C18.3628 10.835 20.8328 10.415 23.8628 10.415C26.8928 10.415 29.3028 10.795 29.3628 13.725V24.845C29.3628 26.0385 28.8887 27.1831 28.0448 28.027C27.2009 28.8709 26.0563 29.345 24.8628 29.345C23.6693 29.345 22.5247 28.8709 21.6808 28.027C20.8369 27.1831 20.3628 26.0385 20.3628 24.845C20.3631 23.9194 20.6534 23.0172 21.1928 22.265C21.5151 21.575 21.6104 20.8006 21.4648 20.0532C21.3193 19.3057 20.9405 18.6236 20.3828 18.105V18.105C19.7501 17.588 19.2405 16.9365 18.891 16.1979C18.5416 15.4593 18.3612 14.6521 18.3628 13.835V13.835Z"
fill="url(#paint8_radial_5559_20992)"
/>
<path
d="M18.3628 13.835C18.3628 10.835 20.8328 10.415 23.8628 10.415C26.8928 10.415 29.3028 10.795 29.3628 13.725V24.845C29.3628 26.0385 28.8887 27.1831 28.0448 28.027C27.2009 28.8709 26.0563 29.345 24.8628 29.345C23.6693 29.345 22.5247 28.8709 21.6808 28.027C20.8369 27.1831 20.3628 26.0385 20.3628 24.845C20.3631 23.9194 20.6534 23.0172 21.1928 22.265C21.5151 21.575 21.6104 20.8006 21.4648 20.0532C21.3193 19.3057 20.9405 18.6236 20.3828 18.105V18.105C19.7501 17.588 19.2405 16.9365 18.891 16.1979C18.5416 15.4593 18.3612 14.6521 18.3628 13.835V13.835Z"
fill="url(#paint9_radial_5559_20992)"
/>
</g>
<path
d="M16.7609 9.88326C16.9421 10.8157 17.8428 11.4251 18.7726 11.2444C19.7023 11.0637 20.3091 10.1613 20.1279 9.22878L19.9638 8.38458C19.7825 7.45211 18.8819 6.8427 17.9521 7.02342C17.0223 7.20415 16.4155 8.10658 16.5968 9.03906L16.7609 9.88326Z"
fill="url(#paint10_radial_5559_20992)"
/>
<path
d="M20.4982 8.92945C20.577 9.6153 21.1968 10.1075 21.8827 10.0287C22.5685 9.94995 23.0607 9.33012 22.9819 8.64428L22.9101 8.01839C22.8313 7.33254 22.2115 6.84039 21.5256 6.91913C20.8398 6.99788 20.3476 7.61771 20.4264 8.30356L20.4982 8.92945Z"
fill="url(#paint11_radial_5559_20992)"
/>
<path
d="M23.363 8.92494C23.363 9.54902 23.869 10.0549 24.493 10.0549C25.1171 10.0549 25.623 9.54902 25.623 8.92494V8.35494C25.623 7.73086 25.1171 7.22494 24.493 7.22494C23.869 7.22494 23.363 7.73086 23.363 8.35494V8.92494Z"
fill="url(#paint12_radial_5559_20992)"
/>
<path
d="M25.9564 9.18655C25.8915 9.75169 26.2948 10.2622 26.8572 10.3268C27.4196 10.3913 27.9281 9.98554 27.993 9.4204L28.0523 8.90379C28.1172 8.33865 27.7139 7.82816 27.1515 7.76359C26.5891 7.69902 26.0806 8.10481 26.0157 8.66995L25.9564 9.18655Z"
fill="url(#paint13_radial_5559_20992)"
/>
<path
d="M28.8388 11.1238L28.8485 11.1262C29.3154 11.2398 29.786 10.9535 29.8996 10.4866L30.006 10.0494C30.1197 9.58251 29.8333 9.11192 29.3665 8.99829L29.3567 8.99592C28.8899 8.88229 28.4193 9.16863 28.3057 9.63549L28.1992 10.0727C28.0856 10.5396 28.372 11.0102 28.8388 11.1238Z"
fill="url(#paint14_radial_5559_20992)"
/>
<defs>
<filter
id="filter0_i_5559_20992"
x={2.14209}
y={5.01496}
width={11.4901}
height={19.4299}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.109804 0 0 0 0 0.0784314 0 0 0 0 0.133333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_5559_20992"
/>
</filter>
<filter
id="filter1_i_5559_20992"
x={17.8628}
y={9.91499}
width={11.5}
height={19.43}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.109804 0 0 0 0 0.0784314 0 0 0 0 0.133333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_5559_20992"
/>
</filter>
<radialGradient
id="paint0_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.28491 21.3274) rotate(-132.397) scale(7.78621 7.62968)"
>
<stop stopColor="#3C3840" />
<stop offset={1} stopColor="#3C3840" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6599 6.82745) rotate(139.475) scale(5.09787 7.49367)"
>
<stop stopColor="#463E51" />
<stop offset={1} stopColor="#463E51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.7849 3.04623) rotate(115.71) scale(3.74583 2.98795)"
>
<stop stopColor="#493F56" />
<stop offset={1} stopColor="#11051C" />
</radialGradient>
<radialGradient
id="paint3_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.8474 3.2337) rotate(94.3747) scale(2.04843 1.49801)"
>
<stop offset={0.175635} stopColor="#42374E" />
<stop offset={1} stopColor="#10041D" />
</radialGradient>
<radialGradient
id="paint4_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.10913 3.2962) rotate(90) scale(1.72656 1.21484)"
>
<stop stopColor="#41364D" />
<stop offset={1} stopColor="#150623" />
</radialGradient>
<radialGradient
id="paint5_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.56616 3.81966) rotate(80.9807) scale(1.49505 1.09113)"
>
<stop offset={0.157133} stopColor="#41364D" />
<stop offset={1} stopColor="#1D1229" />
</radialGradient>
<radialGradient
id="paint6_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.3396 4.91341) rotate(73.0281) scale(1.25791 0.766539)"
>
<stop offset={0.095118} stopColor="#40354B" />
<stop offset={1} stopColor="#1A0E25" />
</radialGradient>
<radialGradient
id="paint7_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.0116 26.2276) rotate(-132.423) scale(7.78944 7.63347)"
>
<stop stopColor="#3C3840" />
<stop offset={1} stopColor="#3C3840" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.3897 11.7275) rotate(139.5) scale(5.10055 7.49656)"
>
<stop stopColor="#463E51" />
<stop offset={1} stopColor="#463E51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.0974 21.265) rotate(2.7927) scale(7.69664 23.4584)"
>
<stop offset={0.712562} stopColor="#2D2832" stopOpacity={0} />
<stop offset={1} stopColor="#2D2832" />
</radialGradient>
<radialGradient
id="paint10_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.1912 8.13998) rotate(78.6714) scale(3.49988 2.79176)"
>
<stop offset={0.0789893} stopColor="#493F56" />
<stop offset={1} stopColor="#11051C" />
</radialGradient>
<radialGradient
id="paint11_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.6599 8.13998) rotate(171.441) scale(2.24374 2.14485)"
>
<stop offset={0.163337} stopColor="#42374E" />
<stop offset={1} stopColor="#10041D" />
</radialGradient>
<radialGradient
id="paint12_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.3474 8.32745) rotate(175.986) scale(1.78563 1.76567)"
>
<stop offset={0.237825} stopColor="#41364D" />
<stop offset={1} stopColor="#150623" />
</radialGradient>
<radialGradient
id="paint13_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.6599 8.67123) rotate(-175.096) scale(1.82774 1.75294)"
>
<stop offset={0.157133} stopColor="#41364D" />
<stop offset={1} stopColor="#1D1229" />
</radialGradient>
<radialGradient
id="paint14_radial_5559_20992"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.7537 10.061) rotate(-163.673) scale(1.49791 1.32428)"
>
<stop offset={0.234949} stopColor="#40354B" />
<stop offset={1} stopColor="#1A0E25" />
</radialGradient>
</defs>
</svg>
);
module.exports = FootprintsIcon;