@solar-icons/angular 2.0.0-beta.0 → 2.0.0-beta.2
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/LICENSE-THIRD-PARTY +14 -0
- package/README.md +33 -137
- package/dist/dynamic/airbuds-left.d.ts +1 -1
- package/dist/dynamic/airbuds-right.d.ts +1 -1
- package/dist/dynamic/radial-blur.d.ts +3 -3
- package/dist/icons/airbuds-left-line-duotone.d.ts +1 -1
- package/dist/icons/airbuds-left-line-duotone.js +2 -2
- package/dist/icons/airbuds-right-line-duotone.d.ts +1 -1
- package/dist/icons/airbuds-right-line-duotone.js +2 -2
- package/dist/icons/radial-blur-broken.d.ts +1 -1
- package/dist/icons/radial-blur-broken.js +2 -2
- package/dist/icons/radial-blur-line-duotone.d.ts +1 -1
- package/dist/icons/radial-blur-line-duotone.js +2 -2
- package/dist/icons/radial-blur-linear.d.ts +1 -1
- package/dist/icons/radial-blur-linear.js +2 -2
- package/package.json +2 -2
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
THIRD-PARTY LICENSES
|
|
2
|
+
|
|
3
|
+
This project includes icons that are licensed under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
|
|
4
|
+
|
|
5
|
+
Attribution Requirement:
|
|
6
|
+
You are allowed to use these icons for commercial and non-commercial purposes, but you must give appropriate credit as required by the CC BY 4.0 license.
|
|
7
|
+
|
|
8
|
+
For more details, please visit: https://creativecommons.org/licenses/by/4.0/
|
|
9
|
+
|
|
10
|
+
List of Third-Party Elements:
|
|
11
|
+
- **Solar Icons Set** By [480 Design](https://www.figma.com/community/file/1166831539721848736)
|
|
12
|
+
|
|
13
|
+
Attribution Instructions:
|
|
14
|
+
When using the icons, please attribute the original authors in a visible way according to the terms of the CC BY 4.0 license.
|
package/README.md
CHANGED
|
@@ -1,170 +1,66 @@
|
|
|
1
1
|
# @solar-icons/angular
|
|
2
2
|
|
|
3
|
-
Solar Icons
|
|
3
|
+
Angular components for Solar Icons. This package provides 7,476 SVG icons across 6 styles (Bold, Broken, Linear, Outline, Bold Duotone, Line Duotone), optimized for Angular applications.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Features
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
### Static components
|
|
14
|
-
|
|
15
|
-
Import icons with the `Solar` prefix and style suffix, then use attribute selectors on `<svg>`:
|
|
7
|
+
- **7,476 SVGs:** 1,246 unique icons in 6 styles. Designed by 480 Design.
|
|
8
|
+
- **Tree-shakeable:** Import only the icons you use.
|
|
9
|
+
- **Global configuration:** Set defaults for size, color, and stroke width using `<solar-provider>`.
|
|
10
|
+
- **Customizable:** Override size, color, and stroke width per icon via inputs or CSS variables.
|
|
11
|
+
- **Duotone support:** Secondary color controls for `bold-duotone` and `line-duotone` styles.
|
|
12
|
+
- **TypeScript:** Typed components and inputs.
|
|
16
13
|
|
|
17
|
-
|
|
18
|
-
import { Component } from '@angular/core'
|
|
19
|
-
import { SolarHomeBold } from '@solar-icons/angular'
|
|
14
|
+
## Install
|
|
20
15
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
standalone: true,
|
|
24
|
-
imports: [SolarHomeBold],
|
|
25
|
-
template: ` <svg solarHomeBold [size]="32" color="#ef4444" /> `,
|
|
26
|
-
})
|
|
27
|
-
export class ExampleComponent {}
|
|
16
|
+
```sh
|
|
17
|
+
npm install @solar-icons/angular
|
|
28
18
|
```
|
|
29
19
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
Wrap a subtree to share icon styling via CSS custom properties:
|
|
20
|
+
## Usage
|
|
33
21
|
|
|
34
|
-
```
|
|
22
|
+
```ts
|
|
35
23
|
import { Component } from '@angular/core'
|
|
36
|
-
import {
|
|
24
|
+
import { HomeIcon, LoginIcon } from '@solar-icons/angular/linear'
|
|
37
25
|
|
|
38
26
|
@Component({
|
|
39
|
-
selector: 'app-demo',
|
|
40
27
|
standalone: true,
|
|
41
|
-
imports: [
|
|
28
|
+
imports: [HomeIcon, LoginIcon],
|
|
42
29
|
template: `
|
|
43
|
-
<
|
|
44
|
-
<svg
|
|
45
|
-
<svg
|
|
46
|
-
</
|
|
30
|
+
<div>
|
|
31
|
+
<svg solarHomeIcon></svg>
|
|
32
|
+
<svg solarLoginIcon color="#3b82f6" size="32" strokeWidth="2"></svg>
|
|
33
|
+
</div>
|
|
47
34
|
`,
|
|
48
35
|
})
|
|
49
|
-
export class
|
|
36
|
+
export class AppComponent {}
|
|
50
37
|
```
|
|
51
38
|
|
|
52
|
-
|
|
53
|
-
| ------------------ | --------------------------- | -------------- |
|
|
54
|
-
| `color` | `--solar-color` | `currentColor` |
|
|
55
|
-
| `size` | `--solar-size` | `24px` |
|
|
56
|
-
| `strokeWidth` | `--solar-stroke-width` | `1.5` |
|
|
57
|
-
| `secondaryColor` | `--solar-secondary-color` | `currentColor` |
|
|
58
|
-
| `secondaryOpacity` | `--solar-secondary-opacity` | `0.5` |
|
|
59
|
-
|
|
60
|
-
### useSolar
|
|
39
|
+
### Global Configuration (Provider)
|
|
61
40
|
|
|
62
|
-
|
|
41
|
+
Wrap your components in `<solar-provider>` to set default properties:
|
|
63
42
|
|
|
64
|
-
```
|
|
43
|
+
```ts
|
|
65
44
|
import { Component } from '@angular/core'
|
|
66
|
-
import {
|
|
45
|
+
import { SolarProvider } from '@solar-icons/angular'
|
|
46
|
+
import { HomeIcon } from '@solar-icons/angular/linear'
|
|
67
47
|
|
|
68
48
|
@Component({
|
|
69
|
-
selector: 'app-controls',
|
|
70
49
|
standalone: true,
|
|
71
|
-
imports: [
|
|
50
|
+
imports: [SolarProvider, HomeIcon],
|
|
72
51
|
template: `
|
|
73
|
-
<
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
[value]="solar.color()"
|
|
77
|
-
(input)="solar.setColor($any($event.target).value)" />
|
|
52
|
+
<solar-provider size="24" color="currentColor" strokeWidth="1.5">
|
|
53
|
+
<svg solarHomeIcon></svg>
|
|
54
|
+
</solar-provider>
|
|
78
55
|
`,
|
|
79
56
|
})
|
|
80
|
-
export class
|
|
81
|
-
readonly solar = useSolar()
|
|
82
|
-
}
|
|
83
|
-
```
|
|
84
|
-
|
|
85
|
-
Wrap the component in a `<solar-provider>` ancestor:
|
|
86
|
-
|
|
87
|
-
```html
|
|
88
|
-
<solar-provider>
|
|
89
|
-
<app-controls />
|
|
90
|
-
</solar-provider>
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
### Multi-style dynamic components
|
|
94
|
-
|
|
95
|
-
Import components that bundle all 6 styles and switch via `weight`:
|
|
96
|
-
|
|
97
|
-
```typescript
|
|
98
|
-
import { Component } from '@angular/core'
|
|
99
|
-
import { SolarHome } from '@solar-icons/angular/dynamic'
|
|
100
|
-
|
|
101
|
-
@Component({
|
|
102
|
-
selector: 'app-example',
|
|
103
|
-
standalone: true,
|
|
104
|
-
imports: [SolarHome],
|
|
105
|
-
template: `<svg solarHome weight="Bold" [size]="32" color="#ef4444" />`,
|
|
106
|
-
})
|
|
107
|
-
export class ExampleComponent {}
|
|
108
|
-
```
|
|
109
|
-
|
|
110
|
-
Available from `@solar-icons/angular/dynamic` (barrel) or `@solar-icons/angular/dynamic/home` (single).
|
|
111
|
-
|
|
112
|
-
### Dynamic rendering with `SolarIcon`
|
|
113
|
-
|
|
114
|
-
The `SolarIcon` directive renders icons at runtime from a class or registered name. Use it for data-driven scenarios.
|
|
115
|
-
|
|
116
|
-
```typescript
|
|
117
|
-
import { Component } from '@angular/core'
|
|
118
|
-
import { SolarIcon, provideSolarIcons } from '@solar-icons/angular'
|
|
119
|
-
import { SolarHome } from '@solar-icons/angular/dynamic'
|
|
120
|
-
|
|
121
|
-
@Component({
|
|
122
|
-
selector: 'app-example',
|
|
123
|
-
standalone: true,
|
|
124
|
-
imports: [SolarIcon],
|
|
125
|
-
template: ` <ng-container [solarIcon]="myIcon" [weight]="'Bold'" [size]="32" /> `,
|
|
126
|
-
})
|
|
127
|
-
export class ExampleComponent {
|
|
128
|
-
myIcon = SolarHome
|
|
129
|
-
}
|
|
130
|
-
```
|
|
131
|
-
|
|
132
|
-
`SolarIcon` accepts `size`, `color`, `strokeWidth`, `weight`, `secondaryColor`, `secondaryOpacity`, `alt` — all forwarded to the created icon.
|
|
133
|
-
|
|
134
|
-
### CSS variables
|
|
135
|
-
|
|
136
|
-
Icons read from CSS custom properties when explicit inputs are omitted:
|
|
137
|
-
|
|
138
|
-
```css
|
|
139
|
-
:host {
|
|
140
|
-
--solar-color: #ef4444;
|
|
141
|
-
--solar-size: 32px;
|
|
142
|
-
--solar-stroke-width: 2;
|
|
143
|
-
}
|
|
144
|
-
```
|
|
145
|
-
|
|
146
|
-
### Accessibility
|
|
147
|
-
|
|
148
|
-
Icons have `aria-hidden="true"` by default. Provide `alt` or `ariaLabel` to make them accessible:
|
|
149
|
-
|
|
150
|
-
```html
|
|
151
|
-
<svg solarHomeBold alt="Home" /> <svg solarHomeBold ariaLabel="Navigate to home page" />
|
|
57
|
+
export class AppComponent {}
|
|
152
58
|
```
|
|
153
59
|
|
|
154
|
-
##
|
|
60
|
+
## Documentation
|
|
155
61
|
|
|
156
|
-
|
|
157
|
-
| ------------------ | ------------------ | ------------------------------ |
|
|
158
|
-
| `color` | `string` | Icon color |
|
|
159
|
-
| `size` | `string \| number` | Width and height |
|
|
160
|
-
| `strokeWidth` | `string \| number` | Stroke width |
|
|
161
|
-
| `secondaryColor` | `string` | Duotone accent color |
|
|
162
|
-
| `secondaryOpacity` | `number` | Duotone accent opacity |
|
|
163
|
-
| `isolated` | `boolean` | Ignores provider CSS variables |
|
|
164
|
-
| `alt` | `string` | Accessibility label |
|
|
165
|
-
| `ariaLabel` | `string` | `aria-label` attribute |
|
|
62
|
+
For installation guides, API reference, and a searchable icon catalog, visit the [Angular Documentation](https://solar-icons.vercel.app/docs/v2/frameworks/angular).
|
|
166
63
|
|
|
167
64
|
## License
|
|
168
65
|
|
|
169
|
-
|
|
170
|
-
- **Icons**: CC BY 4.0 by [480 Design](https://www.figma.com/community/file/1166831539721848736) (requires attribution)
|
|
66
|
+
MIT License. Icons by 480 Design (CC BY 4.0).
|
|
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
*
|
|
10
10
|
*  Linear
|
|
11
11
|
*
|
|
12
|
-
*  LineDuotone
|
|
13
13
|
*
|
|
14
14
|
*  Outline
|
|
15
15
|
*/
|
|
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
*
|
|
10
10
|
*  Linear
|
|
11
11
|
*
|
|
12
|
-
*  LineDuotone
|
|
13
13
|
*
|
|
14
14
|
*  Outline
|
|
15
15
|
*/
|
|
@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*
|
|
6
6
|
*  BoldDuotone
|
|
7
7
|
*
|
|
8
|
-
*  Broken
|
|
9
9
|
*
|
|
10
|
-
*  Linear
|
|
11
11
|
*
|
|
12
|
-
*  LineDuotone
|
|
13
13
|
*
|
|
14
14
|
*  Outline
|
|
15
15
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconBase } from '../lib/icon-base';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*
|
|
6
6
|
* @usage
|
|
7
7
|
* `<svg solarAirbudsLeftLineDuotone [size]="24" color="#ef4444" />`
|
|
@@ -3,13 +3,13 @@ import { IconBase } from '../lib/icon-base';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SolarAirbudsLeftLineDuotone extends IconBase {
|
|
5
5
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarAirbudsLeftLineDuotone, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarAirbudsLeftLineDuotone, isStandalone: true, selector: "svg[solarAirbudsLeftLineDuotone]", host: { classAttribute: "solar solar-airbuds-left-line-duotone" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M8 5V8" stroke="currentColor" stroke-
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarAirbudsLeftLineDuotone, isStandalone: true, selector: "svg[solarAirbudsLeftLineDuotone]", host: { classAttribute: "solar solar-airbuds-left-line-duotone" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M8 5V8" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:circle cx="5.5" cy="5.5" r="5.5" transform="matrix(-1 0 0 1 21 11)" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:circle><svg:path d="M14.0009 5.09961C15.96 5.49729 17.5032 7.04046 17.9009 8.99959" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M2 18.6667V19.5C2 20.8807 3.11929 22 4.5 22C5.88071 22 7 20.8807 7 19.5V18.6667M2 18.6667V7.625L2.00007 7.55936C2.01591 4.49563 4.49563 2.01591 7.55936 2.00007L7.625 2L7.66438 2.00004C9.50262 2.00954 10.9905 3.49738 11 5.33562L11 5.375V8C11 9.65685 9.65685 11 8 11C7.44772 11 7 11.4477 7 12V18.6667M2 18.6667H7" stroke="currentColor"></svg:path><svg:path d="M14 14V19H17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarAirbudsLeftLineDuotone, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'svg[solarAirbudsLeftLineDuotone]',
|
|
12
|
-
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M8 5V8" stroke="currentColor" stroke-
|
|
12
|
+
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M8 5V8" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:circle cx="5.5" cy="5.5" r="5.5" transform="matrix(-1 0 0 1 21 11)" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:circle><svg:path d="M14.0009 5.09961C15.96 5.49729 17.5032 7.04046 17.9009 8.99959" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M2 18.6667V19.5C2 20.8807 3.11929 22 4.5 22C5.88071 22 7 20.8807 7 19.5V18.6667M2 18.6667V7.625L2.00007 7.55936C2.01591 4.49563 4.49563 2.01591 7.55936 2.00007L7.625 2L7.66438 2.00004C9.50262 2.00954 10.9905 3.49738 11 5.33562L11 5.375V8C11 9.65685 9.65685 11 8 11C7.44772 11 7 11.4477 7 12V18.6667M2 18.6667H7" stroke="currentColor"></svg:path><svg:path d="M14 14V19H17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`,
|
|
13
13
|
standalone: true,
|
|
14
14
|
encapsulation: ViewEncapsulation.None,
|
|
15
15
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconBase } from '../lib/icon-base';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*
|
|
6
6
|
* @usage
|
|
7
7
|
* `<svg solarAirbudsRightLineDuotone [size]="24" color="#ef4444" />`
|
|
@@ -3,13 +3,13 @@ import { IconBase } from '../lib/icon-base';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SolarAirbudsRightLineDuotone extends IconBase {
|
|
5
5
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarAirbudsRightLineDuotone, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarAirbudsRightLineDuotone, isStandalone: true, selector: "svg[solarAirbudsRightLineDuotone]", host: { classAttribute: "solar solar-airbuds-right-line-duotone" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15 5V8" stroke="currentColor" stroke-
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarAirbudsRightLineDuotone, isStandalone: true, selector: "svg[solarAirbudsRightLineDuotone]", host: { classAttribute: "solar solar-airbuds-right-line-duotone" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15 5V8" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:circle cx="7.5" cy="16.5" r="5.5" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:circle><svg:path d="M9.00008 5.09961C7.04095 5.49729 5.49778 7.04046 5.1001 8.99959" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M16 18.6667V12C16 11.4477 15.5523 11 15 11C13.3431 11 12 9.65685 12 8V5.375L12 5.33562C12.0095 3.49738 13.4974 2.00954 15.3356 2.00004L15.375 2L15.4406 2.00007C18.5044 2.01591 20.9841 4.49563 20.9999 7.55936L21 7.625V18.6667M16 18.6667V19.5C16 19.6393 16 19.7089 16.003 19.7678C16.0634 20.973 17.027 21.9366 18.2322 21.997C18.2911 22 18.3607 22 18.5 22C18.6393 22 18.7089 22 18.7678 21.997C19.973 21.9366 20.9366 20.973 20.997 19.7678C21 19.7089 21 19.6393 21 19.5V18.6667M16 18.6667H21" stroke="currentColor"></svg:path><svg:path d="M6 19V14H7.5C8.32843 14 9 14.5596 9 15.25C9 15.9404 8.32843 16.5 7.5 16.5M6 14V16.5H7.5M7.5 16.5L9 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarAirbudsRightLineDuotone, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'svg[solarAirbudsRightLineDuotone]',
|
|
12
|
-
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15 5V8" stroke="currentColor" stroke-
|
|
12
|
+
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15 5V8" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:circle cx="7.5" cy="16.5" r="5.5" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:circle><svg:path d="M9.00008 5.09961C7.04095 5.49729 5.49778 7.04046 5.1001 8.99959" stroke="currentColor" stroke-linecap="round" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M16 18.6667V12C16 11.4477 15.5523 11 15 11C13.3431 11 12 9.65685 12 8V5.375L12 5.33562C12.0095 3.49738 13.4974 2.00954 15.3356 2.00004L15.375 2L15.4406 2.00007C18.5044 2.01591 20.9841 4.49563 20.9999 7.55936L21 7.625V18.6667M16 18.6667V19.5C16 19.6393 16 19.7089 16.003 19.7678C16.0634 20.973 17.027 21.9366 18.2322 21.997C18.2911 22 18.3607 22 18.5 22C18.6393 22 18.7089 22 18.7678 21.997C19.973 21.9366 20.9366 20.973 20.997 19.7678C21 19.7089 21 19.6393 21 19.5V18.6667M16 18.6667H21" stroke="currentColor"></svg:path><svg:path d="M6 19V14H7.5C8.32843 14 9 14.5596 9 15.25C9 15.9404 8.32843 16.5 7.5 16.5M6 14V16.5H7.5M7.5 16.5L9 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`,
|
|
13
13
|
standalone: true,
|
|
14
14
|
encapsulation: ViewEncapsulation.None,
|
|
15
15
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconBase } from '../lib/icon-base';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*
|
|
6
6
|
* @usage
|
|
7
7
|
* `<svg solarRadialBlurBroken [size]="24" color="#ef4444" />`
|
|
@@ -3,13 +3,13 @@ import { IconBase } from '../lib/icon-base';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SolarRadialBlurBroken extends IconBase {
|
|
5
5
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarRadialBlurBroken, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarRadialBlurBroken, isStandalone: true, selector: "svg[solarRadialBlurBroken]", host: { classAttribute: "solar solar-radial-blur-broken" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarRadialBlurBroken, isStandalone: true, selector: "svg[solarRadialBlurBroken]", host: { classAttribute: "solar solar-radial-blur-broken" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7" stroke="currentColor" stroke-linecap="round"></svg:path><svg:path d="M9.75 5.75H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 9.75H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 14.25H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M9.75 18.25H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 18.25H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 14.25H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 9.75H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 5.75H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarRadialBlurBroken, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'svg[solarRadialBlurBroken]',
|
|
12
|
-
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="
|
|
12
|
+
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7" stroke="currentColor" stroke-linecap="round"></svg:path><svg:path d="M9.75 5.75H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 9.75H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 14.25H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M9.75 18.25H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 18.25H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 14.25H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 9.75H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 5.75H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`,
|
|
13
13
|
standalone: true,
|
|
14
14
|
encapsulation: ViewEncapsulation.None,
|
|
15
15
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconBase } from '../lib/icon-base';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*
|
|
6
6
|
* @usage
|
|
7
7
|
* `<svg solarRadialBlurLineDuotone [size]="24" color="#ef4444" />`
|
|
@@ -3,13 +3,13 @@ import { IconBase } from '../lib/icon-base';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SolarRadialBlurLineDuotone extends IconBase {
|
|
5
5
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarRadialBlurLineDuotone, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarRadialBlurLineDuotone, isStandalone: true, selector: "svg[solarRadialBlurLineDuotone]", host: { classAttribute: "solar solar-radial-blur-line-duotone" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarRadialBlurLineDuotone, isStandalone: true, selector: "svg[solarRadialBlurLineDuotone]", host: { classAttribute: "solar solar-radial-blur-line-duotone" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="M9.75 5.75H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 9.75H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 14.25H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M9.75 18.25H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 18.25H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 14.25H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 9.75H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 5.75H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarRadialBlurLineDuotone, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'svg[solarRadialBlurLineDuotone]',
|
|
12
|
-
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="
|
|
12
|
+
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor" style="color: var(--solar-secondary-color, currentColor); opacity: var(--solar-secondary-opacity, 0.5)"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="M9.75 5.75H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 9.75H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 14.25H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M9.75 18.25H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 18.25H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 14.25H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 9.75H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 5.75H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`,
|
|
13
13
|
standalone: true,
|
|
14
14
|
encapsulation: ViewEncapsulation.None,
|
|
15
15
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconBase } from '../lib/icon-base';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
|
-
* 
|
|
5
5
|
*
|
|
6
6
|
* @usage
|
|
7
7
|
* `<svg solarRadialBlurLinear [size]="24" color="#ef4444" />`
|
|
@@ -3,13 +3,13 @@ import { IconBase } from '../lib/icon-base';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SolarRadialBlurLinear extends IconBase {
|
|
5
5
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarRadialBlurLinear, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarRadialBlurLinear, isStandalone: true, selector: "svg[solarRadialBlurLinear]", host: { classAttribute: "solar solar-radial-blur-linear" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SolarRadialBlurLinear, isStandalone: true, selector: "svg[solarRadialBlurLinear]", host: { classAttribute: "solar solar-radial-blur-linear" }, usesInheritance: true, ngImport: i0, template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="M9.75 5.75H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 9.75H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 14.25H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M9.75 18.25H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 18.25H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 14.25H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 9.75H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 5.75H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SolarRadialBlurLinear, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'svg[solarRadialBlurLinear]',
|
|
12
|
-
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="
|
|
12
|
+
template: `@if (alt(); as title) { <title>{{ title }}</title> }<svg:path d="M3.33995 16.9997C6.10137 21.7826 12.2173 23.4214 17.0002 20.66C18.9498 19.5344 20.377 17.8514 21.1967 15.9286C22.388 13.1341 22.2963 9.83304 20.6605 6.99972C19.0246 4.1664 16.2117 2.43642 13.196 2.07088C11.1209 1.81935 8.94981 2.21386 7.00021 3.33946C2.21728 6.10089 0.578527 12.2168 3.33995 16.9997Z" stroke="currentColor"></svg:path><svg:path d="M15.5 14.25C15.5 14.9404 14.9404 15.5 14.25 15.5C13.5596 15.5 13 14.9404 13 14.25C13 13.5596 13.5596 13 14.25 13C14.9404 13 15.5 13.5596 15.5 14.25Z" stroke="currentColor"></svg:path><svg:path d="M15.5 9.75C15.5 10.4404 14.9404 11 14.25 11C13.5596 11 13 10.4404 13 9.75C13 9.05964 13.5596 8.5 14.25 8.5C14.9404 8.5 15.5 9.05964 15.5 9.75Z" stroke="currentColor"></svg:path><svg:path d="M11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25Z" stroke="currentColor"></svg:path><svg:path d="M11 9.75C11 10.4404 10.4404 11 9.75 11C9.05964 11 8.5 10.4404 8.5 9.75C8.5 9.05964 9.05964 8.5 9.75 8.5C10.4404 8.5 11 9.05964 11 9.75Z" stroke="currentColor"></svg:path><svg:path d="M9.75 5.75H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 9.75H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M5.75 14.25H5.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M9.75 18.25H9.7501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 18.25H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 14.25H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M18.25 9.75H18.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path><svg:path d="M14.25 5.75H14.2501" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></svg:path>`,
|
|
13
13
|
standalone: true,
|
|
14
14
|
encapsulation: ViewEncapsulation.None,
|
|
15
15
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solar-icons/angular",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"typescript": "~6.0.3",
|
|
49
49
|
"vitest": "^4.1.10",
|
|
50
50
|
"zone.js": "^0.16.2",
|
|
51
|
-
"@solar-icons/core": "
|
|
51
|
+
"@solar-icons/core": "2.0.0-beta.1"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"@angular/common": "17.x - 22.x",
|