@mmg-dev/webpipeline-icons-astro 1.0.0

package/src/components/IconGeneralCircle.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-general-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"/>
+</svg>

package/src/components/IconGeneralCopy.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-general-copy', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M15.727 2H4.818C3.818 2 3 2.818 3 3.818v12.728h1.818V3.818h10.91zm2.727 3.636h-10c-1 0-1.818.819-1.818 1.819v12.727c0 1 .819 1.818 1.819 1.818h10c1 0 1.818-.818 1.818-1.818V7.455c0-1-.819-1.819-1.819-1.819m0 14.546h-10V7.455h10z"/>
+</svg>

package/src/components/IconGeneralDash.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-general-dash', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M3.25 13.429C2.56 13.429 2 12.789 2 12s.56-1.429 1.25-1.429h17.5c.69 0 1.25.64 1.25 1.429s-.56 1.429-1.25 1.429z"/>
+</svg>

package/src/components/IconGeneralDownload.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-general-download', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M12 2c-.614 0-1.111.497-1.111 1.111V13.7L6.202 9.007a1.16 1.16 0 0 0-1.64 0 1.16 1.16 0 0 0 0 1.642l6.56 6.567c.241.241.562.354.878.338.316.016.637-.097.878-.338l6.56-6.568a1.16 1.16 0 0 0 0-1.641 1.16 1.16 0 0 0-1.64 0l-4.687 4.692V3.11C13.111 2.497 12.614 2 12 2M4.222 20.889c0-.614.498-1.111 1.111-1.111h13.334a1.111 1.111 0 1 1 0 2.222H5.333a1.11 1.11 0 0 1-1.11-1.111"/>
+</svg>

package/src/components/IconGeneralDownloadCompleted.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-general-download-completed', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M2 20.667c0-.737.597-1.334 1.333-1.334h16a1.333 1.333 0 0 1 0 2.667h-16A1.333 1.333 0 0 1 2 20.667"/>
+	<path fill-rule="evenodd" d="M3.724 7.724c.52-.52 1.365-.52 1.885 0l5.334 5.333a1.333 1.333 0 1 1-1.886 1.886L3.724 9.609a1.333 1.333 0 0 1 0-1.885" clip-rule="evenodd"/>
+	<path fill-rule="evenodd" d="M21.61 2.39c.52.521.52 1.365 0 1.886L16.276 9.61l-5.333 5.334a1.333 1.333 0 1 1-1.886-1.886L19.724 2.391c.52-.521 1.365-.521 1.886 0" clip-rule="evenodd"/>
+</svg>

package/src/components/IconGeneralEdit.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-general-edit', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M16.786 3.26a1.25 1.25 0 0 1 1.73.051l3.109 3.109q.024.022.046.048a1.25 1.25 0 0 1-.092 1.78L7.841 20.738c-.23.209-.53.325-.841.325H3.25a1.25 1.25 0 0 1-1.186-1.646l1.25-3.75a1.25 1.25 0 0 1 .347-.531zm.796 2.652 1.357 1.357-1.422 1.293-1.36-1.36zM14.3 8.881l-8.719 7.888-.598 1.794h1.533l9.148-8.317z" clip-rule="evenodd"/>
+</svg>

package/src/components/IconGeneralInfo.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-general-info', 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="M11 12a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0zM11 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0"/>
+</svg>

package/src/components/IconGeneralLink.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-general-link', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M18.46 3.26a4.3 4.3 0 0 0-6.08 0L7.82 7.82a4.3 4.3 0 0 0 6.08 6.08l.54-.54s-.243-.683-.54-.98-.98-.54-.98-.54l-.54.54a2.15 2.15 0 1 1-3.04-3.04l4.56-4.56a2.15 2.15 0 0 1 3.04 3.04l-.76.76s.526.342.858.674.662.846.662.846l.76-.76a4.3 4.3 0 0 0 0-6.08"/>
+	<path d="M16.18 10.1a4.3 4.3 0 0 0-6.08 0l-.582.582s.288.644.585.94c.297.298.935.58.935.58l.582-.582a2.15 2.15 0 1 1 3.04 3.04l-4.56 4.56a2.15 2.15 0 0 1-3.04-3.04l.837-.837s-.54-.386-.837-.683-.683-.837-.683-.837l-.838.837a4.3 4.3 0 0 0 6.08 6.08l4.561-4.56a4.3 4.3 0 0 0 0-6.08"/>
+</svg>

package/src/components/IconGeneralLinkBroken.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-general-link-broken', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M14.539 18.272a1 1 0 0 1 .84.727l.51 1.79a1 1 0 0 1-.357 1.058 1 1 0 0 1-.352.173q-.13.015-.26 0a1 1 0 0 1-1-.74l-.47-1.76a1 1 0 0 1 1.089-1.248M18.13 17.19c.253-.01.499.076.69.24l1.29 1.29a1 1 0 0 1 0 1.41 1 1 0 0 1-1.41 0l-1.29-1.29a1.002 1.002 0 0 1 .72-1.65M9.866 11.287 6.11 15.043c-.71.71-.652 1.919.13 2.7.78.78 1.99.838 2.7.129l3.755-3.757 1.414 1.414-3.756 3.757c-1.42 1.42-3.838 1.305-5.4-.257s-1.677-3.98-.257-5.4l3.757-3.757zM19.094 13.398c.137-.011.276.007.406.052l1.78.4a1.01 1.01 0 0 1-.26 2h-.26L19 15.38a1.003 1.003 0 0 1-.795-1.236 1 1 0 0 1 .889-.746M13.694 4.63c1.42-1.42 3.839-1.306 5.4.256 1.563 1.562 1.677 3.98.258 5.4l-3.83 3.829-1.414-1.414 3.83-3.829c.71-.71.652-1.919-.13-2.7-.78-.78-1.99-.838-2.7-.128L11.28 9.872 9.866 8.458zM2.863 8.112a1 1 0 0 1 .397.038l1.76.44a1.008 1.008 0 0 1-.26 2 .8.8 0 0 1-.26-.04l-1.76-.47a1 1 0 0 1 .123-1.968M4.611 3.65a1 1 0 0 1 .689.24l1.29 1.29a1 1 0 0 1 0 1.41 1 1 0 0 1-1.41 0L3.89 5.3a1 1 0 0 1 .721-1.65M9.273 1.997a1 1 0 0 1 .837.763l.47 1.76a1 1 0 0 1-.7 1.22.8.8 0 0 1-.26 0 1 1 0 0 1-1-.74l-.44-1.72a1 1 0 0 1 1.093-1.283"/>
+</svg>

package/src/components/IconGeneralPause.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-general-pause', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M7 2C5.62 2 4.5 3.28 4.5 4.857v14.286C4.5 20.72 5.62 22 7 22s2.5-1.28 2.5-2.857V4.857C9.5 3.28 8.38 2 7 2M17 2c-1.38 0-2.5 1.28-2.5 2.857v14.286C14.5 20.72 15.62 22 17 22s2.5-1.28 2.5-2.857V4.857C19.5 3.28 18.38 2 17 2"/>
+</svg>

package/src/components/IconGeneralPauseCircle.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-general-pause-circle', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M9 9a1 1 0 0 1 2 0v6a1 1 0 1 1-2 0zm5-1a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1" clip-rule="evenodd"/>
+</svg>

package/src/components/IconGeneralPicture.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-general-picture', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M2 8a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm3-1a1 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 fill-rule="evenodd" d="M15.99 9a1 1 0 0 1 .778.36l5 6a1 1 0 1 1-1.536 1.28l-4.216-5.059-3.235 4.044a1 1 0 0 1-1.381.175l-3.306-2.48-3.387 3.387a1 1 0 0 1-1.414-1.414l4-4A1 1 0 0 1 8.6 11.2l3.225 2.419 3.394-4.244A1 1 0 0 1 15.99 9" clip-rule="evenodd"/>
+</svg>

package/src/components/IconGeneralPlay.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-general-play', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M2.625 20.4V3.6c0-1.233 1.425-2.001 2.56-1.38l15.346 8.4c1.126.617 1.126 2.143 0 2.76l-15.346 8.4c-1.135.621-2.56-.147-2.56-1.38"/>
+</svg>

package/src/components/IconGeneralPlayCircle.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-general-play-circle', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M12 21c5.523 0 10-4.477 10-10S17.523 1 12 1 2 5.477 2 11s4.477 10 10 10M10.513 7.145A1 1 0 0 0 9 8.003v5.994a1 1 0 0 0 1.513.858l4.997-2.988a1.01 1.01 0 0 0 0-1.734z" clip-rule="evenodd"/>
+</svg>

package/src/components/IconGeneralPlus.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-general-plus', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M12 2c-.69 0-1.25.56-1.25 1.25v7.5h-7.5a1.25 1.25 0 1 0 0 2.5h7.5v7.5a1.25 1.25 0 1 0 2.5 0v-7.5h7.5a1.25 1.25 0 1 0 0-2.5h-7.5v-7.5C13.25 2.56 12.69 2 12 2"/>
+</svg>

package/src/components/IconGeneralPrint.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-general-print', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M6 3v5H3a1 1 0 0 0-1 1v4.5c0 2.102.936 3.308 1.996 3.926A4.3 4.3 0 0 0 5.973 18h.025S6 18 6 17v3a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3l.001 1h.029l.048-.002.146-.01a4.067 4.067 0 0 0 1.831-.656C21.117 16.624 22 15.292 22 13V9a1 1 0 0 0-1-1h-3V3zm10 2H8v2h8zm2 11 .034-.003a2.066 2.066 0 0 0 .911-.329C19.383 15.376 20 14.708 20 13v-3H4v3.5c0 1.398.564 1.942 1.004 2.199a2.3 2.3 0 0 0 .95.298L6 16v-3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1zM8 14v5h8v-5z" clip-rule="evenodd"/>
+</svg>

package/src/components/IconGeneralReload.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-general-reload', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M7.5 18.5C8.857 19.561 10.143 20 12 20a8 8 0 0 0 7.938-7h1.194a1 1 0 0 0 .831-1.555l-2.131-3.197a1 1 0 0 0-1.664 0l-2.131 3.197A1 1 0 0 0 16.869 13h1.048a6.002 6.002 0 0 1-8.918 4.197zM15.001 6.803A6.002 6.002 0 0 0 6.083 11H7.13a1 1 0 0 1 .833 1.555l-2.132 3.197a1 1 0 0 1-1.664 0l-2.132-3.197A1 1 0 0 1 2.87 11h1.193A8 8 0 0 1 12 4c1.857 0 3.143.439 4.5 1.5z"/>
+</svg>

package/src/components/IconGeneralReplay.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-general-replay', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path d="M11.388 2.187a1.103 1.103 0 0 1 1.715.918v1.318a8.824 8.824 0 1 1-9.927 8.753 1.103 1.103 0 0 1 2.206 0 6.618 6.618 0 1 0 7.72-6.525v1.156c0 .88-.98 1.406-1.714.917L7.862 6.373a1.103 1.103 0 0 1 0-1.836z"/>
+</svg>

package/src/components/IconGeneralSearch.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-general-search', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M14.387 15.952a7.747 7.747 0 1 1 1.565-1.565l5.724 5.724a1.107 1.107 0 1 1-1.565 1.565zm.894-6.205a5.534 5.534 0 1 1-11.067 0 5.534 5.534 0 0 1 11.067 0" clip-rule="evenodd"/>
+</svg>

package/src/components/IconGeneralSettings.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-general-settings', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M10.125 3.25c0-.69.56-1.25 1.25-1.25h1.25c.69 0 1.25.56 1.25 1.25l.15 1.05a1.25 1.25 0 0 0 1.987.824l.85-.637a1.25 1.25 0 0 1 1.767 0l.884.884a1.25 1.25 0 0 1 0 1.768l-.637.848a1.25 1.25 0 0 0 .824 1.988l1.05.15c.69 0 1.25.56 1.25 1.25v1.25c0 .69-.56 1.25-1.25 1.25l-1.05.15a1.25 1.25 0 0 0-.824 1.987l.637.85a1.25 1.25 0 0 1 0 1.767l-.884.884a1.25 1.25 0 0 1-1.768 0l-.849-.637a1.25 1.25 0 0 0-1.987.824l-.15 1.05c0 .69-.56 1.25-1.25 1.25h-1.25c-.69 0-1.25-.56-1.25-1.25l-.15-1.05a1.25 1.25 0 0 0-1.987-.824l-.85.637a1.25 1.25 0 0 1-1.767 0l-.884-.884a1.25 1.25 0 0 1 0-1.768l.637-.849a1.25 1.25 0 0 0-.824-1.987l-1.05-.15c-.69 0-1.25-.56-1.25-1.25v-1.25c0-.69.56-1.25 1.25-1.25l1.05-.15a1.25 1.25 0 0 0 .824-1.987l-.637-.85a1.25 1.25 0 0 1 0-1.767l.884-.884a1.25 1.25 0 0 1 1.768 0l.848.637A1.25 1.25 0 0 0 9.976 4.3zM12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10" clip-rule="evenodd"/>
+	<path d="M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/>
+</svg>

package/src/components/IconGeneralShare.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-general-share', className]}
+	{...props}
+>
+	{title && <title>{title}</title>}
+	<path fill-rule="evenodd" d="M18.111 8.667a3.333 3.333 0 1 0-3.303-2.885L8.174 9.573a3.333 3.333 0 1 0-.058 4.907l6.718 4.799a3.334 3.334 0 1 0 .463-2.4L9.183 12.51a3.4 3.4 0 0 0 .01-.96l6.633-3.79c.597.561 1.4.906 2.285.906M17 18.677v-.019a1.111 1.111 0 1 1 0 .018m1.111-12.233a1.111 1.111 0 1 0 0-2.222 1.111 1.111 0 0 0 0 2.222M7 12a1.111 1.111 0 1 1-2.222 0A1.111 1.111 0 0 1 7 12" clip-rule="evenodd"/>
+</svg>