@jis3r/icons 1.0.0

package/dist/icons/vault.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  VaultProps */
+/** @typedef {typeof __propDef.events}  VaultEvents */
+/** @typedef {typeof __propDef.slots}  VaultSlots */
+export default class Vault extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VaultProps = typeof __propDef.props;
+export type VaultEvents = typeof __propDef.events;
+export type VaultSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/vibrate-off.svelte

@@ -0,0 +1,88 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+		setTimeout(() => {
+			isHovered = false;
+		}, 600);
+	}
+</script>
+
+<div class={className} aria-label="vibrate-off" role="img" onmouseenter={handleMouseEnter}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="vibrate-off"
+		class:animate={isHovered}
+	>
+		<path d="m2 8 2 2-2 2 2 2-2 2" />
+		<path d="m22 8-2 2 2 2-2 2 2 2" />
+		<path d="M8 8v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2" />
+		<path d="M16 10.34V6c0-.55-.45-1-1-1h-4.34" />
+		<path d="m2 2 20 20" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.vibrate-off {
+		overflow: visible;
+	}
+
+	.vibrate-off {
+		overflow: visible;
+		transform: translateX(0);
+		transition: transform 0.6s ease-in-out;
+	}
+
+	.vibrate-off.animate {
+		animation: groupShake 0.6s ease-in-out;
+	}
+
+	@keyframes groupShake {
+		0% {
+			transform: translateX(0);
+		}
+		16.67% {
+			transform: translateX(-7%);
+		}
+		33.33% {
+			transform: translateX(7%);
+		}
+		50% {
+			transform: translateX(-7%);
+		}
+		66.67% {
+			transform: translateX(7%);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+</style>

package/dist/icons/vibrate-off.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  VibrateOffProps */
+/** @typedef {typeof __propDef.events}  VibrateOffEvents */
+/** @typedef {typeof __propDef.slots}  VibrateOffSlots */
+export default class VibrateOff extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VibrateOffProps = typeof __propDef.props;
+export type VibrateOffEvents = typeof __propDef.events;
+export type VibrateOffSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/vibrate.svelte

@@ -0,0 +1,81 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+
+		setTimeout(() => {
+			isHovered = false;
+		}, 400);
+	}
+</script>
+
+<div class={className} aria-label="vibrate" role="img" onmouseenter={handleMouseEnter}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	>
+		<path d="m2 8 2 2-2 2 2 2-2 2" />
+		<path d="m22 8-2 2 2 2-2 2 2 2" />
+		<rect width="8" height="14" x="8" y="5" rx="1" class="vibrate-rect" class:animate={isHovered} />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.vibrate-rect {
+		transform: rotate(0deg);
+		transition: transform 0.4s ease;
+	}
+
+	.vibrate-rect.animate {
+		transform-origin: center;
+		animation: vibrate 0.4s ease;
+	}
+
+	@keyframes vibrate {
+		0% {
+			transform: rotate(0deg);
+		}
+		20% {
+			transform: rotate(-5deg);
+		}
+		40% {
+			transform: rotate(5deg);
+		}
+		60% {
+			transform: rotate(-5deg);
+		}
+		80% {
+			transform: rotate(5deg);
+		}
+		100% {
+			transform: rotate(0deg);
+		}
+	}
+</style>

package/dist/icons/vibrate.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  VibrateProps */
+/** @typedef {typeof __propDef.events}  VibrateEvents */
+/** @typedef {typeof __propDef.slots}  VibrateSlots */
+export default class Vibrate extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VibrateProps = typeof __propDef.props;
+export type VibrateEvents = typeof __propDef.events;
+export type VibrateSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/video-off.svelte

@@ -0,0 +1,86 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+		setTimeout(() => {
+			isHovered = false;
+		}, 600);
+	}
+</script>
+
+<div class={className} aria-label="video-off" role="img" onmouseenter={handleMouseEnter}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="video-off"
+		class:animate={isHovered}
+	>
+		<path d="M10.66 6H14a2 2 0 0 1 2 2v2.5l5.248-3.062A.5.5 0 0 1 22 7.87v8.196" />
+		<path d="M16 16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2" />
+		<path d="m2 2 20 20" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.video-off {
+		overflow: visible;
+	}
+
+	.video-off {
+		overflow: visible;
+		transform: translateX(0);
+		transition: transform 0.6s ease-in-out;
+	}
+
+	.video-off.animate {
+		animation: groupShake 0.6s ease-in-out;
+	}
+
+	@keyframes groupShake {
+		0% {
+			transform: translateX(0);
+		}
+		16.67% {
+			transform: translateX(-7%);
+		}
+		33.33% {
+			transform: translateX(7%);
+		}
+		50% {
+			transform: translateX(-7%);
+		}
+		66.67% {
+			transform: translateX(7%);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+</style>

package/dist/icons/video-off.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  VideoOffProps */
+/** @typedef {typeof __propDef.events}  VideoOffEvents */
+/** @typedef {typeof __propDef.slots}  VideoOffSlots */
+export default class VideoOff extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VideoOffProps = typeof __propDef.props;
+export type VideoOffEvents = typeof __propDef.events;
+export type VideoOffSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/volume-off.svelte

@@ -0,0 +1,90 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+		setTimeout(() => {
+			isHovered = false;
+		}, 600);
+	}
+</script>
+
+<div class={className} aria-label="volume-off" role="img" onmouseenter={handleMouseEnter}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="volume-off"
+		class:animate={isHovered}
+	>
+		<path d="M16 9a5 5 0 0 1 .95 2.293" />
+		<path d="M19.364 5.636a9 9 0 0 1 1.889 9.96" />
+		<path d="m2 2 20 20" />
+		<path
+			d="m7 7-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11"
+		/>
+		<path d="M9.828 4.172A.686.686 0 0 1 11 4.657v.686" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.volume-off {
+		overflow: visible;
+	}
+
+	.volume-off {
+		overflow: visible;
+		transform: translateX(0);
+		transition: transform 0.6s ease-in-out;
+	}
+
+	.volume-off.animate {
+		animation: groupShake 0.6s ease-in-out;
+	}
+
+	@keyframes groupShake {
+		0% {
+			transform: translateX(0);
+		}
+		16.67% {
+			transform: translateX(-7%);
+		}
+		33.33% {
+			transform: translateX(7%);
+		}
+		50% {
+			transform: translateX(-7%);
+		}
+		66.67% {
+			transform: translateX(7%);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+</style>

package/dist/icons/volume-off.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  VolumeOffProps */
+/** @typedef {typeof __propDef.events}  VolumeOffEvents */
+/** @typedef {typeof __propDef.slots}  VolumeOffSlots */
+export default class VolumeOff extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VolumeOffProps = typeof __propDef.props;
+export type VolumeOffEvents = typeof __propDef.events;
+export type VolumeOffSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/vote.svelte

@@ -0,0 +1,83 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+
+		setTimeout(() => {
+			isHovered = false;
+		}, 500);
+	}
+</script>
+
+<div class={className} aria-label="vote" role="img" onmouseenter={handleMouseEnter}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="vote-icon"
+		class:animate={isHovered}
+	>
+		<path d="m9 12 2 2 4-4" class="check-path" />
+		<path d="M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z" />
+		<path d="M22 19H2" />
+	</svg>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.vote-icon {
+		overflow: visible;
+	}
+
+	.check-path {
+		stroke-dasharray: 9;
+		stroke-dashoffset: 0;
+		transition:
+			stroke-dashoffset 0.125s ease-out,
+			opacity 0.125s ease-out;
+	}
+
+	.vote-icon.animate .check-path {
+		animation: checkAnimation 0.5s ease-out backwards;
+	}
+
+	@keyframes checkAnimation {
+		0% {
+			stroke-dashoffset: 9;
+			opacity: 0;
+		}
+		33% {
+			stroke-dashoffset: 9;
+			opacity: 0;
+		}
+		100% {
+			stroke-dashoffset: 0;
+			opacity: 1;
+		}
+	}
+</style>

package/dist/icons/vote.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  VoteProps */
+/** @typedef {typeof __propDef.events}  VoteEvents */
+/** @typedef {typeof __propDef.slots}  VoteSlots */
+export default class Vote extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type VoteProps = typeof __propDef.props;
+export type VoteEvents = typeof __propDef.events;
+export type VoteSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/icons/washing-machine.svelte

@@ -0,0 +1,71 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color]
+	 * @property {number} [size]
+	 * @property {number} [strokeWidth]
+	 * @property {boolean} [isHovered]
+	 * @property {string} [class]
+	 */
+
+	/** @type {Props} */
+	let {
+		color = 'currentColor',
+		size = 24,
+		strokeWidth = 2,
+		isHovered = false,
+		class: className = ''
+	} = $props();
+
+	function handleMouseEnter() {
+		isHovered = true;
+
+		setTimeout(() => {
+			isHovered = false;
+		}, 3000);
+	}
+</script>
+
+<div class={className} aria-label="washing-machine" role="img" onmouseenter={handleMouseEnter}>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		class="washing-machine-icon"
+		><path d="M3 6h3" /><path d="M17 6h.01" /><rect width="18" height="20" x="3" y="2" rx="2" /><g
+			class="drum"
+			class:animate={isHovered}
+		>
+			<circle cx="12" cy="13" r="5" /><path d="M12 18a2.5 2.5 0 0 0 0-5 2.5 2.5 0 0 1 0-5" /></g
+		></svg
+	>
+</div>
+
+<style>
+	div {
+		display: inline-block;
+	}
+	.drum {
+		transform-origin: center 13px;
+		transition: transform 1s ease-in-out;
+	}
+
+	.drum.animate {
+		animation: rotate-drum 3s ease-in-out;
+	}
+
+	@keyframes rotate-drum {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(-1080deg);
+		}
+	}
+</style>

package/dist/icons/washing-machine.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  WashingMachineProps */
+/** @typedef {typeof __propDef.events}  WashingMachineEvents */
+/** @typedef {typeof __propDef.slots}  WashingMachineSlots */
+export default class WashingMachine extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type WashingMachineProps = typeof __propDef.props;
+export type WashingMachineEvents = typeof __propDef.events;
+export type WashingMachineSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};