@icons-pack/react-simple-icons 6.3.0 → 7.1.0

package/README.md

@@ -3,8 +3,8 @@
 
 # react-simple-icons
 
-This package provides the [Simple Icons 8.5.0"](https://github.com/simple-icons/simple-icons/releases/tag/8.5.0")
-packaged as a set of [React](https://facebook.github.io/react/) components.
+This package provides the [Simple Icons 8.6.0](https://github.com/simple-icons/simple-icons/releases/tag/8.6.0) packaged
+as a set of [React](https://facebook.github.io/react/) components.
 
   <a href="https://www.npmjs.com/package/@icons-pack/react-simple-icons" target="_blank">
     <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.
 that the names of the icons are [upperCamelCase](https://github.com/samverschueren/uppercamelcase) , for instance:
 
 - [`Material Design`](https://simpleicons.org/?q=material) is exposed as
-  `{ Materialdesign } from @icons-pack/react-simple-icons`
+  `{ SiMaterialdesign } from @icons-pack/react-simple-icons`
 - [`azure devOps`](https://simpleicons.org/?q=azure%20devOps) is exposed as
-  `{ Azuredevops } from @icons-pack/react-simple-icons`
-
-These are some exceptions to this rule:
-
-- [`500px`](https://simpleicons.org/?q=500px) is exposed as `{ FiveHundredPx } from @icons-pack/react-simple-icons`
-- [`c++`](https://simpleicons.org/?q=+) is exposed as `{ Cplusplus } from @icons-pack/react-simple-icons`
-- [`.Net`](https://simpleicons.org/?q=.net) is exposed as `{ DotNet } from @icons-pack/react-simple-icons`
-- [`D3.js`](https://simpleicons.org/?q=d3) is exposed as `{ D3DotJs } from @icons-pack/react-simple-icons`
-- [`dev.to`](https://simpleicons.org/?q=dev.to) is exposed as `{ DevDotTo } from @icons-pack/react-simple-icons`
-- [`webcomponents.org`](https://simpleicons.org/?q=webcomponents.org) is exposed as
-  `{ WebcomponentsDotOrg } from @icons-pack/react-simple-icons`
-- [`X.Org`](https://simpleicons.org/?q=x.Org) is exposed as `{ XDotOrg } from @icons-pack/react-simple-icons`
-- [`FerrarinDotVDot`](https://simpleicons.org/?q=Ferrari%20N.V) is exposed as
-  `{ FerrarinDotVDot } from @icons-pack/react-simple-icons`
+  `{ SiAzuredevops } from @icons-pack/react-simple-icons`
 
 ## Demo
 
@@ -70,10 +57,10 @@ These are some exceptions to this rule:
 ## Basic example
 
 ```jsx
-import { ReactJs } from '@icons-pack/react-simple-icons';
+import { SiReact } from '@icons-pack/react-simple-icons';
 
 function BasicExample() {
-  return <ReactJs color='#61DAFB' size={24} />;
+  return <SiReact color='#61DAFB' size={24} />;
 }
 ```
 
@@ -84,11 +71,11 @@ function BasicExample() {
 > The `<title>` element provides an accessible, short-text description of any SVG container element or graphics element.
 
 ```jsx
-import { ReactJs } from '@icons-pack/react-simple-icons';
+import { SiReact } from '@icons-pack/react-simple-icons';
 
 // title default "React"
 function ChangeTitle() {
-  return <ReactJs title='My title' color='#61DAFB' size={24} />;
+  return <SiReact title='My title' color='#61DAFB' size={24} />;
 }
 ```
 
@@ -97,20 +84,20 @@ function ChangeTitle() {
 Set color as `default` to use the default color for each icon
 
 ```jsx
-import { ReactJs } from '@icons-pack/react-simple-icons';
+import { SiReact } from '@icons-pack/react-simple-icons';
 
 function DefaultColorExample() {
-  return <ReactJs color='default' size={24} />;
+  return <SiReact color='default' size={24} />;
 }
 ```
 
 ## Custom styles
 
 ```jsx
-import { ReactJs } from '@icons-pack/react-simple-icons';
+import { SiReact } from '@icons-pack/react-simple-icons';
 
 function CustomStyles() {
-  return <ReactJs className='myStyle' />;
+  return <SiReact className='myStyle' />;
 }
 ```