@tabler/icons 1.44.0 → 1.45.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/README.md +41 -0
- package/iconfont/fonts/tabler-icons.eot +0 -0
- package/iconfont/fonts/tabler-icons.svg +105 -54
- package/iconfont/fonts/tabler-icons.ttf +0 -0
- package/iconfont/fonts/tabler-icons.woff +0 -0
- package/iconfont/fonts/tabler-icons.woff2 +0 -0
- package/iconfont/tabler-icons.css +69 -1
- package/iconfont/tabler-icons.html +155 -2
- package/iconfont/tabler-icons.min.css +2 -2
- package/iconfont/tabler-icons.scss +35 -1
- package/icons/.DS_Store +0 -0
- package/icons/brand-airtable.svg +8 -0
- package/icons/brand-angular.svg +8 -0
- package/icons/brand-cucumber.svg +13 -0
- package/icons/brand-doctrine.svg +9 -0
- package/icons/brand-firebase.svg +8 -0
- package/icons/brand-git.svg +12 -0
- package/icons/brand-loom.svg +9 -0
- package/icons/brand-netbeans.svg +12 -0
- package/icons/brand-php.svg +10 -0
- package/icons/brand-react-native.svg +12 -0
- package/icons/brand-sublime-text.svg +9 -0
- package/icons/brand-uber.svg +8 -0
- package/icons/brand-visual-studio.svg +6 -0
- package/icons/currency-dogecoin.svg +2 -2
- package/icons/language-hiragana.svg +10 -0
- package/icons/language-katakana.svg +9 -0
- package/icons/language.svg +5 -2
- package/icons/prison.svg +13 -0
- package/icons/strikethrough.svg +2 -2
- package/icons/wall.svg +14 -0
- package/icons-png/.DS_Store +0 -0
- package/icons-png/brand-airtable.png +0 -0
- package/icons-png/brand-angular.png +0 -0
- package/icons-png/brand-cucumber.png +0 -0
- package/icons-png/brand-doctrine.png +0 -0
- package/icons-png/brand-firebase.png +0 -0
- package/icons-png/brand-git.png +0 -0
- package/icons-png/brand-loom.png +0 -0
- package/icons-png/brand-netbeans.png +0 -0
- package/icons-png/brand-php.png +0 -0
- package/icons-png/brand-react-native.png +0 -0
- package/icons-png/brand-sublime-text.png +0 -0
- package/icons-png/brand-uber.png +0 -0
- package/icons-png/brand-visual-studio.png +0 -0
- package/icons-png/currency-dogecoin.png +0 -0
- package/icons-png/language-hiragana.png +0 -0
- package/icons-png/language-katakana.png +0 -0
- package/icons-png/language.png +0 -0
- package/icons-png/prison.png +0 -0
- package/icons-png/strikethrough.png +0 -0
- package/icons-png/wall.png +0 -0
- package/icons-react/dist/index.cjs.js +666 -7
- package/icons-react/dist/index.cjs.js.map +1 -1
- package/icons-react/dist/index.cjs.min.js +1 -1
- package/icons-react/dist/index.cjs.min.js.map +1 -1
- package/icons-react/dist/index.esm.js +650 -8
- package/icons-react/dist/index.esm.js.map +1 -1
- package/icons-react/dist/index.esm.min.js +1 -1
- package/icons-react/dist/index.esm.min.js.map +1 -1
- package/icons-react/dist/index.umd.js +666 -7
- package/icons-react/dist/index.umd.js.map +1 -1
- package/icons-react/dist/index.umd.min.js +1 -1
- package/icons-react/dist/index.umd.min.js.map +1 -1
- package/icons-react/index.d.ts +17 -0
- package/package.json +1 -1
- package/tabler-sprite-nostroke.svg +1 -1
- package/tabler-sprite.svg +1 -1
- package/tags.json +198 -20
package/README.md
CHANGED
|
@@ -119,6 +119,47 @@ const MyComponent = () => {
|
|
|
119
119
|
|
|
120
120
|
`@tabler/icons` exports it's own type declarations for usage with React and Typescript.
|
|
121
121
|
|
|
122
|
+
### Angular
|
|
123
|
+
|
|
124
|
+
Angular components available through [`angular-tabler-icons`](https://www.npmjs.com/package/angular-tabler-icons) package.
|
|
125
|
+
Install the package, then create icons module:
|
|
126
|
+
|
|
127
|
+
```ts
|
|
128
|
+
import { NgModule } from '@angular/core';
|
|
129
|
+
|
|
130
|
+
import { TablerIconsModule } from 'angular-tabler-icons';
|
|
131
|
+
import { IconCamera, IconHeart, IconBrandGithub } from 'angular-tabler-icons/icons';
|
|
132
|
+
|
|
133
|
+
// Select some icons (use an object, not an array)
|
|
134
|
+
const icons = {
|
|
135
|
+
IconCamera,
|
|
136
|
+
IconHeart,
|
|
137
|
+
IconBrandGithub
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
@NgModule({
|
|
141
|
+
imports: [
|
|
142
|
+
TablerIconsModule.pick(icons)
|
|
143
|
+
],
|
|
144
|
+
exports: [
|
|
145
|
+
TablerIconsModule
|
|
146
|
+
]
|
|
147
|
+
})
|
|
148
|
+
export class IconsModule { }
|
|
149
|
+
```
|
|
150
|
+
|
|
151
|
+
After importing the _IconsModule_ in your feature or shared module, use the icons as follows:
|
|
152
|
+
|
|
153
|
+
```html
|
|
154
|
+
<i-tabler name="camera"></i-tabler>
|
|
155
|
+
<i-tabler name="heart" style="color: red;"></i-tabler>
|
|
156
|
+
<i-tabler name="brand-github" class="someclass"></i-tabler>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
`angular-tabler-icons` exports it's own type declarations for usage with Typescript.
|
|
160
|
+
|
|
161
|
+
For more usage documentation refer to [the official documentation](https://github.com/pierreavn/angular-tabler-icons).
|
|
162
|
+
|
|
122
163
|
### Vue
|
|
123
164
|
|
|
124
165
|
Vue components available through [`vue-tabler-icons`](https://www.npmjs.com/package/vue-tabler-icons) package.
|
|
Binary file
|