@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
646 lines (645 loc) • 19.4 kB
JSX
const React = require("react");
const HandbagIcon = ({ 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_f_18_17058)">
<path
d="M26.8906 12.4398L28.4844 27.3216"
stroke="#9A726A"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter1_ii_18_17058)">
<path
d="M3.55297 13.4356C3.70929 11.8745 4.9986 10.6871 6.53746 10.6871H25.5411C27.0864 10.6871 28.3789 11.8842 28.5272 13.4527L29.8608 27.5549C30.0025 29.0526 28.8479 30.349 27.3724 30.349H4.6277C3.14656 30.349 1.99017 29.0432 2.14063 27.5407L3.55297 13.4356Z"
fill="#E4B8A4"
/>
<path
d="M3.55297 13.4356C3.70929 11.8745 4.9986 10.6871 6.53746 10.6871H25.5411C27.0864 10.6871 28.3789 11.8842 28.5272 13.4527L29.8608 27.5549C30.0025 29.0526 28.8479 30.349 27.3724 30.349H4.6277C3.14656 30.349 1.99017 29.0432 2.14063 27.5407L3.55297 13.4356Z"
fill="url(#paint0_linear_18_17058)"
/>
<path
d="M3.55297 13.4356C3.70929 11.8745 4.9986 10.6871 6.53746 10.6871H25.5411C27.0864 10.6871 28.3789 11.8842 28.5272 13.4527L29.8608 27.5549C30.0025 29.0526 28.8479 30.349 27.3724 30.349H4.6277C3.14656 30.349 1.99017 29.0432 2.14063 27.5407L3.55297 13.4356Z"
fill="url(#paint1_linear_18_17058)"
/>
</g>
<g filter="url(#filter2_f_18_17058)">
<path
d="M26.8594 13.2684L28.4844 27.3216"
stroke="#F4C79C"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<path
d="M29.2993 21.6174L29.8608 27.5549C30.0025 29.0526 28.8479 30.3489 27.3724 30.3489H4.62769C3.14655 30.3489 1.99017 29.0432 2.14063 27.5406L2.73374 21.6174H29.2993Z"
fill="url(#paint2_linear_18_17058)"
/>
<path
d="M29.2993 21.6174L29.8608 27.5549C30.0025 29.0526 28.8479 30.3489 27.3724 30.3489H4.62769C3.14655 30.3489 1.99017 29.0432 2.14063 27.5406L2.73374 21.6174H29.2993Z"
fill="url(#paint3_linear_18_17058)"
/>
<path
d="M29.2993 21.6174L29.8608 27.5549C30.0025 29.0526 28.8479 30.3489 27.3724 30.3489H4.62769C3.14655 30.3489 1.99017 29.0432 2.14063 27.5406L2.73374 21.6174H29.2993Z"
fill="url(#paint4_linear_18_17058)"
/>
<path
d="M29.2993 21.6174L29.8608 27.5549C30.0025 29.0526 28.8479 30.3489 27.3724 30.3489H4.62769C3.14655 30.3489 1.99017 29.0432 2.14063 27.5406L2.73374 21.6174H29.2993Z"
fill="url(#paint5_linear_18_17058)"
/>
<g filter="url(#filter3_i_18_17058)">
<path
d="M23.4531 11.2767V15.8177H24.9531V11.2767H23.4531ZM8.60938 15.8177V11.2767H7.10938V15.8177H8.60938ZM16.0312 3.69348C20.1165 3.69348 23.4531 7.0747 23.4531 11.2767H24.9531C24.9531 6.27405 20.9724 2.19348 16.0312 2.19348V3.69348ZM16.0312 2.19348C11.0901 2.19348 7.10938 6.27405 7.10938 11.2767H8.60938C8.60938 7.0747 11.946 3.69348 16.0312 3.69348V2.19348Z"
fill="url(#paint6_linear_18_17058)"
/>
</g>
<path
d="M23.4531 11.2767V15.8177H24.9531V11.2767H23.4531ZM8.60938 15.8177V11.2767H7.10938V15.8177H8.60938ZM16.0312 3.69348C20.1165 3.69348 23.4531 7.0747 23.4531 11.2767H24.9531C24.9531 6.27405 20.9724 2.19348 16.0312 2.19348V3.69348ZM16.0312 2.19348C11.0901 2.19348 7.10938 6.27405 7.10938 11.2767H8.60938C8.60938 7.0747 11.946 3.69348 16.0312 3.69348V2.19348Z"
fill="url(#paint7_radial_18_17058)"
/>
<g filter="url(#filter4_f_18_17058)">
<path
d="M24.2448 11.2767V15.8177H24.5448V11.2767H24.2448ZM8.20103 15.8177V11.2767H7.90103V15.8177H8.20103ZM16.2229 3.09348C20.6505 3.09348 24.2448 6.75444 24.2448 11.2767H24.5448C24.5448 6.59431 20.8217 2.79348 16.2229 2.79348V3.09348ZM16.2229 2.79348C11.6241 2.79348 7.90103 6.59431 7.90103 11.2767H8.20103C8.20103 6.75444 11.7953 3.09348 16.2229 3.09348V2.79348Z"
fill="url(#paint8_linear_18_17058)"
/>
</g>
<g filter="url(#filter5_f_18_17058)">
<rect
x={21.8906}
y={13.6667}
width={3.875}
height={3.95149}
rx={0.75}
fill="#C18F7D"
/>
</g>
<g filter="url(#filter6_f_18_17058)">
<rect
x={5.51562}
y={13.6667}
width={3.875}
height={3.95149}
rx={0.75}
fill="#C18F7D"
/>
</g>
<g filter="url(#filter7_i_18_17058)">
<rect
x={5.95312}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="#6A4448"
/>
<rect
x={5.95312}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="url(#paint9_linear_18_17058)"
/>
<rect
x={5.95312}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="url(#paint10_linear_18_17058)"
/>
<rect
x={5.95312}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="url(#paint11_linear_18_17058)"
/>
</g>
<rect
x={22.2656}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="#6A4448"
/>
<rect
x={22.2656}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="url(#paint12_linear_18_17058)"
/>
<rect
x={22.2656}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="url(#paint13_linear_18_17058)"
/>
<rect
x={22.2656}
y={13.1887}
width={3.875}
height={3.95149}
rx={0.75}
fill="url(#paint14_linear_18_17058)"
/>
<g filter="url(#filter8_f_18_17058)">
<path
d="M27.8281 22.7009L28.4844 27.3216"
stroke="#966F68"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter9_f_18_17058)">
<path
d="M9.16992 13.9816V16"
stroke="#8D706D"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter10_f_18_17058)">
<path
d="M25.4729 13.9816V16"
stroke="#8D706D"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_f_18_17058"
x={25.1406}
y={10.6898}
width={5.09375}
height={18.3819}
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_17058"
/>
</filter>
<filter
id="filter1_ii_18_17058"
x={2.12744}
y={10.6871}
width={28.7451}
height={20.6618}
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={1} dy={1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.741176 0 0 0 0 0.560784 0 0 0 0 0.439216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17058"
/>
<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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.8 0 0 0 0 0.713726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_17058"
result="effect2_innerShadow_18_17058"
/>
</filter>
<filter
id="filter2_f_18_17058"
x={25.1094}
y={11.5183}
width={5.125}
height={17.5534}
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_17058"
/>
</filter>
<filter
id="filter3_i_18_17058"
x={7.10938}
y={1.94348}
width={17.8438}
height={13.8742}
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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.494118 0 0 0 0 0.27451 0 0 0 0 0.345098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17058"
/>
</filter>
<filter
id="filter4_f_18_17058"
x={7.50112}
y={2.39349}
width={17.4436}
height={13.8242}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_17058"
/>
</filter>
<filter
id="filter5_f_18_17058"
x={20.8906}
y={12.6667}
width={5.875}
height={5.95149}
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_17058"
/>
</filter>
<filter
id="filter6_f_18_17058"
x={4.51562}
y={12.6667}
width={5.875}
height={5.95149}
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_17058"
/>
</filter>
<filter
id="filter7_i_18_17058"
x={5.95312}
y={13.1887}
width={4.025}
height={3.95149}
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.15} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.509804 0 0 0 0 0.45098 0 0 0 0 0.443137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17058"
/>
</filter>
<filter
id="filter8_f_18_17058"
x={26.0781}
y={20.9508}
width={4.15625}
height={8.12088}
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_17058"
/>
</filter>
<filter
id="filter9_f_18_17058"
x={8.41992}
y={13.2316}
width={1.5}
height={3.51839}
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_17058"
/>
</filter>
<filter
id="filter10_f_18_17058"
x={24.7229}
y={13.2316}
width={1.5}
height={3.51839}
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_17058"
/>
</filter>
<linearGradient
id="paint0_linear_18_17058"
x1={29.8726}
y1={22.3823}
x2={20.2806}
y2={24.4083}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E8B585" />
<stop offset={1} stopColor="#E8B585" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_17058"
x1={2.92194}
y1={21.0439}
x2={9.67249}
y2={21.3503}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C18F70" />
<stop offset={1} stopColor="#C18F70" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_17058"
x1={16}
y1={21.6174}
x2={16}
y2={30.3489}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#90605D" />
<stop offset={1} stopColor="#744C50" />
</linearGradient>
<linearGradient
id="paint3_linear_18_17058"
x1={2.12744}
y1={26.5249}
x2={5.73481}
y2={26.7088}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.205497} stopColor="#634743" />
<stop offset={1} stopColor="#634743" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_17058"
x1={14.8594}
y1={30.3489}
x2={14.8594}
y2={25.3777}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.153846} stopColor="#683858" />
<stop offset={1} stopColor="#724950" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_17058"
x1={2.12744}
y1={25.314}
x2={3.50073}
y2={25.4673}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AC9A95" />
<stop offset={1} stopColor="#674A46" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_17058"
x1={10.8299}
y1={12.1489}
x2={22.4931}
y2={12.1489}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#69413D" />
<stop offset={1} stopColor="#743F44" />
</linearGradient>
<radialGradient
id="paint7_radial_18_17058"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.85938 13.5379) rotate(-86.6099) scale(4.16459 5.28768)"
>
<stop stopColor="#5F3D38" />
<stop offset={1} stopColor="#5F3D38" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_17058"
x1={8.05103}
y1={12.8434}
x2={24.7705}
y2={12.8434}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7A5354" />
<stop offset={1} stopColor="#987772" />
</linearGradient>
<linearGradient
id="paint9_linear_18_17058"
x1={5.95313}
y1={15.6902}
x2={7.08405}
y2={15.6902}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.482759} stopColor="#593B39" />
<stop offset={1} stopColor="#593B39" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_17058"
x1={8.31848}
y1={17.1401}
x2={8.31848}
y2={16.2291}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.193943} stopColor="#602E4C" />
<stop offset={1} stopColor="#602E4C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_17058"
x1={7.89063}
y1={13.1887}
x2={7.89063}
y2={14.0154}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.278119} stopColor="#6A443D" />
<stop offset={1} stopColor="#6A443D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_17058"
x1={22.2656}
y1={15.6902}
x2={23.3965}
y2={15.6902}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.482759} stopColor="#593B39" />
<stop offset={1} stopColor="#593B39" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_17058"
x1={24.631}
y1={17.1401}
x2={24.631}
y2={16.2291}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.193943} stopColor="#602E4C" />
<stop offset={1} stopColor="#602E4C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_17058"
x1={24.2031}
y1={13.1887}
x2={24.2031}
y2={14.0154}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.278119} stopColor="#6A443D" />
<stop offset={1} stopColor="#6A443D" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HandbagIcon;