@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 9.6 kB
JSX
const React = require("react");
const KeycapAsteriskIcon = ({ 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_18590_2199)">
<rect
x={1.93433}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2199)"
/>
<rect
x={1.93433}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2199)"
/>
</g>
<g filter="url(#filter1_f_18590_2199)">
<path
d="M28.1218 4.4375V27.3125"
stroke="url(#paint2_linear_18590_2199)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2199)">
<path
d="M5.39819 3.75H27.1794"
stroke="url(#paint3_linear_18590_2199)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2199)">
<path
d="M15.894 7.625C16.8605 7.625 17.644 8.4085 17.644 9.375V12.6579C17.644 12.7348 17.7274 12.783 17.794 12.7445L20.6259 11.1095C21.4629 10.6262 22.5332 10.913 23.0165 11.75C23.4997 12.587 23.2129 13.6573 22.3759 14.1406L19.5218 15.7884C19.4552 15.8269 19.4552 15.9231 19.5218 15.9616L22.376 17.6095C23.2131 18.0927 23.4998 19.163 23.0166 20C22.5333 20.837 21.4631 21.1238 20.626 20.6406L17.794 19.0055C17.7274 18.967 17.644 19.0151 17.644 19.0921V22.375C17.644 23.3415 16.8605 24.125 15.894 24.125C14.9275 24.125 14.144 23.3415 14.144 22.375V19.0665C14.144 18.9895 14.0607 18.9414 13.994 18.9799L11.1176 20.6406C10.2806 21.1238 9.21031 20.837 8.72706 20C8.24381 19.163 8.53059 18.0927 9.3676 17.6095L12.2218 15.9616C12.2885 15.9231 12.2885 15.8269 12.2218 15.7884L9.36771 14.1406C8.5307 13.6573 8.24392 12.587 8.72717 11.75C9.21042 10.913 10.2807 10.6262 11.1177 11.1095L13.994 12.7701C14.0607 12.8086 14.144 12.7605 14.144 12.6835V9.375C14.144 8.4085 14.9275 7.625 15.894 7.625Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_2199)">
<path
d="M15.894 7.625C16.8605 7.625 17.644 8.4085 17.644 9.375V12.6579C17.644 12.7348 17.7274 12.783 17.794 12.7445L20.6259 11.1095C21.4629 10.6262 22.5332 10.913 23.0165 11.75C23.4997 12.587 23.2129 13.6573 22.3759 14.1406L19.5218 15.7884C19.4552 15.8269 19.4552 15.9231 19.5218 15.9616L22.376 17.6095C23.2131 18.0927 23.4998 19.163 23.0166 20C22.5333 20.837 21.4631 21.1238 20.626 20.6406L17.794 19.0055C17.7274 18.967 17.644 19.0151 17.644 19.0921V22.375C17.644 23.3415 16.8605 24.125 15.894 24.125C14.9275 24.125 14.144 23.3415 14.144 22.375V19.0665C14.144 18.9895 14.0607 18.9414 13.994 18.9799L11.1176 20.6406C10.2806 21.1238 9.21031 20.837 8.72706 20C8.24381 19.163 8.53059 18.0927 9.3676 17.6095L12.2218 15.9616C12.2885 15.9231 12.2885 15.8269 12.2218 15.7884L9.36771 14.1406C8.5307 13.6573 8.24392 12.587 8.72717 11.75C9.21042 10.913 10.2807 10.6262 11.1177 11.1095L13.994 12.7701C14.0607 12.8086 14.144 12.7605 14.144 12.6835V9.375C14.144 8.4085 14.9275 7.625 15.894 7.625Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2199"
x={1.93433}
y={0.9375}
width={28.875}
height={28.875}
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.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2199"
/>
<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 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2199"
result="effect2_innerShadow_18590_2199"
/>
</filter>
<filter
id="filter1_f_18590_2199"
x={25.3718}
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_2199"
/>
</filter>
<filter
id="filter2_f_18590_2199"
x={2.64819}
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_2199"
/>
</filter>
<filter
id="filter3_f_18590_2199"
x={7.49231}
y={6.625}
width={16.759}
height={18.5}
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_2199"
/>
</filter>
<filter
id="filter4_ii_18590_2199"
x={7.49231}
y={7.225}
width={16.159}
height={17.9}
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} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2199"
/>
<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.5} />
<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_2199"
result="effect2_innerShadow_18590_2199"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2199"
x1={15.8718}
y1={5.51201}
x2={15.8718}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2199"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5906 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2199"
x1={28.6218}
y1={4.4375}
x2={28.6218}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2199"
x1={28.3357}
y1={4.00002}
x2={2.80444}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = KeycapAsteriskIcon;