@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
682 lines (681 loc) • 20.2 kB
JSX
const React = require("react");
const ClampIcon = ({ 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_24481)">
<path
d="M18.1719 4.29688H23.4844C23.7605 4.29688 23.9844 4.52073 23.9844 4.79687V6.28125C23.9844 6.69546 23.6486 7.03125 23.2344 7.03125H18.9219C18.5077 7.03125 18.1719 6.69546 18.1719 6.28125V4.29688Z"
fill="url(#paint0_linear_18_24481)"
/>
<path
d="M18.1719 4.29688H23.4844C23.7605 4.29688 23.9844 4.52073 23.9844 4.79687V6.28125C23.9844 6.69546 23.6486 7.03125 23.2344 7.03125H18.9219C18.5077 7.03125 18.1719 6.69546 18.1719 6.28125V4.29688Z"
fill="url(#paint1_linear_18_24481)"
/>
<path
d="M18.1719 4.29688H23.4844C23.7605 4.29688 23.9844 4.52073 23.9844 4.79687V6.28125C23.9844 6.69546 23.6486 7.03125 23.2344 7.03125H18.9219C18.5077 7.03125 18.1719 6.69546 18.1719 6.28125V4.29688Z"
fill="url(#paint2_linear_18_24481)"
/>
</g>
<rect
x={16.8906}
y={27.9297}
width={8.375}
height={1.07812}
rx={0.539062}
fill="url(#paint3_linear_18_24481)"
/>
<rect
x={16.8906}
y={27.9297}
width={8.375}
height={1.07812}
rx={0.539062}
fill="url(#paint4_radial_18_24481)"
/>
<rect
x={16.8906}
y={27.9297}
width={8.375}
height={1.07812}
rx={0.539062}
fill="url(#paint5_radial_18_24481)"
/>
<rect
x={16.8906}
y={27.9297}
width={8.375}
height={1.07812}
rx={0.539062}
fill="url(#paint6_radial_18_24481)"
/>
<g filter="url(#filter1_iii_18_24481)">
<path
d="M10.8438 2.125C8.77271 2.125 7.09375 3.80392 7.09375 5.875V21.2188C7.09375 23.2898 8.77271 24.9688 10.8438 24.9688H22.774C23.1882 24.9688 23.524 24.633 23.524 24.2188V22.0625H15.5312C13.3221 22.0625 11.5312 20.2716 11.5312 18.0625V8.9375C11.5312 6.72836 13.3221 4.9375 15.5312 4.9375H23.9844C23.9844 3.32812 22.182 2.125 20.4844 2.125H10.8438Z"
fill="url(#paint7_linear_18_24481)"
/>
</g>
<rect
x={19.4375}
y={15.9455}
width={3.28125}
height={6.33575}
fill="url(#paint8_linear_18_24481)"
/>
<rect
x={19.4375}
y={15.9455}
width={3.28125}
height={6.33575}
fill="url(#paint9_linear_18_24481)"
/>
<rect
x={19.4375}
y={15.9455}
width={3.28125}
height={6.33575}
fill="url(#paint10_linear_18_24481)"
/>
<rect
width={3.28125}
height={7.6875}
rx={1.64062}
transform="matrix(1 0 0 -1 19.4375 29.9688)"
fill="url(#paint11_linear_18_24481)"
/>
<rect
width={3.28125}
height={7.6875}
rx={1.64062}
transform="matrix(1 0 0 -1 19.4375 29.9688)"
fill="url(#paint12_linear_18_24481)"
/>
<rect
width={5.53125}
height={6.89062}
rx={0.75}
transform="matrix(1 0 0 -1 18.3125 26.9531)"
fill="url(#paint13_linear_18_24481)"
/>
<rect
width={5.53125}
height={6.89062}
rx={0.75}
transform="matrix(1 0 0 -1 18.3125 26.9531)"
fill="url(#paint14_radial_18_24481)"
/>
<rect
width={5.53125}
height={6.89062}
rx={0.75}
transform="matrix(1 0 0 -1 18.3125 26.9531)"
fill="url(#paint15_linear_18_24481)"
/>
<rect
width={5.53125}
height={6.89062}
rx={0.75}
transform="matrix(1 0 0 -1 18.3125 26.9531)"
fill="url(#paint16_linear_18_24481)"
/>
<rect
width={5.53125}
height={6.89062}
rx={0.75}
transform="matrix(1 0 0 -1 18.3125 26.9531)"
fill="url(#paint17_radial_18_24481)"
/>
<rect
width={5.53125}
height={1.89862}
rx={0.94931}
transform="matrix(1 0 0 -1 18.3125 15.9455)"
fill="url(#paint18_linear_18_24481)"
/>
<rect
width={5.53125}
height={1.89862}
rx={0.94931}
transform="matrix(1 0 0 -1 18.3125 15.9455)"
fill="url(#paint19_radial_18_24481)"
/>
<rect
width={5.53125}
height={1.89862}
rx={0.94931}
transform="matrix(1 0 0 -1 18.3125 15.9455)"
fill="url(#paint20_radial_18_24481)"
/>
<g filter="url(#filter2_f_18_24481)">
<path
d="M10.75 7.5V17.9464C10.75 20.5178 12.1108 23.0357 15.8393 23.0357"
stroke="url(#paint21_radial_18_24481)"
strokeWidth={0.65}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18_24481)">
<path
d="M13.6697 2.8125H19.8572C20.6072 2.83928 22.509 2.99999 23.2322 4.15177"
stroke="url(#paint22_linear_18_24481)"
strokeWidth={0.6}
strokeLinecap="round"
/>
</g>
<circle
cx={17.1172}
cy={28.4688}
r={1.11719}
fill="url(#paint23_radial_18_24481)"
/>
<circle
cx={17.1172}
cy={28.4688}
r={1.11719}
fill="url(#paint24_radial_18_24481)"
/>
<circle
cx={17.1172}
cy={28.4688}
r={1.11719}
fill="url(#paint25_radial_18_24481)"
/>
<circle
cx={25.0389}
cy={28.4688}
r={1.11719}
fill="url(#paint26_radial_18_24481)"
/>
<circle
cx={25.0389}
cy={28.4688}
r={1.11719}
fill="url(#paint27_radial_18_24481)"
/>
<circle
cx={25.0389}
cy={28.4688}
r={1.11719}
fill="url(#paint28_radial_18_24481)"
/>
<defs>
<filter
id="filter0_i_18_24481"
x={18.1719}
y={4.29688}
width={6.1625}
height={2.73438}
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.35} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.435294 0 0 0 0 0.411765 0 0 0 0 0.462745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24481"
/>
</filter>
<filter
id="filter1_iii_18_24481"
x={6.59375}
y={2.125}
width={17.9906}
height={22.8438}
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.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.305882 0 0 0 0 0.168627 0 0 0 0 0.423529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24481"
/>
<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} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.258824 0 0 0 0 0.219608 0 0 0 0 0.301961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_24481"
result="effect2_innerShadow_18_24481"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.392157 0 0 0 0 0.337255 0 0 0 0 0.454902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_24481"
result="effect3_innerShadow_18_24481"
/>
</filter>
<filter
id="filter2_f_18_24481"
x={9.92499}
y={6.67499}
width={6.73935}
height={17.1857}
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_24481"
/>
</filter>
<filter
id="filter3_f_18_24481"
x={12.7697}
y={1.91251}
width={11.3625}
height={3.13933}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_24481"
/>
</filter>
<linearGradient
id="paint0_linear_18_24481"
x1={20.0937}
y1={5.66406}
x2={23.1875}
y2={5.66406}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#322442" />
<stop offset={1} stopColor="#5D5764" />
</linearGradient>
<linearGradient
id="paint1_linear_18_24481"
x1={23.9844}
y1={6.375}
x2={23.375}
y2={6.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#434047" />
<stop offset={1} stopColor="#434047" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_24481"
x1={22}
y1={7.03125}
x2={22}
y2={5.89065}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0357143} stopColor="#3A264D" />
<stop offset={1} stopColor="#3A264D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_24481"
x1={21.0781}
y1={27.9297}
x2={21.0781}
y2={29.0078}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776F81" />
<stop offset={1} stopColor="#8F6FAB" />
</linearGradient>
<radialGradient
id="paint4_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7976 28.1478) rotate(90) scale(0.583768 4.53477)"
>
<stop stopColor="#A39AAC" />
<stop offset={1} stopColor="#A39AAC" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.6368 28.8045) rotate(180) scale(1.11281 1.64185)"
>
<stop offset={0.461539} stopColor="#886EA1" />
<stop offset={1} stopColor="#886EA1" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.693 28.4688) rotate(180) scale(0.820924 1.41555)"
>
<stop offset={0.142857} stopColor="#756883" />
<stop offset={1} stopColor="#756883" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_24481"
x1={10.25}
y1={13.5469}
x2={23.9844}
y2={13.5469}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#58456B" />
<stop offset={0.85162} stopColor="#352545" />
</linearGradient>
<linearGradient
id="paint8_linear_18_24481"
x1={19.9667}
y1={19.1134}
x2={22.7187}
y2={19.1134}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.265147} stopColor="#A49DAC" />
<stop offset={0.861729} stopColor="#C8C2CE" />
</linearGradient>
<linearGradient
id="paint9_linear_18_24481"
x1={21.0781}
y1={15.9455}
x2={21.0781}
y2={16.5089}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A197AB" />
<stop offset={1} stopColor="#A197AB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_24481"
x1={19.4375}
y1={20.0115}
x2={20.0761}
y2={20.0115}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#89878C" />
<stop offset={1} stopColor="#89878C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_24481"
x1={0.456185}
y1={1.93044}
x2={2.64532}
y2={1.93044}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.183333} stopColor="#A598B2" />
<stop offset={1} stopColor="#C3BBCD" />
</linearGradient>
<linearGradient
id="paint12_linear_18_24481"
x1={1.64063}
y1={0}
x2={1.64062}
y2={1.20073}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C76BE" />
<stop offset={1} stopColor="#9C76BE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_24481"
x1={0.705533}
y1={3.11065}
x2={5.53125}
y2={3.07417}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.243527} stopColor="#463657" />
<stop offset={0.568216} stopColor="#5D5567" />
<stop offset={0.711632} stopColor="#5D5567" />
<stop offset={1} stopColor="#423B4A" />
</linearGradient>
<radialGradient
id="paint14_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.231221 0.337752) rotate(87.1778) scale(5.18724 1.01214)"
>
<stop stopColor="#665A74" />
<stop offset={1} stopColor="#665A74" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_24481"
x1={2.76562}
y1={0}
x2={2.76563}
y2={0.903278}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.416077} stopColor="#462861" />
<stop offset={1} stopColor="#462861" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_24481"
x1={2.12847}
y1={6.89062}
x2={2.12847}
y2={5.75585}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.324802} stopColor="#453853" />
<stop offset={1} stopColor="#453853" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint17_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.20814 6.17544) rotate(180) scale(2.2621 0.401341)"
>
<stop stopColor="#6D6873" />
<stop offset={1} stopColor="#6D6873" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint18_linear_18_24481"
x1={2.76563}
y1={0}
x2={2.76563}
y2={1.51629}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9D8EAE" />
<stop offset={1} stopColor="#B2B0B4" />
</linearGradient>
<radialGradient
id="paint19_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.69735 0.94931) rotate(180) scale(3.69735 1.92476)"
>
<stop offset={0.7317} stopColor="#918B98" stopOpacity={0} />
<stop offset={1} stopColor="#918B98" />
</radialGradient>
<radialGradient
id="paint20_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.98923 1.29737) rotate(90) scale(0.711468 3.97202)"
>
<stop stopColor="#D8D5DB" />
<stop offset={1} stopColor="#B4B2B6" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint21_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.3929 20.7857) rotate(-77.2564) scale(20.1573 6.60329)"
>
<stop stopColor="#71687D" />
<stop offset={1} stopColor="#71687D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint22_linear_18_24481"
x1={22.9911}
y1={3.85713}
x2={12.8929}
y2={3.85713}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#656566" />
<stop offset={1} stopColor="#656566" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint23_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.8096 27.6735) rotate(109.903) scale(2.03397 2.5564)"
>
<stop offset={0.421958} stopColor="#B5B3B7" />
<stop offset={1} stopColor="#9A7BB6" />
</radialGradient>
<radialGradient
id="paint24_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.6819 28.0566) rotate(122.347) scale(0.647811)"
>
<stop offset={0.229976} stopColor="#D1CDD7" />
<stop offset={1} stopColor="#D1CDD7" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint25_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.39 28.8227) rotate(-131.367) scale(1.62862)"
>
<stop offset={0.711543} stopColor="#949199" stopOpacity={0} />
<stop offset={1} stopColor="#949199" />
</radialGradient>
<radialGradient
id="paint26_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.7314 27.6735) rotate(109.903) scale(2.03397 2.5564)"
>
<stop offset={0.421958} stopColor="#B5B3B7" />
<stop offset={1} stopColor="#9A7BB6" />
</radialGradient>
<radialGradient
id="paint27_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.6037 28.0566) rotate(122.347) scale(0.647811)"
>
<stop offset={0.229976} stopColor="#D1CDD7" />
<stop offset={1} stopColor="#D1CDD7" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint28_radial_18_24481"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.3118 28.8227) rotate(-131.367) scale(1.62862)"
>
<stop offset={0.711543} stopColor="#949199" stopOpacity={0} />
<stop offset={1} stopColor="#949199" />
</radialGradient>
</defs>
</svg>
);
module.exports = ClampIcon;