@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
215 lines (214 loc) • 7.22 kB
JSX
const React = require("react");
const HookIcon = ({ 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_ii_18_24711)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.3463 6.13338C15.3463 7.63857 14.5232 8.95151 13.3025 9.64667C13.0971 9.7637 12.956 9.97467 12.956 10.2111V22.5512C12.9574 22.5535 12.9588 22.5559 12.9602 22.5583C13.0599 24.8111 14.9178 26.6069 17.1952 26.6069C19.5364 26.6069 21.4343 24.709 21.4343 22.3677C21.4343 21.3622 21.0843 20.4385 20.4993 19.7118C20.4571 19.6469 20.408 19.5885 20.3584 19.5295C20.1859 19.3244 20.0065 19.111 20.0844 18.5897C20.2465 17.4617 19.8035 16.8277 19.5955 16.5301C19.5865 16.5172 19.578 16.505 19.57 16.4934C19.5669 16.489 19.5639 16.4846 19.5609 16.4803C19.5279 16.4322 19.4916 16.3851 19.4554 16.3382C19.2859 16.1185 19.1205 15.9042 19.3265 15.6209C19.4947 15.3898 19.9086 15.3553 20.2252 15.4622C22.8802 16.6289 24.7343 19.2818 24.7343 22.3677C24.7343 26.5315 21.3589 29.9069 17.1952 29.9069C13.0978 29.9069 9.76383 26.6383 9.65857 22.5663H9.65601V10.2111C9.65601 9.97467 9.51496 9.7637 9.30946 9.64668C8.08882 8.95151 7.26575 7.63857 7.26575 6.13338C7.26575 3.90199 9.07458 2.09311 11.306 2.09311C13.5374 2.09311 15.3463 3.90199 15.3463 6.13338ZM11.306 8.11869C12.4025 8.11869 13.2914 7.22984 13.2914 6.13337C13.2914 5.0369 12.4025 4.14804 11.306 4.14804C10.2096 4.14804 9.32068 5.0369 9.32068 6.13337C9.32068 7.22984 10.2096 8.11869 11.306 8.11869Z"
fill="#FFC52D"
/>
</g>
<g filter="url(#filter1_f_18_24711)">
<circle
cx={11.6577}
cy={5.86861}
r={2.94086}
stroke="url(#paint0_linear_18_24711)"
strokeWidth={0.75}
/>
<circle
cx={11.6577}
cy={5.86861}
r={2.94086}
stroke="url(#paint1_linear_18_24711)"
strokeWidth={0.75}
/>
</g>
<g filter="url(#filter2_f_18_24711)">
<path
d="M11.873 10.0288V21.2902C11.7654 23.4898 12.705 27.8892 17.3243 27.8892"
stroke="url(#paint2_linear_18_24711)"
/>
</g>
<g filter="url(#filter3_f_18_24711)">
<path
d="M21.1975 17.0941C22.0104 17.632 23.3207 19.3176 23.6363 21.7564C24.0309 24.8048 22.7038 26.598 21.4845 27.5126"
stroke="url(#paint3_linear_18_24711)"
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_ii_18_24711"
x={7.26575}
y={1.59311}
width={18.2186}
height={28.3138}
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.75} dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.65098 0 0 0 0 0.223529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24711"
/>
<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.15} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.933333 0 0 0 0 0.541176 0 0 0 0 0.392157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_24711"
result="effect2_innerShadow_18_24711"
/>
</filter>
<filter
id="filter1_f_18_24711"
x={7.5918}
y={1.80275}
width={8.13171}
height={8.13171}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_24711"
/>
</filter>
<filter
id="filter2_f_18_24711"
x={10.365}
y={9.02884}
width={7.95923}
height={20.3603}
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_24711"
/>
</filter>
<filter
id="filter3_f_18_24711"
x={19.6974}
y={15.594}
width={5.5098}
height={13.4186}
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_24711"
/>
</filter>
<linearGradient
id="paint0_linear_18_24711"
x1={14.4003}
y1={4.21645}
x2={11.922}
y2={6.66165}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE461" />
<stop offset={1} stopColor="#FFE461" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_24711"
x1={9.43413}
y1={8.12804}
x2={10.9404}
y2={7.01626}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE461" />
<stop offset={1} stopColor="#FFE461" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_24711"
x1={10.797}
y1={12.7545}
x2={4.71066}
y2={24.8949}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.492522} stopColor="#FFE461" />
<stop offset={1} stopColor="#FFE461" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_24711"
x1={20.3727}
y1={16.6996}
x2={16.5744}
y2={20.733}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE461" />
<stop offset={1} stopColor="#FFE461" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = HookIcon;