@navikt/aksel-icons 6.10.0 → 6.11.0

package/src/PassportFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPassportFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M4.25 3A.75.75 0 0 1 5 2.25h12A2.75 2.75 0 0 1 19.75 5v14A2.75 2.75 0 0 1 17 21.75H5a.75.75 0 0 1-.75-.75zM9.5 6.75a.75.75 0 0 0-.75.75V11c0 .592.247 1.092.546 1.48.298.388.676.704 1.024.947a7.7 7.7 0 0 0 1.269.713.95.95 0 0 0 .822 0 7.657 7.657 0 0 0 1.269-.713c.348-.243.726-.56 1.024-.946.298-.389.546-.89.546-1.481V7.5a.75.75 0 0 0-.75-.75zm.75 4.25c0 .158.065.345.235.566.171.223.418.438.695.632.274.192.552.345.765.451l.055.028.055-.027c.213-.107.491-.26.765-.452.277-.194.524-.41.695-.632.17-.22.235-.408.235-.566V8.25h-3.5zm-.75 5.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5z" clipRule="evenodd" /></svg>;
+});
+export default SvgPassportFill;

package/src/PasswordHidden.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPasswordHidden = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M4.149 12.5a.75.75 0 0 0 1.5 0v-.7l.607.35a.75.75 0 0 0 .75-1.3l-.607-.35.607-.35a.75.75 0 1 0-.75-1.3l-.607.35v-.7a.75.75 0 0 0-1.5 0v.701l-.607-.35a.75.75 0 0 0-.75 1.298l.607.35-.607.351a.75.75 0 1 0 .75 1.3l.607-.351zM3 15.25a.75.75 0 0 0 0 1.5h18a.75.75 0 0 0 0-1.5zm9-2a.75.75 0 0 1-.75-.75v-.701l-.607.35a.75.75 0 0 1-.75-1.298l.607-.351-.607-.35a.75.75 0 1 1 .75-1.3l.607.35v-.7a.75.75 0 0 1 1.5 0v.7l.607-.35a.75.75 0 1 1 .75 1.3l-.607.35.607.35a.75.75 0 1 1-.75 1.3l-.607-.351v.701a.75.75 0 0 1-.75.75m6.351-.75a.75.75 0 0 0 1.5 0v-.701l.608.35a.75.75 0 0 0 .75-1.298L20.6 10.5l.607-.35a.75.75 0 0 0-.75-1.3l-.607.35v-.7a.75.75 0 0 0-1.5 0v.7l-.607-.35a.75.75 0 1 0-.75 1.3l.607.35-.607.35a.75.75 0 1 0 .75 1.3l.607-.351z" clipRule="evenodd" /></svg>;
+});
+export default SvgPasswordHidden;

package/src/Pause.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPause = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M7 6.25a.75.75 0 0 0-.75.75v10c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75V7a.75.75 0 0 0-.75-.75zm.75 10v-8.5h1.5v8.5zm6.25-10a.75.75 0 0 0-.75.75v10c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75V7a.75.75 0 0 0-.75-.75zm.75 10v-8.5h1.5v8.5z" clipRule="evenodd" /></svg>;
+});
+export default SvgPause;

package/src/PauseFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPauseFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M7 6.25a.75.75 0 0 0-.75.75v10c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75V7a.75.75 0 0 0-.75-.75zm7 0a.75.75 0 0 0-.75.75v10c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75V7a.75.75 0 0 0-.75-.75z" clipRule="evenodd" /></svg>;
+});
+export default SvgPauseFill;

package/src/Pencil.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencil = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z" clipRule="evenodd" /></svg>;
+});
+export default SvgPencil;

package/src/PencilBoard.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencilBoard = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12.503 11.451a.75.75 0 0 1 .098-.33l3.94-6.87a2.486 2.486 0 0 1 3.41-.913 2.52 2.52 0 0 1 .919 3.429l-3.94 6.87a.75.75 0 0 1-.235.25l-3.266 2.17a.75.75 0 0 1-.787.024.76.76 0 0 1-.373-.698zm1.483.271-.134 2.25 1.868-1.242 2.594-4.522L16.58 7.2zm5.587-5.709-.513.894-1.734-1.008.513-.893a.996.996 0 0 1 1.366-.367c.479.279.644.894.368 1.374M6 8.25A2.75 2.75 0 0 0 3.25 11v7A2.75 2.75 0 0 0 6 20.75h12A2.75 2.75 0 0 0 20.75 18v-5.5a.75.75 0 0 0-1.5 0V18c0 .69-.56 1.25-1.25 1.25H9.75v-9.5h1.75a.75.75 0 0 0 0-1.5zm0 11c-.69 0-1.25-.56-1.25-1.25v-2.75h3.5v4zm0-9.5c-.69 0-1.25.56-1.25 1.25v2.75h3.5v-4z" clipRule="evenodd" /></svg>;
+});
+export default SvgPencilBoard;

package/src/PencilBoardFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencilBoardFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M13.216 11.287a.25.25 0 0 1 .033-.11l2.764-4.818a.25.25 0 0 1 .342-.092l2.788 1.62a.25.25 0 0 1 .091.34L16.47 13.05a.25.25 0 0 1-.078.083l-3.003 1.995a.25.25 0 0 1-.387-.223zM17.05 5.05a.25.25 0 0 1-.091-.34l.444-.774a1.85 1.85 0 0 1 2.54-.685 1.88 1.88 0 0 1 .68 2.556l-.443.772a.25.25 0 0 1-.342.091zm-5.294 6.354c.014-.232.082-.458.197-.66l1.216-2.12a.25.25 0 0 0-.217-.374H9.5a.25.25 0 0 0-.25.25v12c0 .138.112.25.25.25H18A2.75 2.75 0 0 0 20.75 18v-7c0-.463-.114-.899-.316-1.281-.085-.16-.306-.15-.397.007l-2.459 4.287a1.5 1.5 0 0 1-.47.502l-3.265 2.17a1.49 1.49 0 0 1-1.574.046 1.51 1.51 0 0 1-.747-1.395zM7.5 8.25a.25.25 0 0 1 .25.25v5a.25.25 0 0 1-.25.25h-4a.25.25 0 0 1-.25-.25V11A2.75 2.75 0 0 1 6 8.25zM3.25 15.5V18A2.75 2.75 0 0 0 6 20.75h1.5a.25.25 0 0 0 .25-.25v-5a.25.25 0 0 0-.25-.25h-4a.25.25 0 0 0-.25.25" clipRule="evenodd" /></svg>;
+});
+export default SvgPencilBoardFill;

package/src/PencilFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencilFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M19.638 4.417a3.25 3.25 0 0 0-4.608-.008.33.33 0 0 0 .003.467l.298.292 3.841 3.84a.324.324 0 0 0 .458 0 3.25 3.25 0 0 0 .008-4.59m-1.651 6.235a.5.5 0 0 0 0-.707l-3.714-3.713-.184-.181a.5.5 0 0 0-.704.003l-7.733 7.734a.75.75 0 0 0-.19.324l-1.415 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191z" clipRule="evenodd" /></svg>;
+});
+export default SvgPencilFill;

package/src/PencilLine.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencilLine = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M10.286 11.483a.75.75 0 0 1 .099-.33l4.5-7.795a2.75 2.75 0 1 1 4.763 2.75l-4.5 7.795a.75.75 0 0 1-.236.25l-3.732 2.465a.75.75 0 0 1-1.162-.671zm1.486.266-.167 2.79L13.937 13l3.028-5.243-2.165-1.25zm6.577-6.39-.634 1.097-2.165-1.25.634-1.098a1.25 1.25 0 0 1 2.165 1.25M6.5 9.75c-1.414 0-2.75 1.046-2.75 2.641 0 .463.112.915.198 1.261l.03.125c.097.4.145.675.11.926-.074.549-.287.989-.565 1.219a.75.75 0 1 0 .954 1.156c.675-.557.994-1.413 1.098-2.173.076-.56-.042-1.083-.139-1.481l-.03-.122c-.09-.374-.156-.641-.156-.91 0-.637.527-1.142 1.25-1.142.383 0 .624.116.789.267.176.161.318.412.4.752.17.703.034 1.585-.288 2.165l-1.535 2.763a4.9 4.9 0 0 0-.616 2.376c0 1.566 1.305 2.677 2.75 2.677 1.318 0 2.207-.68 2.634-1.63.4-.894.374-1.968.077-2.857a.75.75 0 1 0-1.423.474c.204.611.194 1.287-.023 1.769-.19.424-.55.744-1.265.744-.707 0-1.25-.527-1.25-1.177 0-.576.147-1.143.427-1.647l1.535-2.763c.501-.903.696-2.17.436-3.246-.133-.549-.396-1.094-.848-1.508-.463-.423-1.074-.66-1.8-.66" clipRule="evenodd" /></svg>;
+});
+export default SvgPencilLine;

package/src/PencilLineFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencilLineFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M11.03 11.587a.25.25 0 0 1 .034-.11l2.961-5.13a.25.25 0 0 1 .342-.091l3.03 1.75a.25.25 0 0 1 .092.341l-2.961 5.13a.25.25 0 0 1-.079.083l-3.265 2.156a.25.25 0 0 1-.388-.223zm4.087-6.63a.25.25 0 0 1-.092-.342l.51-.882a2 2 0 1 1 3.463 2l-.509.882a.25.25 0 0 1-.341.091zM6.5 9.75c-1.414 0-2.75 1.046-2.75 2.641 0 .463.112.915.198 1.261l.03.125c.097.4.145.675.11.926-.074.549-.287.989-.565 1.219a.75.75 0 0 0 .954 1.156c.675-.557.994-1.413 1.098-2.173.076-.56-.042-1.083-.139-1.481l-.03-.122c-.09-.374-.156-.641-.156-.91 0-.637.527-1.142 1.25-1.142.383 0 .624.116.789.267.176.161.318.412.4.752.17.703.034 1.585-.288 2.166l-1.535 2.763a4.9 4.9 0 0 0-.616 2.375c0 1.566 1.305 2.677 2.75 2.677 1.318 0 2.207-.68 2.634-1.63.4-.894.374-1.968.077-2.857a.75.75 0 0 0-1.423.474c.204.611.194 1.287-.023 1.769-.19.424-.55.744-1.265.744-.707 0-1.25-.527-1.25-1.177 0-.576.147-1.143.427-1.647l1.535-2.763c.501-.902.696-2.17.436-3.246-.133-.549-.396-1.094-.848-1.508-.463-.423-1.074-.659-1.8-.659" clipRule="evenodd" /></svg>;
+});
+export default SvgPencilLineFill;

package/src/PencilWriting.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencilWriting = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M14.97 4.47a3.2 3.2 0 0 1 4.562.001c1.26 1.27 1.268 3.368-.002 4.637l-8.5 8.5a.75.75 0 0 1-.38.204l-4.5.922a.75.75 0 0 1-.882-.897l1-4.5a.75.75 0 0 1 .202-.367zm3.498 1.058a1.7 1.7 0 0 0-2.438.002l-.97.97 2.479 2.478.93-.93c.68-.68.681-1.832-.001-2.52M7.685 13.876 14 7.56l2.478 2.478-6.35 6.35-3.145.644zM3.5 20.25a.75.75 0 0 0 0 1.5h17a.75.75 0 0 0 0-1.5z" clipRule="evenodd" /></svg>;
+});
+export default SvgPencilWriting;

package/src/PencilWritingFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPencilWritingFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M14.97 4.47a3.2 3.2 0 0 1 4.562.001c1.26 1.27 1.268 3.368-.002 4.637l-.577.578a.5.5 0 0 1-.707 0l-3.893-3.893a.5.5 0 0 1 0-.707zm2.215 6.276a.5.5 0 0 1 0 .708l-6.155 6.154a.75.75 0 0 1-.38.204l-4.5.922a.75.75 0 0 1-.882-.897l1-4.5a.75.75 0 0 1 .202-.367l6.115-6.116a.5.5 0 0 1 .707 0zM3.5 20.25a.75.75 0 0 0 0 1.5h17a.75.75 0 0 0 0-1.5z" clipRule="evenodd" /></svg>;
+});
+export default SvgPencilWritingFill;

package/src/Pentagon.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPentagon = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M11.56 1.892a.75.75 0 0 1 .88 0l9 6.5a.75.75 0 0 1 .271.845l-3.5 10.5a.75.75 0 0 1-.711.513h-11a.75.75 0 0 1-.712-.513l-3.5-10.5a.75.75 0 0 1 .273-.845zM3.887 9.285 7.04 18.75h9.918l3.155-9.465L12 3.425z" clipRule="evenodd" /></svg>;
+});
+export default SvgPentagon;

package/src/PentagonFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPentagonFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M11.56 1.892a.75.75 0 0 1 .88 0l9 6.5a.75.75 0 0 1 .271.845l-3.5 10.5a.75.75 0 0 1-.711.513h-11a.75.75 0 0 1-.712-.513l-3.5-10.5a.75.75 0 0 1 .273-.845z" clipRule="evenodd" /></svg>;
+});
+export default SvgPentagonFill;

package/src/Percent.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPercent = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M7.998 6.75a1.248 1.248 0 1 0 0 2.495 1.248 1.248 0 0 0 0-2.495M5.25 7.998a2.748 2.748 0 1 1 5.495 0 2.748 2.748 0 0 1-5.495 0m.22 10.532a.75.75 0 0 1 0-1.06l12-12a.75.75 0 1 1 1.06 1.06l-12 12a.75.75 0 0 1-1.06 0m9.28-2.532a1.248 1.248 0 1 1 2.495 0 1.248 1.248 0 0 1-2.495 0m1.248-2.748a2.748 2.748 0 1 0 0 5.495 2.748 2.748 0 0 0 0-5.495" clipRule="evenodd" /></svg>;
+});
+export default SvgPercent;

package/src/Person.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPerson = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712" clipRule="evenodd" /></svg>;
+});
+export default SvgPerson;

package/src/PersonChat.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonChat = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M15.75 10.19V5.75h5.5v3.5H17a.75.75 0 0 0-.53.22zm-.25-5.94c-.69 0-1.25.56-1.25 1.25V12a.75.75 0 0 0 1.28.53l1.78-1.78h4.19c.69 0 1.25-.56 1.25-1.25v-4c0-.69-.56-1.25-1.25-1.25zm-7 2a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5M4.25 9a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0m4.25 6.75a3.75 3.75 0 0 0-3.727 3.333.75.75 0 1 1-1.49-.166 5.25 5.25 0 0 1 10.435 0 .75.75 0 0 1-1.491.166A3.75 3.75 0 0 0 8.5 15.75" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonChat;

package/src/PersonChatFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonChatFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M15.5 4.25c-.69 0-1.25.56-1.25 1.25V12a.75.75 0 0 0 1.28.53l1.78-1.78h4.19c.69 0 1.25-.56 1.25-1.25v-4c0-.69-.56-1.25-1.25-1.25zM4.25 9a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0m.538 6.788a5.25 5.25 0 0 1 8.93 3.129.75.75 0 0 1-.746.833H4.028a.75.75 0 0 1-.746-.833 5.25 5.25 0 0 1 1.506-3.13" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonChatFill;

package/src/PersonCheckmark.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonCheckmark = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 3.75a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5M6.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0m12.78 8.97a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0l-1.5-1.5a.75.75 0 1 1 1.06-1.06l.97.97 1.97-1.97a.75.75 0 0 1 1.06 0m-11.242.818a5.25 5.25 0 0 1 4.587-1.465.75.75 0 0 0 .25-1.479A6.752 6.752 0 0 0 5.25 21a.75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonCheckmark;

package/src/PersonCheckmarkFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonCheckmarkFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5m0 12A6.75 6.75 0 0 0 5.25 21a.75.75 0 0 0 .75.75h6.657c.214 0 .334-.255.213-.43A4.98 4.98 0 0 1 12 18.5c0-1.438.607-2.735 1.58-3.647.148-.14.098-.394-.1-.439A6.8 6.8 0 0 0 12 14.25m7.53 3.28a.75.75 0 1 0-1.06-1.06l-1.97 1.97-.97-.97a.75.75 0 1 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.06 0z" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonCheckmarkFill;

package/src/PersonCircle.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonCircle = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonCircle;

package/src/PersonCircleFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonCircleFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0m8.861 8.8a.24.24 0 0 1-.087.245 8 8 0 0 1-.933.621c-.159.09-.354-.023-.38-.203a3.75 3.75 0 0 0-7.422 0c-.027.18-.221.294-.38.203a8 8 0 0 1-.933-.621.24.24 0 0 1-.087-.244 5.25 5.25 0 0 1 10.222 0" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonCircleFill;

package/src/PersonCross.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonCross = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 3.75a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5M6.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0M12 15.75A5.25 5.25 0 0 0 6.75 21a.75.75 0 0 1-1.5 0 6.75 6.75 0 0 1 7.875-6.656.75.75 0 0 1-.25 1.48A5 5 0 0 0 12 15.75m7.03.72a.75.75 0 0 1 0 1.06l-.97.97.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97-.97-.97a.75.75 0 1 1 1.06-1.06l.97.97.97-.97a.75.75 0 0 1 1.06 0" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonCross;

package/src/PersonCrossFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonCrossFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M6.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0m.477 8.727a6.75 6.75 0 0 1 6.253-1.813c.198.045.248.3.1.439A4.99 4.99 0 0 0 12 18.5c0 1.046.321 2.017.87 2.82.12.175 0 .43-.213.43H6a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 1.977-4.773m11.803.243a.75.75 0 0 1 0 1.06l-.97.97.97.97a.75.75 0 1 1-1.06 1.06l-.97-.97-.97.97a.75.75 0 1 1-1.06-1.06l.97-.97-.97-.97a.75.75 0 1 1 1.06-1.06l.97.97.97-.97a.75.75 0 0 1 1.06 0" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonCrossFill;

package/src/PersonEnvelope.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonEnvelope = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 3.75a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5M6.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0M12 15.75A5.25 5.25 0 0 0 6.75 21a.75.75 0 0 1-1.5 0 6.75 6.75 0 0 1 7.313-6.726.75.75 0 0 1-.126 1.494A5 5 0 0 0 12 15.75m4.584-1.374a.75.75 0 0 1 .832 0l3 2a.75.75 0 0 1 .334.624v4a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 1 .334-.624zm-1.834 3.838 1.915.957a.75.75 0 0 0 .67 0l1.915-.957v2.036h-4.5zM17 15.9l1.509 1.006-1.509.755-1.509-.755z" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonEnvelope;

package/src/PersonEnvelopeFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonEnvelopeFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5m0 12A6.75 6.75 0 0 0 5.25 21a.75.75 0 0 0 .75.75h5.525c.172 0 .293-.172.262-.341A2.3 2.3 0 0 1 11.75 21v-4a2.25 2.25 0 0 1 1.002-1.872l.517-.345c.18-.12.132-.39-.08-.427A7 7 0 0 0 12 14.25m4.584.126a.75.75 0 0 1 .832 0l2.28 1.52a.25.25 0 0 1-.027.431l-2.557 1.278a.25.25 0 0 1-.224 0l-2.557-1.278a.25.25 0 0 1-.026-.432zm3.804 3.268a.25.25 0 0 1 .362.224V21a.75.75 0 0 1-.75.75h-6a.75.75 0 0 1-.75-.75v-3.132a.25.25 0 0 1 .362-.224l3.053 1.527a.75.75 0 0 0 .67 0z" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonEnvelopeFill;

package/src/PersonFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5m0 12A6.75 6.75 0 0 0 5.25 21a.75.75 0 0 0 .75.75h12a.75.75 0 0 0 .75-.75A6.75 6.75 0 0 0 12 14.25" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonFill;

package/src/PersonGavel.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonGavel = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M12 3.75a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5M6.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0M12 15.75A5.25 5.25 0 0 0 6.75 21a.75.75 0 0 1-1.5 0A6.75 6.75 0 0 1 12 14.25a.75.75 0 0 1 0 1.5m4.47-1.78a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06 0L17 19.56l-2.47 2.47a.75.75 0 1 1-1.06-1.06l2.47-2.47-1.47-1.47a.75.75 0 0 1 0-1.06zm3.47 4.53-.94.94-2.94-2.94.94-.94z" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonGavel;

package/src/PersonGavelFill.tsx

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+import { useId } from "./util/useId";
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const SvgPersonGavelFill = forwardRef(({
+  title,
+  titleId: _titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
+  let titleId: string | undefined = useId();
+  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
+  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M6.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0m.477 8.727a6.75 6.75 0 0 1 6.176-1.83c.187.04.248.27.113.405l-.107.107a2.25 2.25 0 0 0 0 3.182l.232.232a.25.25 0 0 1 0 .354l-1.232 1.232a2.24 2.24 0 0 0-.659 1.562c-.002.15-.117.279-.265.279H6a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 1.977-4.773m9.753 5.475a.028.028 0 1 0 .04.04.028.028 0 0 0-.04-.04M17 19.56l1.47 1.47a.75.75 0 0 0 1.06 0l2-2a.75.75 0 0 0 0-1.061l-4-4a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 0 0 0 1.06l1.47 1.47-2.47 2.47a.75.75 0 1 0 1.06 1.06z" clipRule="evenodd" /></svg>;
+});
+export default SvgPersonGavelFill;