@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
147 lines (146 loc) • 9.54 kB
JSX
const React = require("react");
const WavyDashIcon = ({ 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_18590_1851)">
<path
d="M14.2256 16.6358C14.5625 16.0968 14.9818 15.8781 15.3171 15.7776C15.493 15.7248 15.6477 15.7052 15.7515 15.6987C15.7887 15.6963 15.8177 15.6958 15.8367 15.6958C15.878 15.699 15.9197 15.7005 15.9618 15.7002C16.0038 15.7005 16.0455 15.699 16.0868 15.6958C16.1059 15.6958 16.1349 15.6963 16.172 15.6987C16.2758 15.7052 16.4305 15.7248 16.6064 15.7776C16.9417 15.8781 17.361 16.0968 17.6979 16.6358C19.0482 18.7963 21.0583 19.3042 22.1442 19.3042L22.2011 19.3042C22.7057 19.3046 23.4208 19.3052 24.2035 19.0274C25.0341 18.7327 25.8093 18.1808 26.626 17.3035C27.8031 16.0392 28.6599 15.9039 28.719 15.8946C29.5373 15.7654 30.0962 14.9973 29.967 14.179C29.8378 13.3607 29.0697 12.8021 28.2514 12.9313C27.5627 13.04 26.0868 13.48 24.4303 15.2593C23.8294 15.9048 23.4422 16.1143 23.2001 16.2002C22.94 16.2925 22.6966 16.3042 22.1442 16.3042C21.8658 16.3042 20.9337 16.1526 20.2419 15.0458C19.4459 13.7722 18.3574 13.1707 17.4681 12.904C17.0317 12.7731 16.6449 12.7225 16.3602 12.7046C16.217 12.6956 16.0966 12.6947 16.005 12.6967C15.9898 12.697 15.9754 12.6974 15.9618 12.6979C15.9481 12.6974 15.9337 12.697 15.9185 12.6967C15.8269 12.6947 15.7066 12.6956 15.5633 12.7046C15.2786 12.7225 14.8918 12.7731 14.4555 12.904C13.5661 13.1707 12.4776 13.7722 11.6817 15.0458C10.9899 16.1526 10.0577 16.3042 9.77929 16.3042C9.22693 16.3042 8.98352 16.2925 8.72338 16.2002C8.48132 16.1143 8.09414 15.9048 7.49326 15.2593C5.83675 13.48 4.36078 13.04 3.67214 12.9313C2.85385 12.8021 2.08576 13.3607 1.95656 14.179C1.82736 14.9973 2.38598 15.7654 3.20427 15.8946C3.26333 15.9039 4.12047 16.0392 5.29751 17.3035C6.11427 18.1808 6.88939 18.7327 7.72005 19.0274C8.50275 19.3052 9.21786 19.3046 9.72244 19.3042L9.77929 19.3042C10.8652 19.3042 12.8753 18.7963 14.2256 16.6358Z"
fill="#322F36"
/>
</g>
<path
d="M14.2256 16.6358C14.5625 16.0968 14.9818 15.8781 15.3171 15.7776C15.493 15.7248 15.6477 15.7052 15.7515 15.6987C15.7887 15.6963 15.8177 15.6958 15.8367 15.6958C15.878 15.699 15.9197 15.7005 15.9618 15.7002C16.0038 15.7005 16.0455 15.699 16.0868 15.6958C16.1059 15.6958 16.1349 15.6963 16.172 15.6987C16.2758 15.7052 16.4305 15.7248 16.6064 15.7776C16.9417 15.8781 17.361 16.0968 17.6979 16.6358C19.0482 18.7963 21.0583 19.3042 22.1442 19.3042L22.2011 19.3042C22.7057 19.3046 23.4208 19.3052 24.2035 19.0274C25.0341 18.7327 25.8093 18.1808 26.626 17.3035C27.8031 16.0392 28.6599 15.9039 28.719 15.8946C29.5373 15.7654 30.0962 14.9973 29.967 14.179C29.8378 13.3607 29.0697 12.8021 28.2514 12.9313C27.5627 13.04 26.0868 13.48 24.4303 15.2593C23.8294 15.9048 23.4422 16.1143 23.2001 16.2002C22.94 16.2925 22.6966 16.3042 22.1442 16.3042C21.8658 16.3042 20.9337 16.1526 20.2419 15.0458C19.4459 13.7722 18.3574 13.1707 17.4681 12.904C17.0317 12.7731 16.6449 12.7225 16.3602 12.7046C16.217 12.6956 16.0966 12.6947 16.005 12.6967C15.9898 12.697 15.9754 12.6974 15.9618 12.6979C15.9481 12.6974 15.9337 12.697 15.9185 12.6967C15.8269 12.6947 15.7066 12.6956 15.5633 12.7046C15.2786 12.7225 14.8918 12.7731 14.4555 12.904C13.5661 13.1707 12.4776 13.7722 11.6817 15.0458C10.9899 16.1526 10.0577 16.3042 9.77929 16.3042C9.22693 16.3042 8.98352 16.2925 8.72338 16.2002C8.48132 16.1143 8.09414 15.9048 7.49326 15.2593C5.83675 13.48 4.36078 13.04 3.67214 12.9313C2.85385 12.8021 2.08576 13.3607 1.95656 14.179C1.82736 14.9973 2.38598 15.7654 3.20427 15.8946C3.26333 15.9039 4.12047 16.0392 5.29751 17.3035C6.11427 18.1808 6.88939 18.7327 7.72005 19.0274C8.50275 19.3052 9.21786 19.3046 9.72244 19.3042L9.77929 19.3042C10.8652 19.3042 12.8753 18.7963 14.2256 16.6358Z"
fill="url(#paint0_radial_18590_1851)"
/>
<path
d="M14.2256 16.6358C14.5625 16.0968 14.9818 15.8781 15.3171 15.7776C15.493 15.7248 15.6477 15.7052 15.7515 15.6987C15.7887 15.6963 15.8177 15.6958 15.8367 15.6958C15.878 15.699 15.9197 15.7005 15.9618 15.7002C16.0038 15.7005 16.0455 15.699 16.0868 15.6958C16.1059 15.6958 16.1349 15.6963 16.172 15.6987C16.2758 15.7052 16.4305 15.7248 16.6064 15.7776C16.9417 15.8781 17.361 16.0968 17.6979 16.6358C19.0482 18.7963 21.0583 19.3042 22.1442 19.3042L22.2011 19.3042C22.7057 19.3046 23.4208 19.3052 24.2035 19.0274C25.0341 18.7327 25.8093 18.1808 26.626 17.3035C27.8031 16.0392 28.6599 15.9039 28.719 15.8946C29.5373 15.7654 30.0962 14.9973 29.967 14.179C29.8378 13.3607 29.0697 12.8021 28.2514 12.9313C27.5627 13.04 26.0868 13.48 24.4303 15.2593C23.8294 15.9048 23.4422 16.1143 23.2001 16.2002C22.94 16.2925 22.6966 16.3042 22.1442 16.3042C21.8658 16.3042 20.9337 16.1526 20.2419 15.0458C19.4459 13.7722 18.3574 13.1707 17.4681 12.904C17.0317 12.7731 16.6449 12.7225 16.3602 12.7046C16.217 12.6956 16.0966 12.6947 16.005 12.6967C15.9898 12.697 15.9754 12.6974 15.9618 12.6979C15.9481 12.6974 15.9337 12.697 15.9185 12.6967C15.8269 12.6947 15.7066 12.6956 15.5633 12.7046C15.2786 12.7225 14.8918 12.7731 14.4555 12.904C13.5661 13.1707 12.4776 13.7722 11.6817 15.0458C10.9899 16.1526 10.0577 16.3042 9.77929 16.3042C9.22693 16.3042 8.98352 16.2925 8.72338 16.2002C8.48132 16.1143 8.09414 15.9048 7.49326 15.2593C5.83675 13.48 4.36078 13.04 3.67214 12.9313C2.85385 12.8021 2.08576 13.3607 1.95656 14.179C1.82736 14.9973 2.38598 15.7654 3.20427 15.8946C3.26333 15.9039 4.12047 16.0392 5.29751 17.3035C6.11427 18.1808 6.88939 18.7327 7.72005 19.0274C8.50275 19.3052 9.21786 19.3046 9.72244 19.3042L9.77929 19.3042C10.8652 19.3042 12.8753 18.7963 14.2256 16.6358Z"
fill="url(#paint1_radial_18590_1851)"
/>
<g filter="url(#filter1_f_18590_1851)">
<path
d="M3.43823 14.2254C3.81096 14.2843 4.97778 14.5712 6.39541 16.0939C7.81305 17.6167 8.72001 17.6167 9.77931 17.6167C10.4615 17.6167 11.9326 17.287 12.9537 15.6533C14.0865 13.8408 15.9693 14.0127 15.9693 14.0127"
stroke="#63596D"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<g filter="url(#filter2_f_18590_1851)">
<path
d="M28.4853 14.2254C28.1126 14.2843 26.9457 14.5712 25.5281 16.0939C24.1105 17.6167 23.2035 17.6167 22.1442 17.6167C21.462 17.6167 19.9909 17.287 18.9698 15.6533C17.837 13.8408 15.9542 14.0127 15.9542 14.0127"
stroke="#63596D"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<filter
id="filter0_i_18590_1851"
x={1.93799}
y={11.6958}
width={28.0475}
height={7.6084}
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={-1} />
<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.160784 0 0 0 0 0.345098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1851"
/>
</filter>
<filter
id="filter1_f_18590_1851"
x={1.93817}
y={12.5083}
width={15.5312}
height={6.6084}
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_18590_1851"
/>
</filter>
<filter
id="filter2_f_18590_1851"
x={14.4542}
y={12.5083}
width={15.5312}
height={6.6084}
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_18590_1851"
/>
</filter>
<radialGradient
id="paint0_radial_18590_1851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.4537 13.8521) rotate(158.199) scale(1.85115 1.23007)"
>
<stop stopColor="#6A676D" />
<stop offset={1} stopColor="#6A676D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_18590_1851"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.1099 13.5083) rotate(119.981) scale(2.87663 8.1007)"
>
<stop stopColor="#56535B" />
<stop offset={1} stopColor="#56535B" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = WavyDashIcon;