@sidekickicons/react
Version:
<p align="center"> <a href="https://heroicons.com" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ndri/sidekickicons/HEAD/.github/logo-dark.svg"> <source media="(prefers-
24 lines • 1.5 kB
JavaScript
import * as React from "react";
function PasswordIcon({
title,
titleId,
...props
}, svgRef) {
return /*#__PURE__*/React.createElement("svg", Object.assign({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
fill: "currentColor",
"aria-hidden": "true",
"data-slot": "icon",
ref: svgRef,
"aria-labelledby": titleId
}, props), title ? /*#__PURE__*/React.createElement("title", {
id: titleId
}, title) : null, /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
d: "M18.75 7H5.25q-1.243 0-2.121.879Q2.25 8.757 2.25 10v4q0 1.243.879 2.121Q4.007 17 5.25 17h13.5q1.243 0 2.121-.879.879-.878.879-2.121v-4q0-1.243-.879-2.121Q19.993 7 18.75 7ZM7.5 10.701V10.5a.75.75 0 0 0-1.5 0v.201l-.174-.101a.75.75 0 0 0-.75 1.3l.174.1-.174.1a.75.75 0 0 0 .75 1.3L6 13.299v.201a.75.75 0 0 0 1.5 0v-.201l.174.101a.75.75 0 0 0 .75-1.3L8.25 12l.174-.1a.75.75 0 0 0-.75-1.3l-.174.101Zm5.25-.201v.201l.174-.101a.75.75 0 0 1 .75 1.3l-.174.1.174.1a.75.75 0 0 1-.75 1.3l-.174-.101v.201a.75.75 0 0 1-1.5 0v-.201l-.174.101a.75.75 0 0 1-.75-1.3l.174-.1-.174-.1a.75.75 0 0 1 .75-1.3l.174.101V10.5a.75.75 0 0 1 1.5 0Zm5.299.201V10.5a.75.75 0 0 0-1.5 0v.201l-.174-.101a.75.75 0 0 0-.75 1.3l.174.1-.174.1a.75.75 0 0 0 .75 1.3l.174-.101v.201a.75.75 0 0 0 1.5 0v-.201l.174.101a.75.75 0 0 0 .75-1.3l-.174-.1.174-.1a.75.75 0 0 0-.75-1.3l-.174.101Z",
clipRule: "evenodd"
}));
}
const ForwardRef = /*#__PURE__*/ React.forwardRef(PasswordIcon);
export default ForwardRef;