wellness-icons 0.0.0-insiders.c58e3f2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/24/outline/academic-cap.svg +3 -0
  2. package/LICENSE +21 -0
  3. package/README.md +112 -0
  4. package/package.json +29 -0
package/24/outline/academic-cap.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.697 50.697 0 0112 13.489a50.702 50.702 0 017.74-3.342M6.75 15a.75.75 0 100-1.5.75.75 0 000 1.5zm0 0v-3.675A55.378 55.378 0 0112 8.443m-7.007 11.55A5.981 5.981 0 006.75 15.75v-1.5"/>
3
+ </svg>
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2022 Fuxlab GmbH.
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,112 @@
1
+ <p align="center">
2
+ <a href="https://wellness-icons.saunaworlds.com/#gh-light-mode-only" target="_blank">
3
+ <img src="./.github/logo-light.svg" alt="wellness-icons" width="300">
4
+ </a>
5
+ <a href="https://wellness-icons.saunaworlds.com/#gh-dark-mode-only" target="_blank">
6
+ <img src="./.github/logo-dark.svg" alt="wellness-icons" width="300">
7
+ </a>
8
+ </p>
9
+
10
+ <p align="center">
11
+ Beautiful hand-crafted Sauna & Wellness SVG icons, by Saunaworlds. <br>Available as basic SVG icons and via first-party <a href="#react">React</a> and <a href="#vue">Vue</a> libraries.
12
+ <p>
13
+
14
+ <p align="center">
15
+ <a href="https://wellness-icons.saunaworlds.com"><strong>Browse at wellness-icons.saunaworlds.com &rarr;</strong></a>
16
+ </p>
17
+
18
+
19
+ <p align="center">
20
+ <a href="https://github.com/saunaworlds/wellness-icons/releases"><img src="https://img.shields.io/npm/v/wellness-icons" alt="Latest Release"></a>
21
+ <a href="https://github.com/saunaworlds/wellness-icons/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/wellness-icons.svg" alt="License"></a>
22
+ </p>
23
+
24
+
25
+ ## Basic Usage
26
+
27
+ The quickest way to use these icons is to simply copy the source for the icon you need from [wellness-icons.saunaworlds.com](https://wellness-icons.saunaworlds.com) and inline it directly into your HTML:
28
+
29
+ ```html
30
+ <svg class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
31
+ <path
32
+ stroke-linecap="round"
33
+ stroke-linejoin="round"
34
+ d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
35
+ />
36
+ </svg>
37
+ ```
38
+
39
+ Both icon styles are preconfigured to be stylable by setting the `color` CSS property, either manually or using utility classes like `text-gray-500` in a framework like [Tailwind CSS](https://tailwindcss.com).
40
+
41
+ ## React
42
+
43
+ First, install `@wellness-icons/react` from npm:
44
+
45
+ ```sh
46
+ npm install @wellness-icons/react
47
+ ```
48
+
49
+ Now each icon can be imported individually as a React component:
50
+
51
+ ```js
52
+ import { BeakerIcon } from '@wellness-icons/react/24/outline'
53
+
54
+ function MyComponent() {
55
+ return (
56
+ <div>
57
+ <BeakerIcon className="h-6 w-6 text-blue-500"/>
58
+ <p>...</p>
59
+ </div>
60
+ )
61
+ }
62
+ ```
63
+
64
+ The 24x24 outline icons can be imported from `@wellness-icons/react/24/outline`.
65
+
66
+ Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.
67
+
68
+ [Browse the full list of icon names on UNPKG &rarr;](https://unpkg.com/browse/@wellness-icons/react/24/outline/)
69
+
70
+
71
+ ## Vue
72
+
73
+ *Note that this library currently only supports Vue 3.*
74
+
75
+ First, install `@wellness-icons/vue` from npm:
76
+
77
+ ```sh
78
+ npm install @wellness-icons/vue
79
+ ```
80
+
81
+ Now each icon can be imported individually as a Vue component:
82
+
83
+ ```vue
84
+ <template>
85
+ <div>
86
+ <BeakerIcon class="h-6 w-6 text-blue-500"/>
87
+ <p>...</p>
88
+ </div>
89
+ </template>
90
+
91
+ <script>
92
+ import { BeakerIcon } from '@wellness-icons/vue/24/outline'
93
+
94
+ export default {
95
+ components: { BeakerIcon }
96
+ }
97
+ </script>
98
+ ```
99
+
100
+ The 24x24 outline icons can be imported from `@wellness-icons/vue/24/outline`.
101
+
102
+ Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.
103
+
104
+ [Browse the full list of icon names on UNPKG &rarr;](https://unpkg.com/browse/@wellness-icons/vue/24/outline/)
105
+
106
+ ## License
107
+
108
+ Icons designed by the amazing [Roberta Lanzetti](https://www.robertalanzetti.it/).
109
+
110
+ Codebase is forked from [saunaworlds/wellness-icons](https://github.com/saunaworlds/wellness-icons).
111
+
112
+ This library is MIT licensed.
package/package.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "name": "wellness-icons",
3
+ "version": "0.0.0-insiders.c58e3f2",
4
+ "license": "MIT",
5
+ "files": [
6
+ "24/",
7
+ "README.md"
8
+ ],
9
+ "scripts": {
10
+ "prepublishOnly": "npm run build",
11
+ "lint": "node ./scripts/verify-names.js",
12
+ "prebuild": "rimraf ./{24} ./{vue,react}/{24} ./optimized/{24}",
13
+ "build": "npm run build-24-outline && npm run build-react && npm run build-vue",
14
+ "build-react": "node ./scripts/build.js react",
15
+ "build-vue": "node ./scripts/build.js vue",
16
+ "build-24-outline": "rimraf ./24/outline ./optimized/24/outline && svgo --config=svgo.24.outline.yaml -f ./src/24/outline -o ./optimized/24/outline --pretty --indent=2 && mkdir -p ./24 && cp -R ./optimized/24/outline ./24/outline",
17
+ "release-channel": "node ./scripts/release-channel.js",
18
+ "release-notes": "node ./scripts/release-notes.js"
19
+ },
20
+ "devDependencies": {
21
+ "@babel/core": "^7.12.10",
22
+ "@babel/plugin-transform-react-jsx": "^7.12.12",
23
+ "@svgr/core": "^5.5.0",
24
+ "@vue/compiler-dom": "^3.0.5",
25
+ "camelcase": "^6.0.0",
26
+ "rimraf": "^3.0.2",
27
+ "svgo": "^1.3.2"
28
+ }
29
+ }