@icons-pack/react-simple-icons 7.0.0 → 7.1.1
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 +12 -25
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
# react-simple-icons
|
|
5
5
|
|
|
6
|
-
This package provides the [Simple Icons 8.
|
|
7
|
-
|
|
6
|
+
This package provides the [Simple Icons 8.6.0](https://github.com/simple-icons/simple-icons/releases/tag/8.6.0) packaged
|
|
7
|
+
as a set of [React](https://facebook.github.io/react/) components.
|
|
8
8
|
|
|
9
9
|
<a href="https://www.npmjs.com/package/@icons-pack/react-simple-icons" target="_blank">
|
|
10
10
|
<img src="https://img.shields.io/npm/v/@icons-pack/react-simple-icons?color=CB061D&style=flat-square" alt="www.npmjs.com!" />
|
|
@@ -46,22 +46,9 @@ You can use [simpleicons.org](https://simpleicons.org) to find a specific icon.
|
|
|
46
46
|
that the names of the icons are [upperCamelCase](https://github.com/samverschueren/uppercamelcase) , for instance:
|
|
47
47
|
|
|
48
48
|
- [`Material Design`](https://simpleicons.org/?q=material) is exposed as
|
|
49
|
-
`{
|
|
49
|
+
`{ SiMaterialdesign } from @icons-pack/react-simple-icons`
|
|
50
50
|
- [`azure devOps`](https://simpleicons.org/?q=azure%20devOps) is exposed as
|
|
51
|
-
`{
|
|
52
|
-
|
|
53
|
-
These are some exceptions to this rule:
|
|
54
|
-
|
|
55
|
-
- [`500px`](https://simpleicons.org/?q=500px) is exposed as `{ FiveHundredPx } from @icons-pack/react-simple-icons`
|
|
56
|
-
- [`c++`](https://simpleicons.org/?q=+) is exposed as `{ Cplusplus } from @icons-pack/react-simple-icons`
|
|
57
|
-
- [`.Net`](https://simpleicons.org/?q=.net) is exposed as `{ DotNet } from @icons-pack/react-simple-icons`
|
|
58
|
-
- [`D3.js`](https://simpleicons.org/?q=d3) is exposed as `{ D3DotJs } from @icons-pack/react-simple-icons`
|
|
59
|
-
- [`dev.to`](https://simpleicons.org/?q=dev.to) is exposed as `{ DevDotTo } from @icons-pack/react-simple-icons`
|
|
60
|
-
- [`webcomponents.org`](https://simpleicons.org/?q=webcomponents.org) is exposed as
|
|
61
|
-
`{ WebcomponentsDotOrg } from @icons-pack/react-simple-icons`
|
|
62
|
-
- [`X.Org`](https://simpleicons.org/?q=x.Org) is exposed as `{ XDotOrg } from @icons-pack/react-simple-icons`
|
|
63
|
-
- [`FerrarinDotVDot`](https://simpleicons.org/?q=Ferrari%20N.V) is exposed as
|
|
64
|
-
`{ FerrarinDotVDot } from @icons-pack/react-simple-icons`
|
|
51
|
+
`{ SiAzuredevops } from @icons-pack/react-simple-icons`
|
|
65
52
|
|
|
66
53
|
## Demo
|
|
67
54
|
|
|
@@ -70,10 +57,10 @@ These are some exceptions to this rule:
|
|
|
70
57
|
## Basic example
|
|
71
58
|
|
|
72
59
|
```jsx
|
|
73
|
-
import {
|
|
60
|
+
import { SiReact } from '@icons-pack/react-simple-icons';
|
|
74
61
|
|
|
75
62
|
function BasicExample() {
|
|
76
|
-
return <
|
|
63
|
+
return <SiReact color='#61DAFB' size={24} />;
|
|
77
64
|
}
|
|
78
65
|
```
|
|
79
66
|
|
|
@@ -84,11 +71,11 @@ function BasicExample() {
|
|
|
84
71
|
> The `<title>` element provides an accessible, short-text description of any SVG container element or graphics element.
|
|
85
72
|
|
|
86
73
|
```jsx
|
|
87
|
-
import {
|
|
74
|
+
import { SiReact } from '@icons-pack/react-simple-icons';
|
|
88
75
|
|
|
89
76
|
// title default "React"
|
|
90
77
|
function ChangeTitle() {
|
|
91
|
-
return <
|
|
78
|
+
return <SiReact title='My title' color='#61DAFB' size={24} />;
|
|
92
79
|
}
|
|
93
80
|
```
|
|
94
81
|
|
|
@@ -97,20 +84,20 @@ function ChangeTitle() {
|
|
|
97
84
|
Set color as `default` to use the default color for each icon
|
|
98
85
|
|
|
99
86
|
```jsx
|
|
100
|
-
import {
|
|
87
|
+
import { SiReact } from '@icons-pack/react-simple-icons';
|
|
101
88
|
|
|
102
89
|
function DefaultColorExample() {
|
|
103
|
-
return <
|
|
90
|
+
return <SiReact color='default' size={24} />;
|
|
104
91
|
}
|
|
105
92
|
```
|
|
106
93
|
|
|
107
94
|
## Custom styles
|
|
108
95
|
|
|
109
96
|
```jsx
|
|
110
|
-
import {
|
|
97
|
+
import { SiReact } from '@icons-pack/react-simple-icons';
|
|
111
98
|
|
|
112
99
|
function CustomStyles() {
|
|
113
|
-
return <
|
|
100
|
+
return <SiReact className='myStyle' />;
|
|
114
101
|
}
|
|
115
102
|
```
|
|
116
103
|
|
package/dist/index.d.ts
CHANGED
|
@@ -80,6 +80,7 @@ export const SiAirplayaudio: I;
|
|
|
80
80
|
export const SiAirplayvideo: I;
|
|
81
81
|
export const SiAirtable: I;
|
|
82
82
|
export const SiAjv: I;
|
|
83
|
+
export const SiAkamai: I;
|
|
83
84
|
export const SiAlacritty: I;
|
|
84
85
|
export const SiAlbertheijn: I;
|
|
85
86
|
export const SiAlchemy: I;
|
|
@@ -1440,6 +1441,7 @@ export const SiNotepadplusplus: I;
|
|
|
1440
1441
|
export const SiNotion: I;
|
|
1441
1442
|
export const SiNotist: I;
|
|
1442
1443
|
export const SiNounproject: I;
|
|
1444
|
+
export const SiNovu: I;
|
|
1443
1445
|
export const SiNow: I;
|
|
1444
1446
|
export const SiNpm: I;
|
|
1445
1447
|
export const SiNrwl: I;
|