Skip to content

Commit 6290360

Browse files
authored
Add icon ArrowsSwitch (#538)
# Motivation This icon is needed for the USD values design to switch the USD and ICP amounts. # Changes 1. Add `src/lib/icons/IconArrowsSwitch.svelte` # Screenshots <img width="124" alt="image" src="https://github.com/user-attachments/assets/86e35cad-e90c-4e39-a828-d53c313f7bde">
1 parent 1dab8ba commit 6290360

File tree

2 files changed

+24
-0
lines changed

2 files changed

+24
-0
lines changed

src/lib/icons.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ export { default as IconAccountBalance } from "./icons/IconAccountBalance.svelte
22
export { default as IconAccountsPage } from "./icons/IconAccountsPage.svelte";
33
export { default as IconAdd } from "./icons/IconAdd.svelte";
44
export { default as IconAddCircle } from "./icons/IconAddCircle.svelte";
5+
export { default as IconArrowsSwitch } from "./icons/IconArrowsSwitch.svelte";
56
export { default as IconBack } from "./icons/IconBack.svelte";
67
export { default as IconBin } from "./icons/IconBin.svelte";
78
export { default as IconCanistersPage } from "./icons/IconCanistersPage.svelte";
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!-- source: DFINITY foundation -->
2+
<script lang="ts">
3+
import { DEFAULT_ICON_SIZE } from "$lib/constants/constants";
4+
5+
export let size = `${DEFAULT_ICON_SIZE}px`;
6+
</script>
7+
8+
<svg
9+
xmlns="http://www.w3.org/2000/svg"
10+
width={size}
11+
height={size}
12+
viewBox="0 0 20 20"
13+
fill="none"
14+
stroke="currentColor"
15+
stroke-width="1.5"
16+
stroke-linecap="round"
17+
stroke-linejoin="round"
18+
>
19+
<path d="M15.006 18.3319V4.71411" />
20+
<path d="M19.0838 14.2357L15.006 18.3324L10.9282 14.2357" />
21+
<path d="M5.07777 2.00061V15.6184" />
22+
<path d="M1 6.09667L5.07778 2L9.15556 6.09667" />
23+
</svg>

0 commit comments

Comments
 (0)