@mmg-dev/webpipeline-icons-astro 1.0.0

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@mmg-dev/webpipeline-icons-astro",
+  "version": "1.0.0",
+  "description": "Webpipeline Icons — Astro components",
+  "license": "UNLICENSED",
+  "type": "module",
+  "main": "src/components/index.ts",
+  "types": "src/components/index.ts",
+  "exports": {
+    ".": {
+      "types": "./src/components/index.ts",
+      "default": "./src/components/index.ts"
+    },
+    "./*": "./src/components/*.astro"
+  },
+  "files": [
+    "src/components/"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "astro": ">=6.0"
+  },
+  "devDependencies": {
+    "@astrojs/solid-js": "^6.0.1",
+    "astro": "^6.0.6",
+    "sass": "^1.98.0",
+    "solid-js": "^1.9.11"
+  },
+  "scripts": {
+    "dev": "astro dev"
+  }
+}

package/src/components/IconAlertAlert.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-alert', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M12 2c.495 0 .982.132 1.414.384a2.93 2.93 0 0 1 1.05 1.053l.003.004 8.138 14.069.008.013a3.07 3.07 0 0 1 .008 2.971c-.25.453-.608.83-1.042 1.094a2.8 2.8 0 0 1-1.43.412H3.85a2.8 2.8 0 0 1-1.43-.412 2.94 2.94 0 0 1-1.043-1.094 3.07 3.07 0 0 1 .009-2.97l.008-.014L9.307 3.832l.228-.395c.257-.439.62-.802 1.05-1.053A2.8 2.8 0 0 1 12 2m0 1.99a.94.94 0 0 0-.472.128 1 1 0 0 0-.348.349L3.047 18.524a1.02 1.02 0 0 0 0 .985c.084.15.204.276.349.364a.94.94 0 0 0 .471.138h16.265a.94.94 0 0 0 .473-.138 1 1 0 0 0 .347-.364 1.02 1.02 0 0 0 0-.985L12.822 4.47l-.002-.002s-.206-.265-.35-.349A.94.94 0 0 0 12 3.99m0 12.041c.53 0 .96.445.96.994 0 .55-.43.995-.96.995s-.96-.445-.96-.995c0-.549.43-.994.96-.994m0-7.96c.53 0 .96.446.96.995v4.975c0 .55-.43.995-.96.995s-.96-.445-.96-.995V9.066c0-.549.43-.995.96-.995"/>
+</svg>

package/src/components/IconAlertCancelCircle.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-cancel-circle', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0" clip-rule="evenodd"/>
+	<path d="M8.223 8.223a.763.763 0 0 0 0 1.08L10.921 12l-2.698 2.698a.763.763 0 1 0 1.08 1.079L12 13.079l2.698 2.698a.763.763 0 1 0 1.079-1.08L13.079 12l2.698-2.698a.763.763 0 1 0-1.08-1.079L12 10.921 9.302 8.223a.763.763 0 0 0-1.079 0"/>
+</svg>

package/src/components/IconAlertCancelCircleFilled.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-cancel-circle-filled', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m3.776 6.224a.763.763 0 0 0-1.079 0L12 10.92 9.303 8.224a.763.763 0 0 0-1.08 1.079L10.922 12l-2.697 2.697a.763.763 0 0 0 1.079 1.08L12 13.078l2.697 2.697a.763.763 0 0 0 1.08-1.079L13.078 12l2.697-2.697a.763.763 0 0 0 0-1.08" clip-rule="evenodd"/>
+</svg>

package/src/components/IconAlertLightning.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-lightning', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M14.707 4.293a1 1 0 0 1 0 1.414L10.414 10H16a1 1 0 0 1 .707 1.707l-8 8a1 1 0 0 1-1.414-1.414L13.586 12H8a1 1 0 0 1-.707-1.707l6-6a1 1 0 0 1 1.414 0" clip-rule="evenodd"/>
+	<path fill-rule="evenodd" d="M8 15a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1" clip-rule="evenodd"/>
+</svg>

package/src/components/IconAlertNotification.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-notification', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M14 19a2 2 0 1 1-4 0zM12 3a2 2 0 0 1 2 2v.342c2.33.824 4 3.046 4 5.658v5h1a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2h1v-5a6 6 0 0 1 4-5.658V5a2 2 0 0 1 2-2m0 4a4 4 0 0 0-4 4v5h8v-5a4 4 0 0 0-4-4"/>
+</svg>

package/src/components/IconAlertNotificationsOff.astro

@@ -0,0 +1,33 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-notifications-off', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M14 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/>
+	<path fill-rule="evenodd" d="M8.618 9.148C8.057 10.44 8 12.007 8 13a1 1 0 1 1-2 0c0-1.007.043-2.941.782-4.648.377-.869.951-1.72 1.827-2.35C9.493 5.363 10.617 5 12 5c.897 0 1.69.153 2.383.44a1 1 0 1 1-.766 1.848C13.196 7.113 12.667 7 12 7c-1.017 0-1.719.261-2.222.624-.511.369-.887.893-1.16 1.524M16.923 11a1 1 0 0 1 1.052.946c.021.402.025.762.025 1.053v4a1 1 0 0 1-1 1h-5a1 1 0 1 1 0-2h4v-3c0-.272-.004-.593-.023-.947a1 1 0 0 1 .946-1.052M19.735 5.322a1 1 0 0 1-.057 1.413l-13 12a1 1 0 0 1-1.356-1.47l13-12a1 1 0 0 1 1.413.057" clip-rule="evenodd"/>
+	<path d="M10 19a2 2 0 1 0 4 0z"/>
+	<path fill-rule="evenodd" d="M10 17a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1" clip-rule="evenodd"/>
+</svg>

package/src/components/IconAlertStop.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-stop', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12" clip-rule="evenodd"/>
+	<path fill-rule="evenodd" d="M4.929 19.071a1 1 0 0 1 0-1.414L17.657 4.929a1 1 0 1 1 1.414 1.414L6.343 19.071a1 1 0 0 1-1.414 0" clip-rule="evenodd"/>
+</svg>

package/src/components/IconAlertVideoDisabled.astro

@@ -0,0 +1,32 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-alert-video-disabled', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12" clip-rule="evenodd"/>
+	<path fill-rule="evenodd" d="M4.929 19.071a1 1 0 0 1 0-1.414L17.657 4.929a1 1 0 1 1 1.414 1.414L6.343 19.071a1 1 0 0 1-1.414 0" clip-rule="evenodd"/>
+	<path d="M8 17.04V6.96c0-.74.836-1.2 1.502-.828l9.003 5.04a.94.94 0 0 1 0 1.656l-9.003 5.04C8.836 18.241 8 17.78 8 17.04"/>
+</svg>

package/src/components/IconBusinessBill.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-bill', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M9.5 10.462H12a1 1 0 0 0 1-.996 1.002 1.002 0 0 0-1-.996h-1v-.498a1.002 1.002 0 0 0-2 0v.548a2.5 2.5 0 0 0-1.515.963 2.483 2.483 0 0 0 .337 3.325c.46.414 1.058.643 1.678.642h1a.5.5 0 0 1 .5.498.497.497 0 0 1-.5.498H8a1 1 0 0 0-1 .996.994.994 0 0 0 1 .996h1v.498a.994.994 0 0 0 1 .996 1 1 0 0 0 1-.996v-.548a2.5 2.5 0 0 0 1.515-.963 2.483 2.483 0 0 0-.337-3.325 2.5 2.5 0 0 0-1.678-.642h-1a.5.5 0 0 1-.5-.498.497.497 0 0 1 .5-.498M21 11.956h-3V2.992a.99.99 0 0 0-.5-.867 1 1 0 0 0-1 0l-3 1.714-3-1.714a1 1 0 0 0-1 0l-3 1.714-3-1.714a1.003 1.003 0 0 0-1.367.367 1 1 0 0 0-.133.5v15.936c0 .793.316 1.552.879 2.113s1.325.875 2.121.875h14c.796 0 1.559-.315 2.121-.875S22 19.72 22 18.928v-5.976a1.002 1.002 0 0 0-1-.996M5 19.924a1 1 0 0 1-1-.996V4.715L6 5.85a1.08 1.08 0 0 0 1 0l3-1.713 3 1.713a1.08 1.08 0 0 0 1 0l2-1.135v14.213c.003.34.064.677.18.996zm15-.996a1.002 1.002 0 0 1-2 0v-4.98h2z"/>
+</svg>

package/src/components/IconBusinessBriefcase.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-briefcase', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M20 6h-3V4c0-1.103-.897-2-2-2H9c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v11c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2m-4 2v11H8V8zm-1-4v2H9V4zM4 8h2v11H4zm14 11V8h2l.001 11z"/>
+</svg>

package/src/components/IconBusinessCard.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-card', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M4 5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm1 2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1z" clip-rule="evenodd"/>
+	<path d="M2 9h20v2H2zM6 14h6v1H6z"/>
+</svg>

package/src/components/IconBusinessCards.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-cards', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M4 8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm1 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z" clip-rule="evenodd"/>
+	<path d="M6 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1v-2a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1H6zM6 12h6v2H6z"/>
+</svg>

package/src/components/IconBusinessCrown.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-crown', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="m21.747 9.407-3.809.716-5.062-7.671c-.397-.603-1.354-.603-1.752 0l-5.062 7.671-3.809-.716a1.04 1.04 0 0 0-.978.349 1.15 1.15 0 0 0-.234 1.052L3.88 21.193c.13.477.548.807 1.023.807h14.194c.475 0 .893-.33 1.023-.807l2.84-10.385c.1-.37.012-.768-.235-1.052a1.04 1.04 0 0 0-.978-.35m-3.453 10.368H5.706l-2.149-7.862 2.803.527c.414.075.828-.104 1.065-.463L12 5.043l4.575 6.934c.238.36.651.539 1.065.463l2.803-.527z"/>
+</svg>

package/src/components/IconBusinessFee.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-fee', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M2 7v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3m3 11a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM16.666 8a1 1 0 0 0-2 0v.157a2.111 2.111 0 0 0 .444 4.174h1.114a.11.11 0 0 1 0 .22h-1.946a1 1 0 1 0 0 2h.388v.11a1 1 0 1 0 2 0v-.156a2.111 2.111 0 0 0-.442-4.174H15.11a.11.11 0 0 1 0-.22h1.946a1 1 0 0 0 0-2h-.39zM5 13a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1m1 2a1 1 0 1 0 0 2h5.5a1 1 0 1 0 0-2z" clip-rule="evenodd"/>
+</svg>

package/src/components/IconBusinessGraph.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-graph', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M21.6 5.2a1 1 0 0 1 .2 1.4l-6 8a1 1 0 0 1-1.355.232l-5.213-3.475L3.8 18.6a1 1 0 1 1-1.6-1.2l6-8a1 1 0 0 1 1.355-.232l5.213 3.475L20.2 5.4a1 1 0 0 1 1.4-.2" clip-rule="evenodd"/>
+</svg>

package/src/components/IconBusinessGraph2.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-graph-2', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M2 3a1 1 0 0 1 2 0v17h17a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1z"/>
+	<path d="M20 5a1 1 0 1 0-2 0c0 3.729-1.388 6.452-3.414 8.253C12.54 15.07 9.786 16 7 16a1 1 0 1 0 0 2c3.213 0 6.459-1.07 8.914-3.253C18.388 12.548 20 9.271 20 5"/>
+</svg>

package/src/components/IconBusinessGraph3.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-graph-3', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M3 2a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 1 0 0-2H4V3a1 1 0 0 0-1-1"/>
+	<path d="M6 13a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM11 8a1 1 0 0 0-1 1v8a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1M14 5a1 1 0 1 1 2 0v12a1 1 0 1 1-2 0zM19 10a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0v-6a1 1 0 0 0-1-1"/>
+</svg>

package/src/components/IconBusinessHandshake.astro

@@ -0,0 +1,30 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-handshake', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M18.628 2.76a3.42 3.42 0 0 0-4.15-.544L11.786 3.79l-.178.18L9.66 2.552a3.404 3.404 0 0 0-4.436.356l-2.706 2.72c-2.357 2.37-2.357 6.226 0 8.596l7.302 7.342a2.32 2.32 0 0 0 1.648.683 2.26 2.26 0 0 0 2.093-1.382 2.28 2.28 0 0 0 2.626-1.32 2.28 2.28 0 0 0 2.095-.556c.23-.22.41-.479.531-.764a2.28 2.28 0 0 0 2.095-.556c.452-.43.706-1.013.714-1.638a2.3 2.3 0 0 0-.491-1.456l.35-.352c2.358-2.37 2.358-6.226 0-8.597zm-3.25 1.008a1.636 1.636 0 0 1 1.984.26l2.854 2.87a4.307 4.307 0 0 1 0 6.059l-.338.34-6.805-6.842-2.758 2.773a.516.516 0 0 1-.714.03.5.5 0 0 1-.157-.358.5.5 0 0 1 .147-.363l3.295-3.314zM3.784 6.898l2.706-2.72a1.63 1.63 0 0 1 2.121-.171l1.717 1.248-2.003 2.013a2.29 2.29 0 0 0-.669 1.656c.009.625.263 1.208.715 1.638.894.85 2.332.817 3.21-.065l1.492-1.5 6.615 6.65a.5.5 0 0 1 .146.363.5.5 0 0 1-.157.359c-.186.177-.508.176-.714-.031l-5.089-5.117-1.264 1.27 4.452 4.476a.5.5 0 0 1 .146.363.5.5 0 0 1-.157.359.516.516 0 0 1-.714-.03l-4.436-4.461-1.25 1.306 3.785 3.784a.5.5 0 0 1 .146.362.5.5 0 0 1-.157.36.516.516 0 0 1-.714-.032l-3.783-3.803-1.273 1.38 3.071 3.12.001.001.074.073c.047.045.08.078.112.118.035.046.044.075.043.103a.5.5 0 0 1-.157.36.46.46 0 0 1-.311.14.44.44 0 0 1-.31-.146l-7.394-7.5c-1.662-1.67-1.662-4.256 0-5.926" clip-rule="evenodd"/>
+</svg>

package/src/components/IconBusinessPercent.astro

@@ -0,0 +1,31 @@
+---
+interface Props {
+	size?: number;
+	width?: number;
+	height?: number;
+	title?: string;
+	class?: string;
+	'aria-label'?: string;
+	[key: string]: unknown;
+}
+
+const { size = 24, width, height, title, class: className, 'aria-label': ariaLabel, ...props } = Astro.props;
+const hasLabel = !!title || !!ariaLabel;
+---
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="currentColor"
+	width={width ?? size}
+	height={height ?? size}
+	viewBox="0 0 24 24"
+	aria-hidden={hasLabel ? undefined : true}
+	aria-label={ariaLabel}
+	role={hasLabel ? 'img' : undefined}
+	class:list={['icon-business-percent', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6M6 7a1 1 0 1 0 2 0 1 1 0 0 0-2 0M17 20a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-1-3a1 1 0 1 0 2 0 1 1 0 0 0-2 0" clip-rule="evenodd"/>
+	<path d="m7.707 17.707 10-10a1 1 0 0 0-1.414-1.414l-10 10a1 1 0 1 0 1.414 1.414"/>
+</svg>