@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
359 lines (358 loc) • 12.2 kB
JSX
const React = require("react");
const PickIcon = ({ 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_18_23851)">
<rect
x={6.81158}
y={9.77612}
width={4.08796}
height={28.8257}
rx={0.5}
transform="rotate(-45 6.81158 9.77612)"
fill="url(#paint0_linear_18_23851)"
/>
<rect
x={6.81158}
y={9.77612}
width={4.08796}
height={28.8257}
rx={0.5}
transform="rotate(-45 6.81158 9.77612)"
fill="url(#paint1_linear_18_23851)"
/>
<rect
x={6.81158}
y={9.77612}
width={4.08796}
height={28.8257}
rx={0.5}
transform="rotate(-45 6.81158 9.77612)"
fill="url(#paint2_linear_18_23851)"
/>
<rect
x={6.81158}
y={9.77612}
width={4.08796}
height={28.8257}
rx={0.5}
transform="rotate(-45 6.81158 9.77612)"
fill="url(#paint3_radial_18_23851)"
/>
</g>
<g filter="url(#filter1_f_18_23851)">
<rect
x={14.851}
y={12.9636}
width={20.3956}
height={1.25953}
transform="rotate(45 14.851 12.9636)"
fill="url(#paint4_linear_18_23851)"
/>
</g>
<path
d="M9.4147 13.6786C9.21943 13.4833 9.21943 13.1667 9.4147 12.9715L12.9714 9.41476C13.1667 9.21949 13.4832 9.2195 13.6785 9.41476L15.8536 11.5898C16.0488 11.7851 16.0488 12.1017 15.8536 12.2969L12.2969 15.8536C12.1016 16.0489 11.785 16.0489 11.5898 15.8536L9.4147 13.6786Z"
fill="url(#paint5_linear_18_23851)"
/>
<path
d="M9.4147 13.6786C9.21943 13.4833 9.21943 13.1667 9.4147 12.9715L12.9714 9.41476C13.1667 9.21949 13.4832 9.2195 13.6785 9.41476L15.8536 11.5898C16.0488 11.7851 16.0488 12.1017 15.8536 12.2969L12.2969 15.8536C12.1016 16.0489 11.785 16.0489 11.5898 15.8536L9.4147 13.6786Z"
fill="url(#paint6_linear_18_23851)"
/>
<path
d="M9.4147 13.6786C9.21943 13.4833 9.21943 13.1667 9.4147 12.9715L12.9714 9.41476C13.1667 9.21949 13.4832 9.2195 13.6785 9.41476L15.8536 11.5898C16.0488 11.7851 16.0488 12.1017 15.8536 12.2969L12.2969 15.8536C12.1016 16.0489 11.785 16.0489 11.5898 15.8536L9.4147 13.6786Z"
fill="url(#paint7_radial_18_23851)"
/>
<path
d="M9.4147 13.6786C9.21943 13.4833 9.21943 13.1667 9.4147 12.9715L12.9714 9.41476C13.1667 9.21949 13.4832 9.2195 13.6785 9.41476L15.8536 11.5898C16.0488 11.7851 16.0488 12.1017 15.8536 12.2969L12.2969 15.8536C12.1016 16.0489 11.785 16.0489 11.5898 15.8536L9.4147 13.6786Z"
fill="url(#paint8_radial_18_23851)"
/>
<path
d="M9.4147 13.6786C9.21943 13.4833 9.21943 13.1667 9.4147 12.9715L12.9714 9.41476C13.1667 9.21949 13.4832 9.2195 13.6785 9.41476L15.8536 11.5898C16.0488 11.7851 16.0488 12.1017 15.8536 12.2969L12.2969 15.8536C12.1016 16.0489 11.785 16.0489 11.5898 15.8536L9.4147 13.6786Z"
fill="url(#paint9_radial_18_23851)"
/>
<g filter="url(#filter2_iii_18_23851)">
<path
d="M22.5714 2.81351C23.08 2.30493 22.6557 1.47759 21.9551 1.64037C17.3088 2.71992 12.7596 5.17185 8.97957 8.95188C5.19954 12.7319 2.74761 17.2811 1.66808 21.9274C1.50531 22.628 2.33264 23.0523 2.84122 22.5437L22.5714 2.81351Z"
fill="#A699B4"
/>
</g>
<path
d="M22.5714 2.81351C23.08 2.30493 22.6557 1.47759 21.9551 1.64037C17.3088 2.71992 12.7596 5.17185 8.97957 8.95188C5.19954 12.7319 2.74761 17.2811 1.66808 21.9274C1.50531 22.628 2.33264 23.0523 2.84122 22.5437L22.5714 2.81351Z"
fill="url(#paint10_radial_18_23851)"
/>
<path
d="M22.5714 2.81351C23.08 2.30493 22.6557 1.47759 21.9551 1.64037C17.3088 2.71992 12.7596 5.17185 8.97957 8.95188C5.19954 12.7319 2.74761 17.2811 1.66808 21.9274C1.50531 22.628 2.33264 23.0523 2.84122 22.5437L22.5714 2.81351Z"
fill="url(#paint11_radial_18_23851)"
/>
<defs>
<filter
id="filter0_i_18_23851"
x={7.01868}
y={6.94265}
width={23.0093}
height={23.0091}
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} dy={-0.15} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.533333 0 0 0 0 0.458824 0 0 0 0 0.470588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23851"
/>
</filter>
<filter
id="filter1_f_18_23851"
x={13.1103}
y={12.1136}
width={17.0125}
height={17.0125}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.425}
result="effect1_foregroundBlur_18_23851"
/>
</filter>
<filter
id="filter2_iii_18_23851"
x={1.44722}
y={1.41951}
width={21.5478}
height={21.5478}
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.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.576471 0 0 0 0 0.494118 0 0 0 0 0.654902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23851"
/>
<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.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.556863 0 0 0 0 0.529412 0 0 0 0 0.588235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_23851"
result="effect2_innerShadow_18_23851"
/>
<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.686275 0 0 0 0 0.670588 0 0 0 0 0.698039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_23851"
result="effect3_innerShadow_18_23851"
/>
</filter>
<linearGradient
id="paint0_linear_18_23851"
x1={11.1705}
y1={28.1445}
x2={6.72894}
y2={28.0783}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#916D65" />
<stop offset={1} stopColor="#83465D" />
</linearGradient>
<linearGradient
id="paint1_linear_18_23851"
x1={5.42521}
y1={21.1619}
x2={9.93301}
y2={21.5154}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.147593} stopColor="#67394E" stopOpacity={0.978601} />
<stop offset={1} stopColor="#67394E" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_23851"
x1={8.85556}
y1={9.77612}
x2={8.5409}
y2={17.56}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#583336" />
<stop offset={1} stopColor="#583336" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_23851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.0379 10.6436) rotate(150.945) scale(2.04753 1.8769)"
>
<stop stopColor="#6C5450" />
<stop offset={1} stopColor="#6C5450" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_23851"
x1={14.7001}
y1={13.6798}
x2={35.2425}
y2={15.4212}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#92706B" />
<stop offset={1} stopColor="#AC837B" />
</linearGradient>
<linearGradient
id="paint5_linear_18_23851"
x1={12.2272}
y1={14.3134}
x2={15.4236}
y2={11.0798}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9782AB" />
<stop offset={1} stopColor="#BFB9C6" />
</linearGradient>
<linearGradient
id="paint6_linear_18_23851"
x1={10.629}
y1={16.0001}
x2={13.0077}
y2={13.4214}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8C67AC" />
<stop offset={1} stopColor="#8C67AC" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_23851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.8962 15.3169) rotate(-132.614) scale(0.631305 5.46256)"
>
<stop stopColor="#8C67AC" />
<stop offset={1} stopColor="#8C67AC" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_23851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.8626 11.3771) rotate(45) scale(0.709603 3.91596)"
>
<stop offset={0.190661} stopColor="#BEB4C9" />
<stop offset={1} stopColor="#BEB4C9" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_23851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.2885 12.2136) rotate(-138.013) scale(0.210213 1.79995)"
>
<stop offset={0.190661} stopColor="#BEB4C9" />
<stop offset={1} stopColor="#BEB4C9" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_18_23851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.6713 2.08517) rotate(168.486) scale(1.02414 1.02043)"
>
<stop stopColor="#C9C2D0" />
<stop offset={1} stopColor="#A498B2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_23851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.5072 12.1934) rotate(-133.546) scale(1.17936 5.19463)"
>
<stop offset={0.25477} stopColor="#B8ADC4" />
<stop offset={1} stopColor="#B8ADC4" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = PickIcon;