@sidekickicons/vue 0.1.0 → 0.3.0

package/24/solid/esm/HeadphonesSlashIcon.js

@@ -0,0 +1,15 @@
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+export default function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "xml:space": "preserve",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    _createElementVNode("path", { d: "M5.482 8.662 4.35 7.53a8.412 8.412 0 0 0-.541 5.926c-.08.072-.16.146-.235.227-.84.899-1.055 2.289-.564 4.12.49 1.833 1.372 2.929 2.549 3.288 1.176.36 2.39.048 3.685-.299a.75.75 0 0 0 .531-.918l-.97-3.623-.971-3.621a.75.75 0 0 0-.686-.555.75.75 0 0 0-.232.024c-.618.165-1.216.329-1.764.552a6.892 6.892 0 0 1 .33-3.988ZM18.012 21.191l-3.266-3.265-.521 1.947a.75.75 0 0 0 .53.918c1.14.305 2.214.582 3.257.4zM7.324 4.145l1.09 1.09a7.037 7.037 0 0 1 7.742.372 6.92 6.92 0 0 1 2.692 7.043c-.548-.223-1.146-.387-1.764-.552a.75.75 0 0 0-.232-.024.75.75 0 0 0-.686.555l-.076.281 4.898 4.899.002-.006c.491-1.832.275-3.222-.564-4.121a3.519 3.519 0 0 0-.235-.227 8.435 8.435 0 0 0-3.148-9.059A8.523 8.523 0 0 0 12 2.75c-1.63 0-3.259.466-4.676 1.395Z" }),
+    _createElementVNode("path", { d: "M3.511 2.451a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06z" })
+  ]))
+}

package/24/solid/esm/MicrophoneSlashIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const MicrophoneSlashIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default MicrophoneSlashIcon;

package/24/solid/esm/MicrophoneSlashIcon.js

@@ -0,0 +1,14 @@
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+export default function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "xml:space": "preserve",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    _createElementVNode("path", { d: "M12 .75A3.75 3.75 0 0 0 8.25 4.5v.57l7.5 7.5V4.5A3.75 3.75 0 0 0 12 .75zM6 10.5a.75.75 0 0 0-.75.75v1.5a6.751 6.751 0 0 0 6 6.709v2.291h-3a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-3v-2.291a6.751 6.751 0 0 0 2.635-.895l-1.108-1.107A5.25 5.25 0 0 1 6.75 12.75v-1.5A.75.75 0 0 0 6 10.5zm12 0a.75.75 0 0 0-.75.75v1.5a5.25 5.25 0 0 1-.146 1.174l1.199 1.199a6.751 6.751 0 0 0 .447-2.373v-1.5a.75.75 0 0 0-.75-.75zm-9.75.93v1.32a3.75 3.75 0 0 0 4.875 3.555L8.25 11.43zM3.511 2.451a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06z" })
+  ]))
+}

package/24/solid/esm/ShieldIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const ShieldIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default ShieldIcon;

package/24/solid/esm/ShieldIcon.js

@@ -0,0 +1,14 @@
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+export default function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "xml:space": "preserve",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    _createElementVNode("path", { d: "M12.516 2.127a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515 12.74 12.74 0 0 0-.635 3.985c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08z" })
+  ]))
+}

package/24/solid/esm/SidebarLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const SidebarLeftIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default SidebarLeftIcon;

package/24/solid/esm/SidebarLeftIcon.js

@@ -0,0 +1,14 @@
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+export default function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "xml:space": "preserve",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    _createElementVNode("path", { d: "M9 3.75v16.5h10.875c1.035 0 1.875-.84 1.875-1.875V5.625c0-1.036-.84-1.875-1.875-1.875Zm-4.875 0H7.5v16.5H4.125a1.875 1.875 0 0 1-1.875-1.875V5.625c0-1.036.84-1.875 1.875-1.875Z" })
+  ]))
+}

package/24/solid/esm/SidebarRightIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+declare const SidebarRightIcon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+export default SidebarRightIcon;

package/24/solid/esm/SidebarRightIcon.js

@@ -0,0 +1,14 @@
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+export default function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    "xml:space": "preserve",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    _createElementVNode("path", { d: "M15 3.75v16.5H4.125a1.876 1.876 0 0 1-1.875-1.875V5.625c0-1.036.84-1.875 1.875-1.875Zm4.875 0H16.5v16.5h3.375a1.875 1.875 0 0 0 1.875-1.875V5.625c0-1.036-.84-1.875-1.875-1.875Z" })
+  ]))
+}

package/24/solid/esm/index.d.ts

@@ -1,4 +1,13 @@
+export { default as ArcThirdIcon } from './ArcThirdIcon'
 export { default as ArrowPathClockIcon } from './ArrowPathClockIcon'
+export { default as ChevronDownUpIcon } from './ChevronDownUpIcon'
 export { default as CompassIcon } from './CompassIcon'
 export { default as CrownIcon } from './CrownIcon'
-export { default as MaskIcon } from './MaskIcon'
+export { default as FloppyDiskIcon } from './FloppyDiskIcon'
+export { default as HeadphonesSlashIcon } from './HeadphonesSlashIcon'
+export { default as HeadphonesIcon } from './HeadphonesIcon'
+export { default as MaskIcon } from './MaskIcon'
+export { default as MicrophoneSlashIcon } from './MicrophoneSlashIcon'
+export { default as ShieldIcon } from './ShieldIcon'
+export { default as SidebarLeftIcon } from './SidebarLeftIcon'
+export { default as SidebarRightIcon } from './SidebarRightIcon'

package/24/solid/esm/index.js

@@ -1,4 +1,13 @@
+export { default as ArcThirdIcon } from './ArcThirdIcon.js'
 export { default as ArrowPathClockIcon } from './ArrowPathClockIcon.js'
+export { default as ChevronDownUpIcon } from './ChevronDownUpIcon.js'
 export { default as CompassIcon } from './CompassIcon.js'
 export { default as CrownIcon } from './CrownIcon.js'
-export { default as MaskIcon } from './MaskIcon.js'
+export { default as FloppyDiskIcon } from './FloppyDiskIcon.js'
+export { default as HeadphonesSlashIcon } from './HeadphonesSlashIcon.js'
+export { default as HeadphonesIcon } from './HeadphonesIcon.js'
+export { default as MaskIcon } from './MaskIcon.js'
+export { default as MicrophoneSlashIcon } from './MicrophoneSlashIcon.js'
+export { default as ShieldIcon } from './ShieldIcon.js'
+export { default as SidebarLeftIcon } from './SidebarLeftIcon.js'
+export { default as SidebarRightIcon } from './SidebarRightIcon.js'

package/24/solid/index.d.ts

@@ -1,4 +1,13 @@
+export { default as ArcThirdIcon } from './ArcThirdIcon'
 export { default as ArrowPathClockIcon } from './ArrowPathClockIcon'
+export { default as ChevronDownUpIcon } from './ChevronDownUpIcon'
 export { default as CompassIcon } from './CompassIcon'
 export { default as CrownIcon } from './CrownIcon'
-export { default as MaskIcon } from './MaskIcon'
+export { default as FloppyDiskIcon } from './FloppyDiskIcon'
+export { default as HeadphonesSlashIcon } from './HeadphonesSlashIcon'
+export { default as HeadphonesIcon } from './HeadphonesIcon'
+export { default as MaskIcon } from './MaskIcon'
+export { default as MicrophoneSlashIcon } from './MicrophoneSlashIcon'
+export { default as ShieldIcon } from './ShieldIcon'
+export { default as SidebarLeftIcon } from './SidebarLeftIcon'
+export { default as SidebarRightIcon } from './SidebarRightIcon'

package/24/solid/index.js

@@ -1,4 +1,13 @@
+module.exports.ArcThirdIcon = require("./ArcThirdIcon.js")
 module.exports.ArrowPathClockIcon = require("./ArrowPathClockIcon.js")
+module.exports.ChevronDownUpIcon = require("./ChevronDownUpIcon.js")
 module.exports.CompassIcon = require("./CompassIcon.js")
 module.exports.CrownIcon = require("./CrownIcon.js")
-module.exports.MaskIcon = require("./MaskIcon.js")
+module.exports.FloppyDiskIcon = require("./FloppyDiskIcon.js")
+module.exports.HeadphonesSlashIcon = require("./HeadphonesSlashIcon.js")
+module.exports.HeadphonesIcon = require("./HeadphonesIcon.js")
+module.exports.MaskIcon = require("./MaskIcon.js")
+module.exports.MicrophoneSlashIcon = require("./MicrophoneSlashIcon.js")
+module.exports.ShieldIcon = require("./ShieldIcon.js")
+module.exports.SidebarLeftIcon = require("./SidebarLeftIcon.js")
+module.exports.SidebarRightIcon = require("./SidebarRightIcon.js")

package/README.md

@@ -8,6 +8,8 @@
   </a>
 </p>
 
+Fanmade icons to complement [Heroicons](https://github.com/tailwindlabs/heroicons).
+
 ## Basic Usage
 
 First, install `@sidekickicons/vue` from npm:
@@ -16,22 +18,28 @@ First, install `@sidekickicons/vue` from npm:
 npm install @sidekickicons/vue
 ```
 
-Now each icon can be imported individually as a Vue component:
+Now each icon can be used alongside Heroicons and imported individually as a Vue component:
 
 ```vue
 <template>
   <div>
-    <MaskIcon class="size-6 text-blue-500" />
-    <p>...</p>
+    <CrownIcon class="size-6 text-blue-500" />
+    <BeakerIcon class="size-6 text-green-500" />
   </div>
 </template>
 
 <script setup>
-import { MaskIcon } from '@sidekickicons/vue/24/solid'
+import { CrownIcon } from '@sidekickicons/vue/24/solid'
+import { BeakerIcon } from '@heroicons/vue/24/solid'
 </script>
 ```
 
-The 24x24 outline icons can be imported from `@sidekickicons/vue/24/outline`, the 24x24 solid icons can be imported from `@sidekickicons/vue/24/solid`, the 20x20 solid icons can be imported from `@sidekickicons/vue/20/solid`, and the 16x16 solid icons can be imported from `@sidekickicons/vue/16/solid`.
+Import the icons from their respective directory:
+
+- 24x24 outline: `@sidekickicons/vue/24/outline`
+- 24x24 solid: `@sidekickicons/vue/24/solid`
+- 20x20 solid: `@sidekickicons/vue/20/solid`
+- 16x16 solid: `@sidekickicons/vue/16/solid`
 
 Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sidekickicons/vue",
   "license": "MIT",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/ndri/sidekickicons#readme",