Add SpotifyIcon ( #91 )

Author: Bunlong

CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.23.0 (2023-07-05)
+
+### ✨ Features
+
+  * Add SpotifyIcon
+
+Credits
+
+* [@Bunlong](https://github.com/Bunlong)
+
 ## 0.22.2 (2023-07-04)
 
 ### ✨ Features

README.md

@@ -894,9 +894,9 @@ import { VKShareCount } from 'next-share'
 
 ## 📜 Changelog
 
-Latest version 0.22.2 (2023-07-04):
+Latest version 0.23.0 (2023-07-05):
 
-  * Fix TwitterShareButton doesn't work on mobile devices
+  * Add SpotifyIcon
 
 Details changes for each release are documented in the [CHANGELOG.md](https://github.com/Bunlong/next-share/blob/master/CHANGELOG.md).
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-share",
-  "version": "0.22.2",
+  "version": "0.23.0",
   "description": "Social media share buttons for your next React apps.",
   "author": "Bunlong <[email protected]>",
   "license": "MIT",

src/icons/SpotifyIcon.ts

@@ -0,0 +1,9 @@
+import createIcon from '../hocs/createIcon';
+
+const SpotifyIcon = createIcon({
+  color: '#2EBD59',
+  name: 'spotify',
+  path: 'M32,16c-8.8,0-16,7.2-16,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16C48,23.2,40.8,16,32,16 M39.3,39.1c-0.3,0.5-0.9,0.6-1.4,0.3c-3.8-2.3-8.5-2.8-14.1-1.5c-0.5,0.1-1.1-0.2-1.2-0.7c-0.1-0.5,0.2-1.1,0.8-1.2 c6.1-1.4,11.3-0.8,15.5,1.8C39.5,38,39.6,38.6,39.3,39.1 M41.3,34.7c-0.4,0.6-1.1,0.8-1.7,0.4c-4.3-2.6-10.9-3.4-15.9-1.9 c-0.7,0.2-1.4-0.2-1.6-0.8c-0.2-0.7,0.2-1.4,0.8-1.6c5.8-1.8,13-0.9,18,2.1C41.5,33.4,41.7,34.1,41.3,34.7 M41.5,30.2 c-5.2-3.1-13.7-3.3-18.6-1.9c-0.8,0.2-1.6-0.2-1.9-1c-0.2-0.8,0.2-1.6,1-1.9c5.7-1.7,15-1.4,21,2.1c0.7,0.4,0.9,1.3,0.5,2.1 C43.1,30.4,42.2,30.6,41.5,30.2',
+});
+
+export default SpotifyIcon;

src/next-share.ts

@@ -21,6 +21,7 @@ export { default as FacebookMessengerIcon } from './icons/FacebookMessengerIcon'
 export { default as EmailIcon } from './icons/EmailIcon';
 export { default as GabIcon } from './icons/GabIcon';
 export { default as InstagramIcon } from './icons/InstagramIcon';
+export { default as SpotifyIcon } from './icons/SpotifyIcon';
 
 // Buttons
 export { default as FacebookShareButton } from './components/buttons/FacebookShareButton';

supports/create-next-app/pages/index.tsx

@@ -51,6 +51,7 @@ import {
   // FacebookShareCount,
   // RedditShareCount,
   InstagramIcon,
+  SpotifyIcon,
 } from 'next-share'
 
 const Home: NextPage = () => {
@@ -253,9 +254,12 @@ const Home: NextPage = () => {
           <GabIcon size={32} round />
         </div>
       </GabShareButton>
-      <div style={{marginRight: 10, width: 32, height: 32}}>
+      <span style={{marginRight: 10, width: 32, height: 32}}>
         <InstagramIcon size={32} round />
-      </div>
+      </span>
+      <span style={{marginRight: 10, width: 32, height: 32}}>
+        <SpotifyIcon size={32} round />
+      </span>
       {/* <OKShareCount url={'https://github.com/next-share'} /> */}
       <OKShareCount url={'https://github.com/next-share'}>
         {shareCount => <span className="myShareCountWrapper">OKShareCount: {shareCount}</span>}