@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
531 lines (530 loc) • 18.7 kB
JSX
const React = require("react");
const JeansIcon = ({ 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="M9.10158 3.17266C9.17276 2.54041 9.70749 2.0625 10.3437 2.0625H21.693C22.3433 2.0625 22.885 2.56122 22.9387 3.20938L23.0391 4.42188H8.96094L9.10158 3.17266Z"
fill="url(#paint0_linear_18_16449)"
/>
<path
d="M9.10158 3.17266C9.17276 2.54041 9.70749 2.0625 10.3437 2.0625H21.693C22.3433 2.0625 22.885 2.56122 22.9387 3.20938L23.0391 4.42188H8.96094L9.10158 3.17266Z"
fill="url(#paint1_linear_18_16449)"
/>
<path
d="M9.10158 3.17266C9.17276 2.54041 9.70749 2.0625 10.3437 2.0625H21.693C22.3433 2.0625 22.885 2.56122 22.9387 3.20938L23.0391 4.42188H8.96094L9.10158 3.17266Z"
fill="url(#paint2_radial_18_16449)"
/>
<path
d="M8.94521 4.59375L6.70289 27.1406L12.6954 27.9375C13.4222 22.7188 14.9531 12.109 15.0722 11.4219C15.2213 10.5625 15.7625 10.5625 16.139 10.5625C16.4402 10.5625 16.5259 10.3125 16.5311 10.1875V4.59375H8.94521Z"
fill="url(#paint3_linear_18_16449)"
/>
<path
d="M8.94521 4.59375L6.70289 27.1406L12.6954 27.9375C13.4222 22.7188 14.9531 12.109 15.0722 11.4219C15.2213 10.5625 15.7625 10.5625 16.139 10.5625C16.4402 10.5625 16.5259 10.3125 16.5311 10.1875V4.59375H8.94521Z"
fill="url(#paint4_radial_18_16449)"
/>
<path
d="M8.94521 4.59375L6.70289 27.1406L12.6954 27.9375C13.4222 22.7188 14.9531 12.109 15.0722 11.4219C15.2213 10.5625 15.7625 10.5625 16.139 10.5625C16.4402 10.5625 16.5259 10.3125 16.5311 10.1875V4.59375H8.94521Z"
fill="url(#paint5_radial_18_16449)"
/>
<path
d="M16.8318 11.5156C16.8068 11.3531 16.6547 11.2083 16.5818 11.1562L16.8318 4.625H22.8943L25.113 26.9844L19.1599 27.9062C18.3943 22.5104 16.8568 11.6781 16.8318 11.5156Z"
fill="url(#paint6_linear_18_16449)"
/>
<path
d="M16.8318 11.5156C16.8068 11.3531 16.6547 11.2083 16.5818 11.1562L16.8318 4.625H22.8943L25.113 26.9844L19.1599 27.9062C18.3943 22.5104 16.8568 11.6781 16.8318 11.5156Z"
fill="url(#paint7_linear_18_16449)"
/>
<path
d="M16.8318 11.5156C16.8068 11.3531 16.6547 11.2083 16.5818 11.1562L16.8318 4.625H22.8943L25.113 26.9844L19.1599 27.9062C18.3943 22.5104 16.8568 11.6781 16.8318 11.5156Z"
fill="url(#paint8_linear_18_16449)"
/>
<path
d="M23.3072 8.78564C21.7239 8.36774 20.5566 6.92578 20.5566 5.21124C20.5566 5.01172 20.5724 4.81592 20.6029 4.625H22.8943L23.3072 8.78564Z"
fill="url(#paint9_linear_18_16449)"
/>
<path
d="M23.3072 8.78564C21.7239 8.36774 20.5566 6.92578 20.5566 5.21124C20.5566 5.01172 20.5724 4.81592 20.6029 4.625H22.8943L23.3072 8.78564Z"
fill="url(#paint10_linear_18_16449)"
/>
<g filter="url(#filter0_i_18_16449)">
<path
d="M15.0669 11.4531C15.0689 11.4411 15.0706 11.4307 15.0722 11.4219C15.2212 10.5625 15.7624 10.5625 16.1389 10.5625C16.4401 10.5625 16.5258 10.3125 16.5311 10.1875V4.85938H17.4922V10.4531C17.4922 11.0054 17.0445 11.4531 16.4922 11.4531H15.0669Z"
fill="url(#paint11_linear_18_16449)"
/>
<path
d="M15.0669 11.4531C15.0689 11.4411 15.0706 11.4307 15.0722 11.4219C15.2212 10.5625 15.7624 10.5625 16.1389 10.5625C16.4401 10.5625 16.5258 10.3125 16.5311 10.1875V4.85938H17.4922V10.4531C17.4922 11.0054 17.0445 11.4531 16.4922 11.4531H15.0669Z"
fill="url(#paint12_linear_18_16449)"
/>
</g>
<g filter="url(#filter1_i_18_16449)">
<circle
cx={16.0235}
cy={3.03497}
r={0.558411}
fill="url(#paint13_radial_18_16449)"
/>
</g>
<g filter="url(#filter2_i_18_16449)">
<path
d="M19.0095 28.5818C18.9275 28.0347 19.3053 27.525 19.8525 27.4443L24.759 26.7207C25.3087 26.6396 25.819 27.0221 25.8954 27.5725L25.9845 28.2142C26.0617 28.7697 25.6669 29.28 25.1099 29.345L20.188 29.9191C19.6521 29.9817 19.1632 29.6077 19.0832 29.0741L19.0095 28.5818Z"
fill="url(#paint14_linear_18_16449)"
/>
<path
d="M19.0095 28.5818C18.9275 28.0347 19.3053 27.525 19.8525 27.4443L24.759 26.7207C25.3087 26.6396 25.819 27.0221 25.8954 27.5725L25.9845 28.2142C26.0617 28.7697 25.6669 29.28 25.1099 29.345L20.188 29.9191C19.6521 29.9817 19.1632 29.6077 19.0832 29.0741L19.0095 28.5818Z"
fill="url(#paint15_linear_18_16449)"
/>
</g>
<g filter="url(#filter3_i_18_16449)">
<path
d="M13.0377 28.5818C13.1196 28.0347 12.7419 27.525 12.1946 27.4443L7.28811 26.7207C6.73846 26.6396 6.22811 27.0221 6.15171 27.5725L6.06261 28.2142C5.98549 28.7697 6.3802 29.28 6.93725 29.345L11.8591 29.9191C12.3951 29.9817 12.884 29.6077 12.9639 29.0741L13.0377 28.5818Z"
fill="url(#paint16_linear_18_16449)"
/>
</g>
<g filter="url(#filter4_i_18_16449)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23.7169 9.24955C23.7254 9.31827 23.6616 9.37418 23.5944 9.35745C20.5454 8.59861 19.991 6.15587 20.0351 4.96375C20.0371 4.90856 20.0849 4.86733 20.14 4.87111L20.9382 4.92594C20.9933 4.92973 21.0347 4.97708 21.0332 5.03229C21.0079 5.92616 21.4143 7.66005 23.437 8.26666C23.5354 8.29616 23.6099 8.37955 23.6224 8.48147L23.7169 9.24955Z"
fill="#578DEA"
/>
</g>
<g filter="url(#filter5_ii_18_16449)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.29919 9.24955C8.29073 9.31827 8.35455 9.37418 8.42174 9.35745C11.4707 8.59861 12.0251 6.15587 11.9811 4.96375C11.979 4.90856 11.9312 4.86733 11.8761 4.87111L11.0779 4.92594C11.0229 4.92973 10.9814 4.97708 10.983 5.03229C11.0082 5.92616 10.6018 7.66005 8.57907 8.26666C8.48071 8.29616 8.40625 8.37955 8.39371 8.48147L8.29919 9.24955Z"
fill="#2364D0"
/>
</g>
<path
d="M8.91475 4.18135C8.92101 4.1313 8.96355 4.09375 9.01398 4.09375H23.0327C23.0832 4.09375 23.1257 4.1313 23.132 4.18135L23.232 4.98135C23.2394 5.04103 23.1929 5.09375 23.1327 5.09375H8.91398C8.85383 5.09375 8.80729 5.04103 8.81475 4.98135L8.91475 4.18135Z"
fill="#3A82E1"
/>
<defs>
<filter
id="filter0_i_18_16449"
x={15.0669}
y={4.85938}
width={2.57529}
height={6.59375}
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.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.129412 0 0 0 0 0.345098 0 0 0 0 0.776471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16449"
/>
</filter>
<filter
id="filter1_i_18_16449"
x={15.4651}
y={2.37656}
width={1.21694}
height={1.21682}
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.117647 0 0 0 0 0.345098 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16449"
/>
</filter>
<filter
id="filter2_i_18_16449"
x={18.9983}
y={26.7098}
width={7.09585}
height={3.31619}
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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.101961 0 0 0 0 0.360784 0 0 0 0 0.764706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16449"
/>
</filter>
<filter
id="filter3_i_18_16449"
x={6.05298}
y={26.7098}
width={7.09585}
height={3.31619}
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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.129412 0 0 0 0 0.278431 0 0 0 0 0.67451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16449"
/>
</filter>
<filter
id="filter4_i_18_16449"
x={20.0327}
y={4.67085}
width={3.88506}
height={4.68962}
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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.2 0 0 0 0 0.407843 0 0 0 0 0.898039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16449"
/>
</filter>
<filter
id="filter5_ii_18_16449"
x={8.19834}
y={4.72085}
width={3.88506}
height={4.83962}
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.1} dy={0.2} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.141176 0 0 0 0 0.286275 0 0 0 0 0.631373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16449"
/>
<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.1} dy={-0.2} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.168627 0 0 0 0 0.427451 0 0 0 0 0.839216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_16449"
result="effect2_innerShadow_18_16449"
/>
</filter>
<linearGradient
id="paint0_linear_18_16449"
x1={16}
y1={2.0625}
x2={16}
y2={2.96875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#50A2C2" />
<stop offset={1} stopColor="#58B4E7" />
</linearGradient>
<linearGradient
id="paint1_linear_18_16449"
x1={8.96094}
y1={4.21875}
x2={11.1484}
y2={3.78125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3889C2" />
<stop offset={1} stopColor="#3889C2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_16449"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.9609 3.46875) rotate(104.3) scale(1.64471 0.917243)"
>
<stop stopColor="#7ECCF4" />
<stop offset={1} stopColor="#7ECCF4" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_16449"
x1={11.617}
y1={22.25}
x2={7.33603}
y2={21.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5EAEFF" />
<stop offset={0.882927} stopColor="#337FDB" />
</linearGradient>
<radialGradient
id="paint4_radial_18_16449"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5312 4.9375) rotate(116.37) scale(6.20854 8.95486)"
>
<stop stopColor="#59ADF3" />
<stop offset={1} stopColor="#59ADF3" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_16449"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.3048 20.5937) rotate(-170.754) scale(1.36144 14.0713)"
>
<stop offset={0.156482} stopColor="#3087E9" />
<stop offset={0.94784} stopColor="#3087E9" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_16449"
x1={17.3671}
y1={18.0313}
x2={22.1729}
y2={17.2779}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.189107} stopColor="#367FEC" />
<stop offset={1} stopColor="#6ABEFF" />
</linearGradient>
<linearGradient
id="paint7_linear_18_16449"
x1={19.5234}
y1={4.625}
x2={20.3984}
y2={11.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB2F5" />
<stop offset={1} stopColor="#5CB2F5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_16449"
x1={24.9437}
y1={22.5596}
x2={23.9912}
y2={22.6173}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4EADEA" />
<stop offset={1} stopColor="#4EADEA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_16449"
x1={21.1916}
y1={7.43587}
x2={23.0099}
y2={6.70532}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6DC2FD" />
<stop offset={1} stopColor="#6DC2FD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_16449"
x1={23.2187}
y1={7.57031}
x2={22.539}
y2={7.67187}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.257558} stopColor="#60BBEB" />
<stop offset={1} stopColor="#5FBBEC" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_16449"
x1={16.2796}
y1={4.85938}
x2={16.2796}
y2={11.4531}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3371DB" />
<stop offset={1} stopColor="#355CD5" />
</linearGradient>
<linearGradient
id="paint12_linear_18_16449"
x1={17.8985}
y1={7.26562}
x2={16.7891}
y2={7.3125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.23411} stopColor="#4783E5" />
<stop offset={1} stopColor="#4783E5" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_16449"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.3829 2.70313) rotate(124.756) scale(0.931884 0.821064)"
>
<stop offset={0.282823} stopColor="#4383D8" />
<stop offset={1} stopColor="#3368D2" />
</radialGradient>
<linearGradient
id="paint14_linear_18_16449"
x1={24.8048}
y1={28.3179}
x2={19.9298}
y2={29.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4483F1" />
<stop offset={1} stopColor="#2C55E2" />
</linearGradient>
<linearGradient
id="paint15_linear_18_16449"
x1={23.8985}
y1={29.4375}
x2={23.836}
y2={28.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#365CF2" />
<stop offset={1} stopColor="#365CF2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_16449"
x1={13.0489}
y1={28.6875}
x2={6.27353}
y2={27.7813}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4082FB" />
<stop offset={1} stopColor="#214DB5" />
</linearGradient>
</defs>
</svg>
);
module.exports = JeansIcon;