init
This commit is contained in:
21
static/Vvvebjs/resources/svg/icons/heroicons/LICENSE
Normal file
21
static/Vvvebjs/resources/svg/icons/heroicons/LICENSE
Normal file
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2020 Refactoring UI Inc.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
104
static/Vvvebjs/resources/svg/icons/heroicons/README.md
Normal file
104
static/Vvvebjs/resources/svg/icons/heroicons/README.md
Normal file
@@ -0,0 +1,104 @@
|
||||
<p align="center">
|
||||
<img src="https://raw.githubusercontent.com/tailwindlabs/heroicons/master/.github/logo.svg" alt="Heroicons">
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects. <br>Available as basic SVG icons and via first-party <a href="#react">React</a> and <a href="#vue">Vue</a> libraries.
|
||||
<p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://heroicons.com"><strong>Browse at Heroicons.com →</strong></a>
|
||||
</p>
|
||||
|
||||
|
||||
<p align="center">
|
||||
<a href="https://github.com/tailwindlabs/heroicons/releases"><img src="https://img.shields.io/npm/v/heroicons" alt="Latest Release"></a>
|
||||
<a href="https://github.com/tailwindlabs/heroicons/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/heroicons.svg" alt="License"></a>
|
||||
</p>
|
||||
|
||||
|
||||
## Basic Usage
|
||||
|
||||
The quickest way to use these icons is to simply copy the source for the icon you need from [heroicons.com](https://heroicons.com) and inline it directly into your HTML:
|
||||
|
||||
```html
|
||||
<svg class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
|
||||
/>
|
||||
</svg>
|
||||
```
|
||||
|
||||
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).
|
||||
|
||||
## React
|
||||
|
||||
First, install `@heroicons/react` from npm:
|
||||
|
||||
```sh
|
||||
npm install @heroicons/react
|
||||
```
|
||||
|
||||
Now each icon can be imported individually as a React component:
|
||||
|
||||
```js
|
||||
import { BeakerIcon } from '@heroicons/react/solid'
|
||||
|
||||
function MyComponent() {
|
||||
return (
|
||||
<div>
|
||||
<BeakerIcon className="h-5 w-5 text-blue-500"/>
|
||||
<p>...</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
```
|
||||
|
||||
The 24x24 outline icons can be imported from `@heroicons/react/outline`, and the 20x20 solid icons can be imported from `@heroicons/react/solid`.
|
||||
|
||||
Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.
|
||||
|
||||
[Browse the full list of icon names on UNPKG →](https://unpkg.com/browse/@heroicons/react/outline/)
|
||||
|
||||
|
||||
## Vue
|
||||
|
||||
*Note that this library currently only supports Vue 3.*
|
||||
|
||||
First, install `@heroicons/vue` from npm:
|
||||
|
||||
```sh
|
||||
npm install @heroicons/vue
|
||||
```
|
||||
|
||||
Now each icon can be imported individually as a Vue component:
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<div>
|
||||
<BeakerIcon class="h-5 w-5 text-blue-500"/>
|
||||
<p>...</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { BeakerIcon } from '@heroicons/vue/solid'
|
||||
|
||||
export default {
|
||||
components: { BeakerIcon }
|
||||
}
|
||||
</script>
|
||||
```
|
||||
|
||||
The 24x24 outline icons can be imported from `@heroicons/vue/outline`, and the 20x20 solid icons can be imported from `@heroicons/vue/solid`.
|
||||
|
||||
Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.
|
||||
|
||||
[Browse the full list of icon names on UNPKG →](https://unpkg.com/browse/@heroicons/vue/outline/)
|
||||
|
||||
## License
|
||||
|
||||
This library is MIT licensed.
|
||||
1683
static/Vvvebjs/resources/svg/icons/heroicons/index.html
Normal file
1683
static/Vvvebjs/resources/svg/icons/heroicons/index.html
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user