@astraicons/react
Version:
A comprehensive icon set designed for websites, applications, social networks, and print media, tailored specifically for UI Astra.
74 lines • 2.8 kB
JavaScript
import * as React from "react";
import { forwardRef } from "react";
const MouseSymbol1Icon = ({
title,
titleId,
...props
}, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 24 24",
strokeWidth: 1.5,
stroke: "currentColor",
"aria-hidden": "true",
ref: ref,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/React.createElement("title", {
id: titleId
}, title) : null, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#clip0_11504_3555)"
}, /*#__PURE__*/React.createElement("path", {
strokeLinecap: "round",
d: "m17.518 17.423-.398.382a.827.827 0 0 1-1.17-.026l-1.4-1.462a.827.827 0 0 0-1.275.099l-.026.037a.827.827 0 0 1-1.475-.254l-1.292-4.672a.827.827 0 0 1 1.052-1.007l4.612 1.493a.827.827 0 0 1 .189 1.485l-.038.024a.827.827 0 0 0-.153 1.27l1.4 1.462a.827.827 0 0 1-.026 1.17Z"
}), /*#__PURE__*/React.createElement("rect", {
width: 18,
height: 18,
x: 3.006,
y: 3,
strokeLinecap: "round",
rx: 4.5
}), /*#__PURE__*/React.createElement("g", {
filter: "url(#filter0_d_11504_3555)",
opacity: 0.4
}, /*#__PURE__*/React.createElement("path", {
strokeLinecap: "round",
d: "M16.64 8.953q.063.13.121.263M14.61 6.674q.269.174.517.377M11.69 5.754q.32.011.637.058m-3.603.644q.281-.154.577-.276M6.515 8.607q.161-.277.352-.534M5.74 11.736a6 6 0 0 1 .01-.64m1.006 3.674a6 6 0 0 1-.334-.545m2.523 2.434a6 6 0 0 1-.272-.144"
}))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "clip0_11504_3555"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M.006 0h24v24h-24z"
})), /*#__PURE__*/React.createElement("filter", {
id: "filter0_d_11504_3555",
width: 20.527,
height: 20.405,
x: 0.984,
y: 5.004,
colorInterpolationFilters: "sRGB",
filterUnits: "userSpaceOnUse"
}, /*#__PURE__*/React.createElement("feFlood", {
floodOpacity: 0,
result: "BackgroundImageFix"
}), /*#__PURE__*/React.createElement("feColorMatrix", {
in: "SourceAlpha",
result: "hardAlpha",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
}), /*#__PURE__*/React.createElement("feOffset", {
dy: 4
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
stdDeviation: 2
}), /*#__PURE__*/React.createElement("feComposite", {
in2: "hardAlpha",
operator: "out"
}), /*#__PURE__*/React.createElement("feColorMatrix", {
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
}), /*#__PURE__*/React.createElement("feBlend", {
in2: "BackgroundImageFix",
result: "effect1_dropShadow_11504_3555"
}), /*#__PURE__*/React.createElement("feBlend", {
in: "SourceGraphic",
in2: "effect1_dropShadow_11504_3555",
result: "shape"
}))));
const ForwardRef = forwardRef(MouseSymbol1Icon);
export default ForwardRef;