@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
328 lines (327 loc) • 12.9 kB
JSX
const React = require("react");
const VibrationModeIcon = ({ 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_iii_18590_1638)">
<rect
x={2.09033}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1638)"
/>
<rect
x={2.09033}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1638)"
/>
</g>
<g filter="url(#filter1_f_18590_1638)">
<path
d="M28.2778 4.4375V27.3125"
stroke="url(#paint2_linear_18590_1638)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1638)">
<path
d="M5.5542 3.75H27.3354"
stroke="url(#paint3_linear_18590_1638)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1638)">
<path
d="M10.2675 8.875C10.2675 7.77043 11.1629 6.875 12.2675 6.875H20.2675C21.3721 6.875 22.2675 7.77043 22.2675 8.875V22.875C22.2675 23.9796 21.3721 24.875 20.2675 24.875H12.2675C11.1629 24.875 10.2675 23.9796 10.2675 22.875V8.875ZM20.4863 9.46875H12.1113C11.9732 9.46875 11.8613 9.58068 11.8613 9.71875V22.0625C11.8613 22.2006 11.9732 22.3125 12.1113 22.3125H20.4863C20.6243 22.3125 20.7363 22.2006 20.7363 22.0625V9.71875C20.7363 9.58068 20.6243 9.46875 20.4863 9.46875Z"
fill="#FF8A53"
/>
<path
d="M6.92671 9.96368C7.14619 10.1313 7.18826 10.445 7.02068 10.6645C5.9501 12.0666 5.31445 13.8176 5.31445 15.7185C5.31445 17.7551 6.04416 19.62 7.25694 21.0678C7.43426 21.2795 7.4064 21.5949 7.19471 21.7722C6.98301 21.9495 6.66766 21.9217 6.49034 21.71C5.13241 20.0888 4.31445 17.9985 4.31445 15.7185C4.31445 13.5908 5.02685 11.628 6.22588 10.0576C6.39346 9.83817 6.70723 9.7961 6.92671 9.96368Z"
fill="#FF8A53"
/>
<path
d="M8.96792 12.9815C9.1874 13.1491 9.22947 13.4628 9.06189 13.6823C8.61239 14.271 8.34564 15.0057 8.34564 15.8041C8.34564 16.6595 8.65183 17.442 9.16112 18.05C9.33844 18.2617 9.31058 18.5771 9.09889 18.7544C8.8872 18.9317 8.57184 18.9038 8.39452 18.6922C7.74008 17.9108 7.34564 16.9029 7.34564 15.8041C7.34564 14.7788 7.68914 13.8324 8.26708 13.0754C8.43467 12.856 8.74844 12.8139 8.96792 12.9815Z"
fill="#FF8A53"
/>
<path
d="M23.5303 13.6823C23.3628 13.4628 23.4048 13.1491 23.6243 12.9815C23.8438 12.8139 24.1576 12.856 24.3251 13.0754C24.9031 13.8324 25.2466 14.7788 25.2466 15.8041C25.2466 16.9029 24.8521 17.9108 24.1977 18.6922C24.0204 18.9038 23.705 18.9317 23.4933 18.7544C23.2816 18.5771 23.2538 18.2617 23.4311 18.05C23.9404 17.442 24.2466 16.6595 24.2466 15.8041C24.2466 15.0057 23.9798 14.271 23.5303 13.6823Z"
fill="#FF8A53"
/>
<path
d="M25.6656 9.96368C25.4461 10.1313 25.404 10.445 25.5716 10.6645C26.6422 12.0666 27.2778 13.8176 27.2778 15.7185C27.2778 17.7551 26.5481 19.62 25.3353 21.0678C25.158 21.2795 25.1859 21.5949 25.3976 21.7722C25.6093 21.9495 25.9246 21.9217 26.1019 21.71C27.4599 20.0888 28.2778 17.9985 28.2778 15.7185C28.2778 13.5908 27.5654 11.628 26.3664 10.0576C26.1988 9.83817 25.8851 9.7961 25.6656 9.96368Z"
fill="#FF8A53"
/>
</g>
<g filter="url(#filter4_ii_18590_1638)">
<path
d="M10.2675 8.875C10.2675 7.77043 11.1629 6.875 12.2675 6.875H20.2675C21.3721 6.875 22.2675 7.77043 22.2675 8.875V22.875C22.2675 23.9796 21.3721 24.875 20.2675 24.875H12.2675C11.1629 24.875 10.2675 23.9796 10.2675 22.875V8.875ZM20.4863 9.46875H12.1113C11.9732 9.46875 11.8613 9.58068 11.8613 9.71875V22.0625C11.8613 22.2006 11.9732 22.3125 12.1113 22.3125H20.4863C20.6243 22.3125 20.7363 22.2006 20.7363 22.0625V9.71875C20.7363 9.58068 20.6243 9.46875 20.4863 9.46875Z"
fill="#FCF2FF"
/>
<path
d="M6.92671 9.96368C7.14619 10.1313 7.18826 10.445 7.02068 10.6645C5.9501 12.0666 5.31445 13.8176 5.31445 15.7185C5.31445 17.7551 6.04416 19.62 7.25694 21.0678C7.43426 21.2795 7.4064 21.5949 7.19471 21.7722C6.98301 21.9495 6.66766 21.9217 6.49034 21.71C5.13241 20.0888 4.31445 17.9985 4.31445 15.7185C4.31445 13.5908 5.02685 11.628 6.22588 10.0576C6.39346 9.83817 6.70723 9.7961 6.92671 9.96368Z"
fill="#FCF2FF"
/>
<path
d="M8.96792 12.9815C9.1874 13.1491 9.22947 13.4628 9.06189 13.6823C8.61239 14.271 8.34564 15.0057 8.34564 15.8041C8.34564 16.6595 8.65183 17.442 9.16112 18.05C9.33844 18.2617 9.31058 18.5771 9.09889 18.7544C8.8872 18.9317 8.57184 18.9038 8.39452 18.6922C7.74008 17.9108 7.34564 16.9029 7.34564 15.8041C7.34564 14.7788 7.68914 13.8324 8.26708 13.0754C8.43467 12.856 8.74844 12.8139 8.96792 12.9815Z"
fill="#FCF2FF"
/>
<path
d="M23.5303 13.6823C23.3628 13.4628 23.4048 13.1491 23.6243 12.9815C23.8438 12.8139 24.1576 12.856 24.3251 13.0754C24.9031 13.8324 25.2466 14.7788 25.2466 15.8041C25.2466 16.9029 24.8521 17.9108 24.1977 18.6922C24.0204 18.9038 23.705 18.9317 23.4933 18.7544C23.2816 18.5771 23.2538 18.2617 23.4311 18.05C23.9404 17.442 24.2466 16.6595 24.2466 15.8041C24.2466 15.0057 23.9798 14.271 23.5303 13.6823Z"
fill="#FCF2FF"
/>
<path
d="M25.6656 9.96368C25.4461 10.1313 25.404 10.445 25.5716 10.6645C26.6422 12.0666 27.2778 13.8176 27.2778 15.7185C27.2778 17.7551 26.5481 19.62 25.3353 21.0678C25.158 21.2795 25.1859 21.5949 25.3976 21.7722C25.6093 21.9495 25.9246 21.9217 26.1019 21.71C27.4599 20.0888 28.2778 17.9985 28.2778 15.7185C28.2778 13.5908 27.5654 11.628 26.3664 10.0576C26.1988 9.83817 25.8851 9.7961 25.6656 9.96368Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_1638"
x={1.59033}
y={0.9375}
width={29.375}
height={29.375}
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={1} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.992157 0 0 0 0 0.384314 0 0 0 0 0.164706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1638"
/>
<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={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.32549 0 0 0 0 0.168627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1638"
result="effect2_innerShadow_18590_1638"
/>
<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} 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.741176 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1638"
result="effect3_innerShadow_18590_1638"
/>
</filter>
<filter
id="filter1_f_18590_1638"
x={25.5278}
y={1.6875}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1638"
/>
</filter>
<filter
id="filter2_f_18590_1638"
x={2.8042}
y={1}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1638"
/>
</filter>
<filter
id="filter3_f_18590_1638"
x={3.31445}
y={5.875}
width={25.9634}
height={20}
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_1638"
/>
</filter>
<filter
id="filter4_ii_18590_1638"
x={3.91445}
y={6.475}
width={24.7634}
height={18.8}
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.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1638"
/>
<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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1638"
result="effect2_innerShadow_18590_1638"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1638"
x1={16.0278}
y1={5.51201}
x2={16.0278}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA851" />
<stop offset={1} stopColor="#FF7E50" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1638"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7466 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#FFD774" />
<stop offset={1} stopColor="#FF77B1" stopOpacity={0} />
<stop offset={1} stopColor="#FFD774" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1638"
x1={28.7778}
y1={4.4375}
x2={28.7778}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCE69" />
<stop offset={1} stopColor="#FF9C61" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1638"
x1={28.4917}
y1={4.00002}
x2={2.96045}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC85B" />
<stop offset={1} stopColor="#FFB156" />
</linearGradient>
</defs>
</svg>
);
module.exports = VibrationModeIcon;