Skip to content

Commit

Permalink
Icons, Menu, and Lightswitch
Browse files Browse the repository at this point in the history
  • Loading branch information
@oddevan
oddevan committed May 12, 2024
1 parent 6ab4fbb commit cd80477
Show file tree
Hide file tree
Showing 35 changed files with 640 additions and 6 deletions.
13 changes: 13 additions & 0 deletions src/lib/Icons/AddMedia.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd" d="M5.625 1.5H9a3.75 3.75 0 013.75 3.75v1.875c0 1.036.84 1.875 1.875 1.875H16.5a3.75 3.75 0 013.75 3.75v7.875c0 1.035-.84 1.875-1.875 1.875H5.625a1.875 1.875 0 01-1.875-1.875V3.375c0-1.036.84-1.875 1.875-1.875zM12.75 12a.75.75 0 00-1.5 0v2.25H9a.75.75 0 000 1.5h2.25V18a.75.75 0 001.5 0v-2.25H15a.75.75 0 000-1.5h-2.25V12z" clip-rule="evenodd" />
<path d="M14.25 5.25a5.23 5.23 0 00-1.279-3.434 9.768 9.768 0 016.963 6.963A5.23 5.23 0 0016.5 7.5h-1.875a.375.375 0 01-.375-.375V5.25z" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
21 changes: 21 additions & 0 deletions src/lib/Icons/Alert.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z"
clip-rule="evenodd"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
16 changes: 16 additions & 0 deletions src/lib/Icons/ArrowOut.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path
fill-rule="evenodd"
d="M15.75 2.25H21a.75.75 0 01.75.75v5.25a.75.75 0 01-1.5 0V4.81L8.03 17.03a.75.75 0 01-1.06-1.06L19.19 3.75h-3.44a.75.75 0 010-1.5zm-10.5 4.5a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h10.5a1.5 1.5 0 001.5-1.5V10.5a.75.75 0 011.5 0v8.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V8.25a3 3 0 013-3h8.25a.75.75 0 010 1.5H5.25z"
clip-rule="evenodd"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
48 changes: 48 additions & 0 deletions src/lib/Icons/BaseIcon.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<script lang="ts">
export type IconSize = 'small'|'medium'|'large'|'xlarge';
export interface IconProps {
alt?: string,
size?: IconSize,
};
let { alt, size }: IconProps = $props();
let spanProps: Record<string, string> = { class: size ?? 'medium' };
if (alt) {
spanProps['aria-label'] = alt;
} else {
spanProps['aria-hidden'] = 'true';
}
</script>

<style lang="postcss">
span {
display: block;
&.small {
width: 1em;
height: 1em;
}
&.medium {
width: 1.5em;
height: 1.5em;
}
&.large {
width: 2em;
height: 2em;
}
&.xlarge {
width: 2.5em;
height: 2.5em;
}
:global(svg) {
width: 100%;
height: 100%;
}
}
</style>

<span {...spanProps}>
<slot />
</span>
12 changes: 12 additions & 0 deletions src/lib/Icons/Check.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z" clip-rule="evenodd" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
26 changes: 26 additions & 0 deletions src/lib/Icons/Content.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M7.502 6h7.128A3.375 3.375 0 0118 9.375v9.375a3 3 0 003-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 00-.673-.05A3 3 0 0015 1.5h-1.5a3 3 0 00-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6zM13.5 3A1.5 1.5 0 0012 4.5h4.5A1.5 1.5 0 0015 3h-1.5z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 013 20.625V9.375zM6 12a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V12zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75zM6 15a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V15zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75zM6 18a.75.75 0 01.75-.75h.008a.75.75 0 01.75.75v.008a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V18zm2.25 0a.75.75 0 01.75-.75h3.75a.75.75 0 010 1.5H9a.75.75 0 01-.75-.75z"
clip-rule="evenodd"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
14 changes: 14 additions & 0 deletions src/lib/Icons/Create.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd" d="M5.625 1.5H9a3.75 3.75 0 013.75 3.75v1.875c0 1.036.84 1.875 1.875 1.875H16.5a3.75 3.75 0 013.75 3.75v7.875c0 1.035-.84 1.875-1.875 1.875H5.625a1.875 1.875 0 01-1.875-1.875V3.375c0-1.036.84-1.875 1.875-1.875zM12.75 12a.75.75 0 00-1.5 0v2.25H9a.75.75 0 000 1.5h2.25V18a.75.75 0 001.5 0v-2.25H15a.75.75 0 000-1.5h-2.25V12z" clip-rule="evenodd" />
<path d="M14.25 5.25a5.23 5.23 0 00-1.279-3.434 9.768 9.768 0 016.963 6.963A5.23 5.23 0 0016.5 7.5h-1.875a.375.375 0 01-.375-.375V5.25z" />
</svg>

<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
12 changes: 12 additions & 0 deletions src/lib/Icons/Cross.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
12 changes: 12 additions & 0 deletions src/lib/Icons/Edit.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path d="M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
17 changes: 17 additions & 0 deletions src/lib/Icons/Home.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path
d="M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 101.06-1.06l-8.689-8.69a2.25 2.25 0 00-3.182 0l-8.69 8.69a.75.75 0 001.061 1.06l8.69-8.69z"
/>
<path
d="M12 5.432l8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-.75-.75h-3a.75.75 0 00-.75.75V21a.75.75 0 01-.75.75H5.625a1.875 1.875 0 01-1.875-1.875v-6.198a2.29 2.29 0 00.091-.086L12 5.43z"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
24 changes: 24 additions & 0 deletions src/lib/Icons/Inbox.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M1.5 9.832v1.793c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875V9.832a3 3 0 00-.722-1.952l-3.285-3.832A3 3 0 0016.215 3h-8.43a3 3 0 00-2.278 1.048L2.222 7.88A3 3 0 001.5 9.832zM7.785 4.5a1.5 1.5 0 00-1.139.524L3.881 8.25h3.165a3 3 0 012.496 1.336l.164.246a1.5 1.5 0 001.248.668h2.092a1.5 1.5 0 001.248-.668l.164-.246a3 3 0 012.496-1.336h3.165l-2.765-3.226a1.5 1.5 0 00-1.139-.524h-8.43z"
clip-rule="evenodd"
/>
<path
d="M2.813 15c-.725 0-1.313.588-1.313 1.313V18a3 3 0 003 3h15a3 3 0 003-3v-1.688c0-.724-.588-1.312-1.313-1.312h-4.233a3 3 0 00-2.496 1.336l-.164.246a1.5 1.5 0 01-1.248.668h-2.092a1.5 1.5 0 01-1.248-.668l-.164-.246A3 3 0 007.046 15H2.812z"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
13 changes: 13 additions & 0 deletions src/lib/Icons/Lightbulb.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
let { ...baseProps }: IconProps = $props();
</script>

<BaseIcon {...baseProps}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 .75a8.25 8.25 0 0 0-4.135 15.39c.686.398 1.115 1.008 1.134 1.623a.75.75 0 0 0 .577.706c.352.083.71.148 1.074.195.323.041.6-.218.6-.544v-4.661a6.714 6.714 0 0 1-.937-.171.75.75 0 1 1 .374-1.453 5.261 5.261 0 0 0 2.626 0 .75.75 0 1 1 .374 1.452 6.712 6.712 0 0 1-.937.172v4.66c0 .327.277.586.6.545.364-.047.722-.112 1.074-.195a.75.75 0 0 0 .577-.706c.02-.615.448-1.225 1.134-1.623A8.25 8.25 0 0 0 12 .75Z" />
<path fill-rule="evenodd" d="M9.013 19.9a.75.75 0 0 1 .877-.597 11.319 11.319 0 0 0 4.22 0 .75.75 0 1 1 .28 1.473 12.819 12.819 0 0 1-4.78 0 .75.75 0 0 1-.597-.876ZM9.754 22.344a.75.75 0 0 1 .824-.668 13.682 13.682 0 0 0 2.844 0 .75.75 0 1 1 .156 1.492 15.156 15.156 0 0 1-3.156 0 .75.75 0 0 1-.668-.824Z" clip-rule="evenodd" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
18 changes: 18 additions & 0 deletions src/lib/Icons/Markdown.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
export let alt: string | undefined = 'This field supports Markdown formatting.';
</script>

<BaseIcon {alt} {...$$restProps}>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 208 128"
fill="currentColor"
><path
d="M193 128H15a15 15 0 0 1-15-15V15A15 15 0 0 1 15 0h178a15 15 0 0 1 15 15v98a15 15 0 0 1-15 15zM50 98V59l20 25 20-25v39h20V30H90L70 55 50 30H30v68zm134-34h-20V30h-20v34h-20l30 35z"
/></svg
>
<!-- Icon by Dustin Curtis https://github.com/dcurtis/markdown-mark -->
</BaseIcon>
12 changes: 12 additions & 0 deletions src/lib/Icons/Menu.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd" d="M3 6.75A.75.75 0 013.75 6h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 6.75zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 5.25a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z" clip-rule="evenodd" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
12 changes: 12 additions & 0 deletions src/lib/Icons/Microblog.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 448 512">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path d="M399.36,362.23c29.49-34.69,47.1-78.34,47.1-125.79C446.46,123.49,346.86,32,224,32S1.54,123.49,1.54,236.44,101.14,440.87,224,440.87a239.28,239.28,0,0,0,79.44-13.44,7.18,7.18,0,0,1,8.12,2.56c18.58,25.09,47.61,42.74,79.89,49.92a4.42,4.42,0,0,0,5.22-3.43,4.37,4.37,0,0,0-.85-3.62,87,87,0,0,1,3.69-110.69ZM329.52,212.4l-57.3,43.49L293,324.75a6.5,6.5,0,0,1-9.94,7.22L224,290.92,164.94,332a6.51,6.51,0,0,1-9.95-7.22l20.79-68.86-57.3-43.49a6.5,6.5,0,0,1,3.8-11.68l71.88-1.51,23.66-67.92a6.5,6.5,0,0,1,12.28,0l23.66,67.92,71.88,1.51a6.5,6.5,0,0,1,3.88,11.68Z"/>
</svg>
</BaseIcon>
13 changes: 13 additions & 0 deletions src/lib/Icons/Picture.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd" d="M1.5 6a2.25 2.25 0 012.25-2.25h16.5A2.25 2.25 0 0122.5 6v12a2.25 2.25 0 01-2.25 2.25H3.75A2.25 2.25 0 011.5 18V6zM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0021 18v-1.94l-2.69-2.689a1.5 1.5 0 00-2.12 0l-.88.879.97.97a.75.75 0 11-1.06 1.06l-5.16-5.159a1.5 1.5 0 00-2.12 0L3 16.061zm10.125-7.81a1.125 1.125 0 112.25 0 1.125 1.125 0 01-2.25 0z" clip-rule="evenodd" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>

12 changes: 12 additions & 0 deletions src/lib/Icons/Plus.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd" />
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
18 changes: 18 additions & 0 deletions src/lib/Icons/Reader.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M5.625 3.75a2.625 2.625 0 100 5.25h12.75a2.625 2.625 0 000-5.25H5.625zM3.75 11.25a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5H3.75zM3 15.75a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75zM3.75 18.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5H3.75z"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
22 changes: 22 additions & 0 deletions src/lib/Icons/Reblog.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 00-3.7-3.7 48.678 48.678 0 00-7.324 0 4.006 4.006 0 00-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3l-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 003.7 3.7 48.656 48.656 0 007.324 0 4.006 4.006 0 003.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3l-3 3"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
22 changes: 22 additions & 0 deletions src/lib/Icons/Refresh.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<script lang="ts">
import BaseIcon, { type IconProps } from "./BaseIcon.svelte";
interface $$Props extends IconProps {};
</script>

<BaseIcon {...$$props}>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 00-3.7-3.7 48.678 48.678 0 00-7.324 0 4.006 4.006 0 00-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3l-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 003.7 3.7 48.656 48.656 0 007.324 0 4.006 4.006 0 003.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3l-3 3"
/>
</svg>
<!-- Icon from Heroicons (c) 2020 Refactoring UI Inc. used under license. https://github.com/tailwindlabs/heroicons/ -->
</BaseIcon>
Loading

0 comments on commit cd80477

Please sign in to comment.