@umbra.ui/icons 0.2.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/icons/AddMagicIcon.vue +36 -0
- package/dist/icons/ArchiveIcon.vue +34 -0
- package/dist/icons/ArrowBackToUpLeftIcon.vue +34 -0
- package/dist/icons/ArrowDotRotateClockwiseIcon.vue +35 -0
- package/dist/icons/ArtificialIntelligenceIcon.vue +36 -0
- package/dist/icons/BellDotIcon.vue +35 -0
- package/dist/icons/BellOnIcon.vue +36 -0
- package/dist/icons/BellPlusIcon.vue +36 -0
- package/dist/icons/BellSlashIcon.vue +37 -0
- package/dist/icons/Bitcoin2Icon.vue +37 -0
- package/dist/icons/BitcoinIcon.vue +1 -2
- package/dist/icons/BookmarkListIcon.vue +36 -0
- package/dist/icons/CalendarDaysIcon.vue +5 -6
- package/dist/icons/CalendarGridIcon.vue +39 -0
- package/dist/icons/CalendarIcon.vue +5 -6
- package/dist/icons/CalendarPlanningIcon.vue +39 -0
- package/dist/icons/CircleArrowDownIcon.vue +35 -0
- package/dist/icons/CircleArrowLeftIcon.vue +35 -0
- package/dist/icons/CircleArrowRightIcon.vue +35 -0
- package/dist/icons/CircleArrowUpIcon.vue +35 -0
- package/dist/icons/CircleBarsFilterIcon.vue +36 -0
- package/dist/icons/CircleBitcoinIcon.vue +38 -0
- package/dist/icons/CircleCheckIcon.vue +1 -2
- package/dist/icons/CircleDollarInIcon.vue +36 -0
- package/dist/icons/CircleDollarOutIcon.vue +36 -0
- package/dist/icons/CirclePencilIcon.vue +35 -0
- package/dist/icons/CircleXmarkIcon.vue +35 -0
- package/dist/icons/ClockIcon.vue +34 -0
- package/dist/icons/CloudNodesIcon.vue +37 -0
- package/dist/icons/CoinStackIcon.vue +37 -0
- package/dist/icons/CommandIcon.vue +37 -0
- package/dist/icons/CreditCardPenIcon.vue +37 -0
- package/dist/icons/Crosshairs2Icon.vue +37 -0
- package/dist/icons/CryptographyIcon.vue +8 -12
- package/dist/icons/Cubes2Icon.vue +41 -0
- package/dist/icons/CurrencyDollarIcon.vue +34 -0
- package/dist/icons/CurrencyExchangeIcon.vue +36 -0
- package/dist/icons/DarkModeIcon.vue +34 -0
- package/dist/icons/DecentralizeIcon.vue +43 -0
- package/dist/icons/DeleteLeftIcon.vue +35 -0
- package/dist/icons/EclipseIcon.vue +34 -0
- package/dist/icons/EraserIcon.vue +35 -0
- package/dist/icons/EthereumIcon.vue +35 -0
- package/dist/icons/EyeDropperIcon.vue +36 -0
- package/dist/icons/FileLockIcon.vue +39 -0
- package/dist/icons/FileMusicIcon.vue +39 -0
- package/dist/icons/Flag3Icon.vue +34 -0
- package/dist/icons/GhostWorriedIcon.vue +36 -0
- package/dist/icons/Heading1Icon.vue +35 -0
- package/dist/icons/Heading2Icon.vue +35 -0
- package/dist/icons/Heading3Icon.vue +35 -0
- package/dist/icons/Heading4Icon.vue +35 -0
- package/dist/icons/Heading5Icon.vue +35 -0
- package/dist/icons/Heading6Icon.vue +36 -0
- package/dist/icons/Headphones2Icon.vue +36 -0
- package/dist/icons/Headphones3Icon.vue +36 -0
- package/dist/icons/Heart2SlashIcon.vue +35 -0
- package/dist/icons/HourglassStartIcon.vue +37 -0
- package/dist/icons/ImageIcon.vue +3 -4
- package/dist/icons/ImageMountainIcon.vue +3 -4
- package/dist/icons/InstallIcon.vue +37 -0
- package/dist/icons/Itinerary3Icon.vue +36 -0
- package/dist/icons/KeyNodesIcon.vue +11 -12
- package/dist/icons/Keyboard2Icon.vue +41 -0
- package/dist/icons/Keyboard4HideDownIcon.vue +39 -0
- package/dist/icons/LinkIcon.vue +4 -5
- package/dist/icons/MediaNextIcon.vue +34 -0
- package/dist/icons/MediaPauseIcon.vue +35 -0
- package/dist/icons/MediaPlayIcon.vue +33 -0
- package/dist/icons/MediaPlaylistIcon.vue +36 -0
- package/dist/icons/MediaPreviousIcon.vue +34 -0
- package/dist/icons/Menu2Icon.vue +33 -0
- package/dist/icons/Menu3Icon.vue +34 -0
- package/dist/icons/MenuArrowLeftIcon.vue +35 -0
- package/dist/icons/Microphone3Icon.vue +37 -0
- package/dist/icons/MoonFullIcon.vue +36 -0
- package/dist/icons/MoonStarsIcon.vue +35 -0
- package/dist/icons/MusicAlbumIcon.vue +35 -0
- package/dist/icons/MusicIcon.vue +1 -2
- package/dist/icons/MusicNoteIcon.vue +36 -0
- package/dist/icons/MusicPlusIcon.vue +41 -0
- package/dist/icons/Newspaper2Icon.vue +36 -0
- package/dist/icons/NightShiftIcon.vue +42 -0
- package/dist/icons/NotebookIcon.vue +38 -0
- package/dist/icons/OpeningQuotationMarkIcon.vue +35 -0
- package/dist/icons/OrderedListIcon.vue +5 -6
- package/dist/icons/PageIcon.vue +37 -0
- package/dist/icons/ParagraphCheckIcon.vue +36 -0
- package/dist/icons/PickaxeIcon.vue +38 -0
- package/dist/icons/PilcrowIcon.vue +35 -0
- package/dist/icons/PinPlusIcon.vue +35 -0
- package/dist/icons/Playlist4Icon.vue +36 -0
- package/dist/icons/PlaylistIcon.vue +35 -0
- package/dist/icons/QueueIcon.vue +35 -0
- package/dist/icons/RepeatIcon.vue +34 -0
- package/dist/icons/RepeatOnceIcon.vue +36 -0
- package/dist/icons/ReturnKeyIcon.vue +35 -0
- package/dist/icons/RobotIcon.vue +40 -0
- package/dist/icons/ShuffleIcon.vue +36 -0
- package/dist/icons/SidebarRight4Icon.vue +37 -0
- package/dist/icons/Signal2OffIcon.vue +38 -0
- package/dist/icons/SignatureIcon.vue +35 -0
- package/dist/icons/SquareBulletListIcon.vue +39 -0
- package/dist/icons/SquareCommandIcon.vue +38 -0
- package/dist/icons/SunFogIcon.vue +38 -0
- package/dist/icons/TagCheckIcon.vue +35 -0
- package/dist/icons/TagIcon.vue +2 -3
- package/dist/icons/TagPlusIcon.vue +36 -0
- package/dist/icons/TextAIcon.vue +33 -0
- package/dist/icons/TextASparkleIcon.vue +36 -0
- package/dist/icons/TextAlignCenterIcon.vue +34 -0
- package/dist/icons/TextAlignLeftIcon.vue +34 -0
- package/dist/icons/TextAlignRightIcon.vue +34 -0
- package/dist/icons/TextHighlight2Icon.vue +35 -0
- package/dist/icons/TextSparkleIcon.vue +36 -0
- package/dist/icons/TextToolIcon.vue +42 -0
- package/dist/icons/UnorderedListIcon.vue +5 -6
- package/dist/icons/VolumeIcon.vue +2 -3
- package/dist/icons/VolumeOffIcon.vue +36 -0
- package/dist/icons/Wallet2CircuitIcon.vue +1 -2
- package/dist/icons/WalletKeyIcon.vue +38 -0
- package/dist/icons/WaveformLinesIcon.vue +37 -0
- package/dist/icons/WindowLinkIcon.vue +39 -0
- package/dist/icons/index.d.ts +108 -0
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/index.js +108 -0
- package/dist/icons/index.ts +108 -0
- package/dist/index.d.ts +366 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +560 -130
- package/package.json +11 -11
- package/src/icons/AddMagicIcon.vue +36 -0
- package/src/icons/ArchiveIcon.vue +34 -0
- package/src/icons/ArrowBackToUpLeftIcon.vue +34 -0
- package/src/icons/ArrowDotRotateClockwiseIcon.vue +35 -0
- package/src/icons/ArtificialIntelligenceIcon.vue +36 -0
- package/src/icons/BellDotIcon.vue +35 -0
- package/src/icons/BellOnIcon.vue +36 -0
- package/src/icons/BellPlusIcon.vue +36 -0
- package/src/icons/BellSlashIcon.vue +37 -0
- package/src/icons/Bitcoin2Icon.vue +37 -0
- package/src/icons/BitcoinIcon.vue +1 -2
- package/src/icons/BookmarkListIcon.vue +36 -0
- package/src/icons/CalendarDaysIcon.vue +5 -6
- package/src/icons/CalendarGridIcon.vue +39 -0
- package/src/icons/CalendarIcon.vue +5 -6
- package/src/icons/CalendarPlanningIcon.vue +39 -0
- package/src/icons/CircleArrowDownIcon.vue +35 -0
- package/src/icons/CircleArrowLeftIcon.vue +35 -0
- package/src/icons/CircleArrowRightIcon.vue +35 -0
- package/src/icons/CircleArrowUpIcon.vue +35 -0
- package/src/icons/CircleBarsFilterIcon.vue +36 -0
- package/src/icons/CircleBitcoinIcon.vue +38 -0
- package/src/icons/CircleCheckIcon.vue +1 -2
- package/src/icons/CircleDollarInIcon.vue +36 -0
- package/src/icons/CircleDollarOutIcon.vue +36 -0
- package/src/icons/CirclePencilIcon.vue +35 -0
- package/src/icons/CircleXmarkIcon.vue +35 -0
- package/src/icons/ClockIcon.vue +34 -0
- package/src/icons/CloudNodesIcon.vue +37 -0
- package/src/icons/CoinStackIcon.vue +37 -0
- package/src/icons/CommandIcon.vue +37 -0
- package/src/icons/CreditCardPenIcon.vue +37 -0
- package/src/icons/Crosshairs2Icon.vue +37 -0
- package/src/icons/CryptographyIcon.vue +8 -12
- package/src/icons/Cubes2Icon.vue +41 -0
- package/src/icons/CurrencyDollarIcon.vue +34 -0
- package/src/icons/CurrencyExchangeIcon.vue +36 -0
- package/src/icons/DarkModeIcon.vue +34 -0
- package/src/icons/DecentralizeIcon.vue +43 -0
- package/src/icons/DeleteLeftIcon.vue +35 -0
- package/src/icons/EclipseIcon.vue +34 -0
- package/src/icons/EraserIcon.vue +35 -0
- package/src/icons/EthereumIcon.vue +35 -0
- package/src/icons/EyeDropperIcon.vue +36 -0
- package/src/icons/FileLockIcon.vue +39 -0
- package/src/icons/FileMusicIcon.vue +39 -0
- package/src/icons/Flag3Icon.vue +34 -0
- package/src/icons/GhostWorriedIcon.vue +36 -0
- package/src/icons/Heading1Icon.vue +35 -0
- package/src/icons/Heading2Icon.vue +35 -0
- package/src/icons/Heading3Icon.vue +35 -0
- package/src/icons/Heading4Icon.vue +35 -0
- package/src/icons/Heading5Icon.vue +35 -0
- package/src/icons/Heading6Icon.vue +36 -0
- package/src/icons/Headphones2Icon.vue +36 -0
- package/src/icons/Headphones3Icon.vue +36 -0
- package/src/icons/Heart2SlashIcon.vue +35 -0
- package/src/icons/HourglassStartIcon.vue +37 -0
- package/src/icons/ImageIcon.vue +3 -4
- package/src/icons/ImageMountainIcon.vue +3 -4
- package/src/icons/InstallIcon.vue +37 -0
- package/src/icons/Itinerary3Icon.vue +36 -0
- package/src/icons/KeyNodesIcon.vue +11 -12
- package/src/icons/Keyboard2Icon.vue +41 -0
- package/src/icons/Keyboard4HideDownIcon.vue +39 -0
- package/src/icons/LinkIcon.vue +4 -5
- package/src/icons/MediaNextIcon.vue +34 -0
- package/src/icons/MediaPauseIcon.vue +35 -0
- package/src/icons/MediaPlayIcon.vue +33 -0
- package/src/icons/MediaPlaylistIcon.vue +36 -0
- package/src/icons/MediaPreviousIcon.vue +34 -0
- package/src/icons/Menu2Icon.vue +33 -0
- package/src/icons/Menu3Icon.vue +34 -0
- package/src/icons/MenuArrowLeftIcon.vue +35 -0
- package/src/icons/Microphone3Icon.vue +37 -0
- package/src/icons/MoonFullIcon.vue +36 -0
- package/src/icons/MoonStarsIcon.vue +35 -0
- package/src/icons/MusicAlbumIcon.vue +35 -0
- package/src/icons/MusicIcon.vue +1 -2
- package/src/icons/MusicNoteIcon.vue +36 -0
- package/src/icons/MusicPlusIcon.vue +41 -0
- package/src/icons/Newspaper2Icon.vue +36 -0
- package/src/icons/NightShiftIcon.vue +42 -0
- package/src/icons/NotebookIcon.vue +38 -0
- package/src/icons/OpeningQuotationMarkIcon.vue +35 -0
- package/src/icons/OrderedListIcon.vue +5 -6
- package/src/icons/PageIcon.vue +37 -0
- package/src/icons/ParagraphCheckIcon.vue +36 -0
- package/src/icons/PickaxeIcon.vue +38 -0
- package/src/icons/PilcrowIcon.vue +35 -0
- package/src/icons/PinPlusIcon.vue +35 -0
- package/src/icons/Playlist4Icon.vue +36 -0
- package/src/icons/PlaylistIcon.vue +35 -0
- package/src/icons/QueueIcon.vue +35 -0
- package/src/icons/RepeatIcon.vue +34 -0
- package/src/icons/RepeatOnceIcon.vue +36 -0
- package/src/icons/ReturnKeyIcon.vue +35 -0
- package/src/icons/RobotIcon.vue +40 -0
- package/src/icons/ShuffleIcon.vue +36 -0
- package/src/icons/SidebarRight4Icon.vue +37 -0
- package/src/icons/Signal2OffIcon.vue +38 -0
- package/src/icons/SignatureIcon.vue +35 -0
- package/src/icons/SquareBulletListIcon.vue +39 -0
- package/src/icons/SquareCommandIcon.vue +38 -0
- package/src/icons/SunFogIcon.vue +38 -0
- package/src/icons/TagCheckIcon.vue +35 -0
- package/src/icons/TagIcon.vue +2 -3
- package/src/icons/TagPlusIcon.vue +36 -0
- package/src/icons/TextAIcon.vue +33 -0
- package/src/icons/TextASparkleIcon.vue +36 -0
- package/src/icons/TextAlignCenterIcon.vue +34 -0
- package/src/icons/TextAlignLeftIcon.vue +34 -0
- package/src/icons/TextAlignRightIcon.vue +34 -0
- package/src/icons/TextHighlight2Icon.vue +35 -0
- package/src/icons/TextSparkleIcon.vue +36 -0
- package/src/icons/TextToolIcon.vue +42 -0
- package/src/icons/UnorderedListIcon.vue +5 -6
- package/src/icons/VolumeIcon.vue +2 -3
- package/src/icons/VolumeOffIcon.vue +36 -0
- package/src/icons/Wallet2CircuitIcon.vue +1 -2
- package/src/icons/WalletKeyIcon.vue +38 -0
- package/src/icons/WaveformLinesIcon.vue +37 -0
- package/src/icons/WindowLinkIcon.vue +39 -0
- package/src/icons/index.ts +108 -0
- package/src/index.ts +587 -157
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M5.5 12.25L2.25 9L5.5 5.75" />
|
|
23
|
+
<path d="M2.25 9H15.75" />
|
|
24
|
+
<path d="M8.75 14.75H15.75" />
|
|
25
|
+
<path d="M8.75 3.25H15.75" />
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<style scoped>
|
|
31
|
+
.icon {
|
|
32
|
+
display: inline-block;
|
|
33
|
+
vertical-align: middle;
|
|
34
|
+
}
|
|
35
|
+
</style>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M12.25 4C12.25 2.20507 10.7949 0.75 9 0.75C7.20507 0.75 5.75 2.20507 5.75 4V7.5C5.75 9.29493 7.20507 10.75 9 10.75C10.7949 10.75 12.25 9.29493 12.25 7.5V4Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M9.75 5.75H12.25" />
|
|
24
|
+
<path d="M15.25 7.5C15.25 10.946 12.446 13.75 9 13.75C5.554 13.75 2.75 10.946 2.75 7.5" />
|
|
25
|
+
<path d="M12.25 4C12.25 2.20507 10.7949 0.75 9 0.75C7.20507 0.75 5.75 2.20507 5.75 4V7.5C5.75 9.29493 7.20507 10.75 9 10.75C10.7949 10.75 12.25 9.29493 12.25 7.5V4Z" />
|
|
26
|
+
<path d="M9 13.75V17.25" />
|
|
27
|
+
<path d="M5.75 17.25H12.25" />
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
30
|
+
</template>
|
|
31
|
+
|
|
32
|
+
<style scoped>
|
|
33
|
+
.icon {
|
|
34
|
+
display: inline-block;
|
|
35
|
+
vertical-align: middle;
|
|
36
|
+
}
|
|
37
|
+
</style>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M9.75 12.5C10.1642 12.5 10.5 12.1642 10.5 11.75C10.5 11.3358 10.1642 11 9.75 11C9.33579 11 9 11.3358 9 11.75C9 12.1642 9.33579 12.5 9.75 12.5Z" :fill="color" data-stroke="none" stroke="none" />
|
|
24
|
+
<path d="M6.5 10C7.05228 10 7.5 9.55228 7.5 9C7.5 8.44772 7.05228 8 6.5 8C5.94772 8 5.5 8.44772 5.5 9C5.5 9.55228 5.94772 10 6.5 10Z" :fill="color" data-stroke="none" stroke="none" />
|
|
25
|
+
<path d="M10.75 8C11.4404 8 12 7.44036 12 6.75C12 6.05964 11.4404 5.5 10.75 5.5C10.0596 5.5 9.5 6.05964 9.5 6.75C9.5 7.44036 10.0596 8 10.75 8Z" :fill="color" data-stroke="none" stroke="none" />
|
|
26
|
+
<path d="M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 13.0041 4.99594 16.25 9 16.25Z" />
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
29
|
+
</template>
|
|
30
|
+
|
|
31
|
+
<style scoped>
|
|
32
|
+
.icon {
|
|
33
|
+
display: inline-block;
|
|
34
|
+
vertical-align: middle;
|
|
35
|
+
}
|
|
36
|
+
</style>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M13 11.75C9.548 11.75 6.75 8.952 6.75 5.5C6.75 4.148 7.183 2.901 7.912 1.878C4.548 2.506 2 5.453 2 9C2 13.004 5.246 16.25 9.25 16.25C12.622 16.25 15.448 13.944 16.259 10.826C15.309 11.409 14.196 11.75 13 11.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M13 11.75C9.548 11.75 6.75 8.952 6.75 5.5C6.75 4.148 7.183 2.901 7.912 1.878C4.548 2.506 2 5.453 2 9C2 13.004 5.246 16.25 9.25 16.25C12.622 16.25 15.448 13.944 16.259 10.826C15.309 11.409 14.196 11.75 13 11.75Z" />
|
|
24
|
+
<path d="M12.743 4.492L11.797 4.177L11.481 3.23C11.379 2.924 10.872 2.924 10.77 3.23L10.454 4.177L9.508 4.492C9.355 4.543 9.251 4.686 9.251 4.848C9.251 5.01 9.355 5.153 9.508 5.204L10.454 5.519L10.77 6.466C10.821 6.619 10.964 6.722 11.125 6.722C11.286 6.722 11.43 6.618 11.48 6.466L11.796 5.519L12.742 5.204C12.895 5.153 12.999 5.01 12.999 4.848C12.999 4.686 12.895 4.543 12.742 4.492H12.743Z" :fill="color" data-stroke="none" stroke="none" />
|
|
25
|
+
<path d="M14.25 8.5C14.6642 8.5 15 8.16421 15 7.75C15 7.33579 14.6642 7 14.25 7C13.8358 7 13.5 7.33579 13.5 7.75C13.5 8.16421 13.8358 8.5 14.25 8.5Z" :fill="color" data-stroke="none" stroke="none" />
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<style scoped>
|
|
31
|
+
.icon {
|
|
32
|
+
display: inline-block;
|
|
33
|
+
vertical-align: middle;
|
|
34
|
+
}
|
|
35
|
+
</style>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.552 4.75H3.44802C2.82402 4.75 2.35202 5.315 2.46402 5.929L4.10102 14.929C4.18802 15.404 4.60202 15.75 5.08502 15.75H12.916C13.399 15.75 13.814 15.404 13.9 14.929L15.536 5.929C15.647 5.315 15.176 4.75 14.552 4.75ZM11.25 10C11.25 11.2426 10.2426 12.25 9 12.25C7.75736 12.25 6.75 11.2426 6.75 10C6.75 8.75736 7.75736 7.75 9 7.75C10.2426 7.75 11.25 8.75736 11.25 10Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M9 12.25C10.2426 12.25 11.25 11.2426 11.25 10C11.25 8.75736 10.2426 7.75 9 7.75C7.75736 7.75 6.75 8.75736 6.75 10C6.75 11.2426 7.75736 12.25 9 12.25Z" />
|
|
24
|
+
<path d="M13.75 1.75H4.25" />
|
|
25
|
+
<path d="M3.44802 4.75H14.552C15.176 4.75 15.647 5.315 15.536 5.929L13.9 14.929C13.814 15.404 13.399 15.75 12.916 15.75H5.08502C4.60202 15.75 4.18802 15.404 4.10102 14.929L2.46402 5.929C2.35202 5.315 2.82402 4.75 3.44802 4.75Z" />
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<style scoped>
|
|
31
|
+
.icon {
|
|
32
|
+
display: inline-block;
|
|
33
|
+
vertical-align: middle;
|
|
34
|
+
}
|
|
35
|
+
</style>
|
package/dist/icons/MusicIcon.vue
CHANGED
|
@@ -18,8 +18,7 @@ withDefaults(defineProps<Props>(), {
|
|
|
18
18
|
viewBox="0 0 18 18"
|
|
19
19
|
xmlns="http://www.w3.org/2000/svg"
|
|
20
20
|
>
|
|
21
|
-
<
|
|
22
|
-
<g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
23
22
|
<path d="M6.586 3.361L13.586 2.194C14.196 2.092 14.75 2.562 14.75 3.18V5.75L5.75 7.25V4.347C5.75 3.858 6.103 3.441 6.586 3.361Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
24
23
|
<path d="M3.75 15.75C4.85457 15.75 5.75 14.8546 5.75 13.75C5.75 12.6454 4.85457 11.75 3.75 11.75C2.64543 11.75 1.75 12.6454 1.75 13.75C1.75 14.8546 2.64543 15.75 3.75 15.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
25
24
|
<path d="M12.75 14.25C13.8546 14.25 14.75 13.3546 14.75 12.25C14.75 11.1454 13.8546 10.25 12.75 10.25C11.6454 10.25 10.75 11.1454 10.75 12.25C10.75 13.3546 11.6454 14.25 12.75 14.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M6 16.25C7.51878 16.25 8.75 15.0188 8.75 13.5C8.75 11.9812 7.51878 10.75 6 10.75C4.48122 10.75 3.25 11.9812 3.25 13.5C3.25 15.0188 4.48122 16.25 6 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M9.615 2.38199L13.115 1.90499C13.715 1.82299 14.25 2.28999 14.25 2.89599V4.62699C14.25 5.12699 13.881 5.54999 13.385 5.61799L8.75 6.24999V3.37299C8.75 2.87299 9.119 2.44999 9.615 2.38199Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
24
|
+
<path d="M8.75 6.25V13.5" />
|
|
25
|
+
<path d="M6 16.25C7.51878 16.25 8.75 15.0188 8.75 13.5C8.75 11.9812 7.51878 10.75 6 10.75C4.48122 10.75 3.25 11.9812 3.25 13.5C3.25 15.0188 4.48122 16.25 6 16.25Z" />
|
|
26
|
+
<path d="M9.615 2.38199L13.115 1.90499C13.715 1.82299 14.25 2.28999 14.25 2.89599V4.62699C14.25 5.12699 13.881 5.54999 13.385 5.61799L8.75 6.24999V3.37299C8.75 2.87299 9.119 2.44999 9.615 2.38199Z" />
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
29
|
+
</template>
|
|
30
|
+
|
|
31
|
+
<style scoped>
|
|
32
|
+
.icon {
|
|
33
|
+
display: inline-block;
|
|
34
|
+
vertical-align: middle;
|
|
35
|
+
}
|
|
36
|
+
</style>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="m13.586,2.1938l-5.2051.8679c.0708.2183.1191.4465.1191.6882,0,1.2407-1.0098,2.25-2.25,2.25h-.25v.25c0,.3606-.0931.6968-.2446.999l8.9946-1.499v-2.5701c0-.6179-.554-1.0879-1.164-.9861Z" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
|
|
23
|
+
<path d="m8.6399,3.0186l4.9461-.8246c.61-.102,1.164.368,1.164.986v2.57l-9,1.5" />
|
|
24
|
+
<line x1="5.75" y1="7.25" x2="5.75" y2="13.75" />
|
|
25
|
+
<line x1="14.75" y1="5.75" x2="14.75" y2="12.25" />
|
|
26
|
+
<circle cx="3.75" cy="13.75" r="2" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
|
|
27
|
+
<circle cx="12.75" cy="12.25" r="2" :fill="color" opacity=".3" stroke-width="0" data-color="color-2" />
|
|
28
|
+
<circle cx="3.75" cy="13.75" r="2" />
|
|
29
|
+
<circle cx="12.75" cy="12.25" r="2" />
|
|
30
|
+
<line x1="3.75" y1="1.25" x2="3.75" y2="6.25" />
|
|
31
|
+
<line x1="6.25" y1="3.75" x2="1.25" y2="3.75" />
|
|
32
|
+
</g>
|
|
33
|
+
</svg>
|
|
34
|
+
</template>
|
|
35
|
+
|
|
36
|
+
<style scoped>
|
|
37
|
+
.icon {
|
|
38
|
+
display: inline-block;
|
|
39
|
+
vertical-align: middle;
|
|
40
|
+
}
|
|
41
|
+
</style>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path opacity="0.3" d="M4.75 3.25H16.25V13.25C16.25 14.078 15.578 14.75 14.75 14.75H4.75V3.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M3.25 15.25H14.75C15.578 15.25 16.25 14.578 16.25 13.75V2.75H4.75V13.75C4.75 14.578 4.078 15.25 3.25 15.25Z" />
|
|
24
|
+
<path d="M3.25 15.25C2.422 15.25 1.75 14.578 1.75 13.75V6.75" />
|
|
25
|
+
<path d="M7.75 7.25H13.25" />
|
|
26
|
+
<path d="M7.75 10.25H13.25" />
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
29
|
+
</template>
|
|
30
|
+
|
|
31
|
+
<style scoped>
|
|
32
|
+
.icon {
|
|
33
|
+
display: inline-block;
|
|
34
|
+
vertical-align: middle;
|
|
35
|
+
}
|
|
36
|
+
</style>
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.73475 4.94153C7.42793 5.86856 7.2402 7.81708 8.66136 9.23824C9.88562 10.4625 11.7911 10.529 13.0325 10.3459C12.4695 12.0334 10.8768 13.25 9 13.25C6.65279 13.25 4.75 11.3472 4.75 9.00001C4.75 7.09343 6.00545 5.48007 7.73475 4.94153Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M9 0.75V2.25" />
|
|
24
|
+
<path d="M14.834 3.16599L13.773 4.22699" />
|
|
25
|
+
<path d="M17.25 9H15.75" />
|
|
26
|
+
<path d="M14.834 14.834L13.773 13.773" />
|
|
27
|
+
<path d="M9 17.25V15.75" />
|
|
28
|
+
<path d="M3.16599 14.834L4.22699 13.773" />
|
|
29
|
+
<path d="M0.75 9H2.25" />
|
|
30
|
+
<path d="M3.16599 3.16599L4.22699 4.22699" />
|
|
31
|
+
<path d="M9 13.25C11.3472 13.25 13.25 11.3472 13.25 9C13.25 6.65279 11.3472 4.75 9 4.75C6.65279 4.75 4.75 6.65279 4.75 9C4.75 11.3472 6.65279 13.25 9 13.25Z" />
|
|
32
|
+
<path d="M7.718 4.96799C7.589 5.37499 7.5 5.79999 7.5 6.24999C7.5 8.59699 9.403 10.5 11.75 10.5C12.2 10.5 12.625 10.411 13.032 10.282" />
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
</template>
|
|
36
|
+
|
|
37
|
+
<style scoped>
|
|
38
|
+
.icon {
|
|
39
|
+
display: inline-block;
|
|
40
|
+
vertical-align: middle;
|
|
41
|
+
}
|
|
42
|
+
</style>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.25 1.75H12.75C13.8546 1.75 14.75 2.64543 14.75 3.75V14.25C14.75 15.3546 13.8546 16.25 12.75 16.25H7.25V1.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M17.25 4.75V7.25" />
|
|
24
|
+
<path d="M7.25 1.75V16.25" />
|
|
25
|
+
<path d="M12.75 1.75H5.25C4.14543 1.75 3.25 2.64543 3.25 3.75V14.25C3.25 15.3546 4.14543 16.25 5.25 16.25H12.75C13.8546 16.25 14.75 15.3546 14.75 14.25V3.75C14.75 2.64543 13.8546 1.75 12.75 1.75Z" />
|
|
26
|
+
<path d="M1.75 9H4.75" />
|
|
27
|
+
<path d="M1.75 5.75H4.75" />
|
|
28
|
+
<path d="M1.75 12.25H4.75" />
|
|
29
|
+
</g>
|
|
30
|
+
</svg>
|
|
31
|
+
</template>
|
|
32
|
+
|
|
33
|
+
<style scoped>
|
|
34
|
+
.icon {
|
|
35
|
+
display: inline-block;
|
|
36
|
+
vertical-align: middle;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M1.75 9.25314H6.25C6.80228 9.25314 7.25 9.70086 7.25 10.2531V13.25C7.25 13.8023 6.80228 14.25 6.25 14.25H2.75C2.19772 14.25 1.75 13.8023 1.75 13.25V9.25314Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M10.75 9.25314H15.25C15.8023 9.25314 16.25 9.70086 16.25 10.2531V13.25C16.25 13.8023 15.8023 14.25 15.25 14.25H11.75C11.1977 14.25 10.75 13.8023 10.75 13.25V9.25314Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
24
|
+
<path d="M1.75 9.25H6.25C6.802 9.25 7.25 9.698 7.25 10.25V13.25C7.25 13.802 6.802 14.25 6.25 14.25H2.75C2.198 14.25 1.75 13.802 1.75 13.25V9.25ZM1.75 9.25C1.75 5.5 3 3.625 5.25 2.75" />
|
|
25
|
+
<path d="M10.75 9.25H15.25C15.802 9.25 16.25 9.698 16.25 10.25V13.25C16.25 13.802 15.802 14.25 15.25 14.25H11.75C11.198 14.25 10.75 13.802 10.75 13.25V9.25ZM10.75 9.25C10.75 5.5 12 3.625 14.25 2.75" />
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<style scoped>
|
|
31
|
+
.icon {
|
|
32
|
+
display: inline-block;
|
|
33
|
+
vertical-align: middle;
|
|
34
|
+
}
|
|
35
|
+
</style>
|
|
@@ -18,12 +18,11 @@ withDefaults(defineProps<Props>(), {
|
|
|
18
18
|
viewBox="0 0 18 18"
|
|
19
19
|
xmlns="http://www.w3.org/2000/svg"
|
|
20
20
|
>
|
|
21
|
-
<
|
|
22
|
-
|
|
23
|
-
<path d="
|
|
24
|
-
<path d="M9.5
|
|
25
|
-
<path d="
|
|
26
|
-
<path d="M4.75002 7.5V2C4.75002 2 4.12002 3.108 2.78302 3.364" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M2.50002 11.661C2.75902 10.74 3.65202 10.236 4.61602 10.25C5.58102 10.264 6.48802 10.696 6.54502 11.661C6.60202 12.626 5.58002 13.273 4.52202 13.705C3.46402 14.137 2.58602 14.54 2.49902 15.749H6.54802" />
|
|
23
|
+
<path d="M9.5 5.25H16.25" />
|
|
24
|
+
<path d="M9.5 12.75H16.25" />
|
|
25
|
+
<path d="M4.75002 7.5V2C4.75002 2 4.12002 3.108 2.78302 3.364" />
|
|
27
26
|
</g>
|
|
28
27
|
</svg>
|
|
29
28
|
</template>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M15.25 14.25V3.75C15.25 2.64543 14.3546 1.75 13.25 1.75L4.75 1.75C3.64543 1.75 2.75 2.64543 2.75 3.75V14.25C2.75 15.3546 3.64543 16.25 4.75 16.25H13.25C14.3546 16.25 15.25 15.3546 15.25 14.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M10.25 6.25H12.25" />
|
|
24
|
+
<path d="M5.75 9.25H12.25" />
|
|
25
|
+
<path d="M5.75 12.25H12.25" />
|
|
26
|
+
<path d="M15.25 14.25V3.75C15.25 2.64543 14.3546 1.75 13.25 1.75L4.75 1.75C3.64543 1.75 2.75 2.64543 2.75 3.75V14.25C2.75 15.3546 3.64543 16.25 4.75 16.25H13.25C14.3546 16.25 15.25 15.3546 15.25 14.25Z" />
|
|
27
|
+
<path d="M7.25 4.75H5.75V6.25H7.25V4.75Z" :fill="color" />
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
30
|
+
</template>
|
|
31
|
+
|
|
32
|
+
<style scoped>
|
|
33
|
+
.icon {
|
|
34
|
+
display: inline-block;
|
|
35
|
+
vertical-align: middle;
|
|
36
|
+
}
|
|
37
|
+
</style>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M2.75 13.75H6.75" />
|
|
23
|
+
<path d="M2.75 10.25H6.75" />
|
|
24
|
+
<path d="M2.75 6.75H15.25" />
|
|
25
|
+
<path d="M2.75 3.25H15.25" />
|
|
26
|
+
<path d="M10 12.912L11.609 14.521L15.006 10.104" />
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
29
|
+
</template>
|
|
30
|
+
|
|
31
|
+
<style scoped>
|
|
32
|
+
.icon {
|
|
33
|
+
display: inline-block;
|
|
34
|
+
vertical-align: middle;
|
|
35
|
+
}
|
|
36
|
+
</style>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path opacity="0.3" d="M11.681 3.56895C8.74704 1.67995 5.61404 2.05997 5.21204 2.11607C6.83204 3.33507 8.26504 4.5561 9.52404 5.7271L11.681 3.56895Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path opacity="0.3" d="M14.4309 6.31897C16.3199 9.25297 15.9399 12.386 15.8839 12.7881C14.6649 11.1681 13.4439 9.73507 12.2729 8.47607L14.4309 6.31897Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
|
|
24
|
+
<path opacity="0.3" d="M11.9547 3.29603L9.4119 5.839C9.2167 6.034 9.2167 6.35103 9.4119 6.54603L11.4548 8.589C11.65 8.784 11.9666 8.784 12.1619 8.589L14.7046 6.04603C14.8999 5.85103 14.8999 5.534 14.7046 5.339L12.6618 3.29603C12.4665 3.10103 12.15 3.10103 11.9547 3.29603Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
|
|
25
|
+
<path d="M11.431 3.81897C9.25004 2.26557 7.35944 1.75 5.75004 1.75L4.96204 2.36603C6.58204 3.58503 8.01504 4.80599 9.27404 5.97699" />
|
|
26
|
+
<path d="M12.0229 8.72601C13.1939 9.98501 14.4149 11.418 15.6339 13.038L16.2499 12.25C16.2499 10.6406 15.7343 8.74997 14.1809 6.56897" />
|
|
27
|
+
<path d="M11.182 8.81799L4.414 15.586C3.862 16.138 2.966 16.138 2.414 15.586C1.862 15.034 1.862 14.138 2.414 13.586L9.182 6.81799" />
|
|
28
|
+
<path d="M11.7047 3.54632L9.1619 6.08907C8.96664 6.28434 8.96664 6.60092 9.1619 6.79618L11.2047 8.839C11.4 9.03426 11.7166 9.03426 11.9118 8.839L14.4546 6.29624C14.6498 6.10098 14.6498 5.78439 14.4546 5.58913L12.4118 3.54632C12.2165 3.35106 11.8999 3.35105 11.7047 3.54632Z" />
|
|
29
|
+
</g>
|
|
30
|
+
</svg>
|
|
31
|
+
</template>
|
|
32
|
+
|
|
33
|
+
<style scoped>
|
|
34
|
+
.icon {
|
|
35
|
+
display: inline-block;
|
|
36
|
+
vertical-align: middle;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 1.82454C8.00769 1.77566 7.75696 1.75 7.50024 1.75C5.41777 1.75 3.72958 3.43818 3.72958 5.52066C3.72958 7.60314 5.41777 9.29132 7.50024 9.29132C7.75696 9.29132 8.00769 9.26567 8.25 9.21678V1.82454Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M8.25 1.75V16.25" />
|
|
24
|
+
<path d="M12.25 1.75V16.25" />
|
|
25
|
+
<path d="M14.25 1.75H7.5C5.429 1.75 3.75 3.429 3.75 5.5C3.75 7.571 5.429 9.25 7.5 9.25H8.25" />
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<style scoped>
|
|
31
|
+
.icon {
|
|
32
|
+
display: inline-block;
|
|
33
|
+
vertical-align: middle;
|
|
34
|
+
}
|
|
35
|
+
</style>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface Props {
|
|
3
|
+
size?: number | string
|
|
4
|
+
color?: string
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
withDefaults(defineProps<Props>(), {
|
|
8
|
+
size: 24,
|
|
9
|
+
color: 'currentColor'
|
|
10
|
+
})
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<svg
|
|
15
|
+
class="icon"
|
|
16
|
+
:width="size"
|
|
17
|
+
:height="size"
|
|
18
|
+
viewBox="0 0 18 18"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
>
|
|
21
|
+
<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
|
|
22
|
+
<path d="M9 16.25C10.5833 15.75 15 12.25 15 7.75C15 4.438 12.3137 1.75 9 1.75C5.6863 1.75 3 4.438 3 7.75C3 12.25 7.4167 15.75 9 16.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
|
|
23
|
+
<path d="M9 5.25V10.25" />
|
|
24
|
+
<path d="M11.5 7.75H6.5" />
|
|
25
|
+
<path d="M9 16.25C10.5833 15.75 15 12.25 15 7.75C15 4.438 12.3137 1.75 9 1.75C5.6863 1.75 3 4.438 3 7.75C3 12.25 7.4167 15.75 9 16.25Z" />
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<style scoped>
|
|
31
|
+
.icon {
|
|
32
|
+
display: inline-block;
|
|
33
|
+
vertical-align: middle;
|
|
34
|
+
}
|
|
35
|
+
</style>
|