music icons added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "akar-icons",
-  "version": "1.9.17",
+  "version": "1.9.18",
   "description": "A perfectly rounded icon library made for everyone.",
   "main": "dist/index.js",
   "typings": "dist/icons.d.ts",

src/icons.d.ts

@@ -295,6 +295,10 @@ export const Dental: Icon;
 export const Cake: Icon;
 export const BookClose: Icon;
 export const Sparkles: Icon;
+export const Music: Icon;
+export const MusicNote: Icon;
+export const MusicAlbum: Icon;
+export const MusicAlbumFill: Icon;
 export const Person: Icon;
 export const PersonAdd: Icon;
 export const PersonCheck: Icon;

src/icons.js

@@ -286,6 +286,10 @@ export { default as Dental } from './icons/dental';
 export { default as Cake } from './icons/cake';
 export { default as BookClose } from './icons/book-close';
 export { default as Sparkles } from './icons/sparkles';
+export { default as Music } from './icons/music';
+export { default as MusicNote } from './icons/music-note';
+export { default as MusicAlbum } from './icons/music-album';
+export { default as MusicAlbumFill } from './icons/music-album-fill';
 export { default as Person } from './icons/person';
 export { default as PersonAdd } from './icons/person-add';
 export { default as PersonCheck } from './icons/person-check';

src/icons/music-album-fill.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const MusicAlbumFill = props => {
+  const { color, size, ...otherProps } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill={color}
+      {...otherProps}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1 5c0-2.21 1.792-4 4.002-4h13.996C21.208 1 23 2.79 23 5v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5zm19 7a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm-8 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
+      ></path>
+    </svg>
+  );
+};
+
+MusicAlbumFill.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+MusicAlbumFill.defaultProps = {
+  color: 'currentColor',
+  size: '24'
+};
+
+export default MusicAlbumFill;

src/icons/music-album.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const MusicAlbum = props => {
+  const { color, size, ...otherProps } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+    >
+      <path d="M2 6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6z"></path>
+      <path d="M9 16.5V8.78a1 1 0 0 1 .757-.97l6-1.5A1 1 0 0 1 17 7.28V15"></path>
+      <path d="M9 11l8-2"></path>
+      <circle cx="7.5" cy="16.5" r="1.5"></circle>
+      <circle cx="15.5" cy="15.5" r="1.5"></circle>
+    </svg>
+  );
+};
+
+MusicAlbum.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+MusicAlbum.defaultProps = {
+  color: 'currentColor',
+  size: '24'
+};
+
+export default MusicAlbum;

src/icons/music-note.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const MusicNote = props => {
+  const { color, size, ...otherProps } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+    >
+      <path d="M12 4v14"></path>
+      <path d="M19 7.674v-.657a4 4 0 0 0-2.901-3.846l-2.824-.807A1 1 0 0 0 12 3.326V7l5.725 1.636A1 1 0 0 0 19 7.674z"></path>
+      <path d="M12 18a3 3 0 1 1-6 0c0-1.657 1.343-2 3-2s3 .343 3 2z"></path>
+    </svg>
+  );
+};
+
+MusicNote.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+MusicNote.defaultProps = {
+  color: 'currentColor',
+  size: '24'
+};
+
+export default MusicNote;

src/icons/music.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const Music = props => {
+  const { color, size, ...otherProps } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...otherProps}
+    >
+      <path d="M8 18V5.716a2 2 0 0 1 1.696-1.977l9-1.385A2 2 0 0 1 21 4.331V16"></path>
+      <path d="M8 9l13-2"></path>
+      <path d="M8 18a3 3 0 1 1-6 0c0-1.657 1.343-2 3-2s3 .343 3 2z"></path>
+      <path d="M21 16a3 3 0 1 1-6 0c0-1.657 1.343-2 3-2s3 .343 3 2z"></path>
+    </svg>
+  );
+};
+
+Music.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+Music.defaultProps = {
+  color: 'currentColor',
+  size: '24'
+};
+
+export default Music;