removed id and display: block in template

artcoholic · Aug 12, 2021 · 18a76c5 · 18a76c5
1 parent ab14a4a
commit 18a76c5
Show file tree

Hide file tree

Showing 371 changed files with 1,214 additions and 976 deletions.
diff --git a/bin/template.js b/bin/template.js
@@ -27,7 +27,7 @@ const getElementCode = (ComponentName, attrs, svgCode) => `
   const ${ComponentName} = (props) => {
     const { color, size, ...otherProps } = props;
     return (
-      <svg ${attrs} id='${ComponentName}'>
+      <svg ${attrs}>
         ${svgCode}
       </svg>
     )
@@ -44,7 +44,6 @@ const getElementCode = (ComponentName, attrs, svgCode) => `
   ${ComponentName}.defaultProps = {
     color: 'currentColor',
     size: '24',
-    display: 'block',
   }
 
   export default ${ComponentName}

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "akar-icons",
-  "version": "1.8.7",
+  "version": "1.8.8",
   "description": "A perfectly rounded icon library made for everyone.",
   "main": "dist/index.js",
   "typings": "dist/icons.d.ts",

diff --git a/src/data.json b/src/data.json
diff --git a/src/icons.d.ts b/src/icons.d.ts
@@ -331,3 +331,24 @@ export const OctagonFill: Icon;
 export const Oval: Icon;
 export const Parallelogram: Icon;
 export const Diamond: Icon;
+export const BootstrapFill: Icon;
+export const ReactFill: Icon;
+export const AngularFill: Icon;
+export const VueFill: Icon;
+export const JavascriptFill: Icon;
+export const NodeFill: Icon;
+export const HtmlFill: Icon;
+export const CssFill: Icon;
+export const VercelFill: Icon;
+export const NextjsFill: Icon;
+export const ReduxFill: Icon;
+export const PythonFill: Icon;
+export const GraphqlFill: Icon;
+export const PhpFill: Icon;
+export const JqueryFill: Icon;
+export const SassFill: Icon;
+export const GatsbyFill: Icon;
+export const NpmFill: Icon;
+export const YarnFill: Icon;
+export const DjangoFill: Icon;
+export const VscodeFill: Icon;
diff --git a/src/icons.js b/src/icons.js
@@ -322,3 +322,24 @@ export { default as OctagonFill } from './icons/octagon-fill';
 export { default as Oval } from './icons/oval';
 export { default as Parallelogram } from './icons/parallelogram';
 export { default as Diamond } from './icons/diamond';
+export { default as BootstrapFill } from './icons/bootstrap-fill';
+export { default as ReactFill } from './icons/react-fill';
+export { default as AngularFill } from './icons/angular-fill';
+export { default as VueFill } from './icons/vue-fill';
+export { default as JavascriptFill } from './icons/javascript-fill';
+export { default as NodeFill } from './icons/node-fill';
+export { default as HtmlFill } from './icons/html-fill';
+export { default as CssFill } from './icons/css-fill';
+export { default as VercelFill } from './icons/vercel-fill';
+export { default as NextjsFill } from './icons/nextjs-fill';
+export { default as ReduxFill } from './icons/redux-fill';
+export { default as PythonFill } from './icons/python-fill';
+export { default as GraphqlFill } from './icons/graphql-fill';
+export { default as PhpFill } from './icons/php-fill';
+export { default as JqueryFill } from './icons/jquery-fill';
+export { default as SassFill } from './icons/sass-fill';
+export { default as GatsbyFill } from './icons/gatsby-fill';
+export { default as NpmFill } from './icons/npm-fill';
+export { default as YarnFill } from './icons/yarn-fill';
+export { default as DjangoFill } from './icons/django-fill';
+export { default as VscodeFill } from './icons/vscode-fill';
diff --git a/src/icons/air.js b/src/icons/air.js
@@ -15,7 +15,6 @@ const Air = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="Air"
     >
       <path d="M3 8h7a3 3 0 1 0-3-3"></path>
       <path d="M4 16h11a3 3 0 1 1-3 3"></path>
@@ -31,8 +30,7 @@ Air.propTypes = {
 
 Air.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default Air;
diff --git a/src/icons/airplay-audio.js b/src/icons/airplay-audio.js
@@ -15,7 +15,6 @@ const AirplayAudio = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AirplayAudio"
     >
       <path d="M12 16l6 5H6l6-5z"></path>
       <path d="M4 18a9.956 9.956 0 0 1-2-6C2 6.477 6.477 2 12 2s10 4.477 10 10a9.956 9.956 0 0 1-2 6"></path>
@@ -32,8 +31,7 @@ AirplayAudio.propTypes = {
 
 AirplayAudio.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AirplayAudio;
diff --git a/src/icons/airplay-video.js b/src/icons/airplay-video.js
@@ -15,7 +15,6 @@ const AirplayVideo = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AirplayVideo"
     >
       <path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path>
       <path d="M12 16l6 5H6l6-5z"></path>
@@ -30,8 +29,7 @@ AirplayVideo.propTypes = {
 
 AirplayVideo.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AirplayVideo;
diff --git a/src/icons/airpods.js b/src/icons/airpods.js
@@ -15,7 +15,6 @@ const Airpods = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="Airpods"
     >
       <path d="M14 7c0 2.21 1.644 4 4 4s4-1.79 4-4-1.644-4-4-4-4 1.79-4 4z"></path>
       <path d="M10 7c0 2.21-1.644 4-4 4S2 9.21 2 7s1.644-4 4-4 4 1.79 4 4z"></path>
@@ -36,8 +35,7 @@ Airpods.propTypes = {
 
 Airpods.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default Airpods;
diff --git a/src/icons/alarm.js b/src/icons/alarm.js
@@ -15,7 +15,6 @@ const Alarm = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="Alarm"
     >
       <circle cx="12" cy="13" r="9"></circle>
       <path d="M15.5 9.5L12 13"></path>
@@ -35,8 +34,7 @@ Alarm.propTypes = {
 
 Alarm.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default Alarm;
diff --git a/src/icons/align-bottom.js b/src/icons/align-bottom.js
@@ -15,7 +15,6 @@ const AlignBottom = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignBottom"
     >
       <path d="M21 22H3"></path>
       <path d="M6 18V2h4v16H6z"></path>
@@ -31,8 +30,7 @@ AlignBottom.propTypes = {
 
 AlignBottom.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignBottom;
diff --git a/src/icons/align-horizontal-center.js b/src/icons/align-horizontal-center.js
@@ -15,7 +15,6 @@ const AlignHorizontalCenter = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignHorizontalCenter"
     >
       <path d="M12 3v18"></path>
       <path d="M16 6h4v4h-4"></path>
@@ -33,8 +32,7 @@ AlignHorizontalCenter.propTypes = {
 
 AlignHorizontalCenter.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignHorizontalCenter;
diff --git a/src/icons/align-left.js b/src/icons/align-left.js
@@ -15,7 +15,6 @@ const AlignLeft = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignLeft"
     >
       <path d="M2 3v18"></path>
       <rect x="6" y="6" width="16" height="4"></rect>
@@ -31,8 +30,7 @@ AlignLeft.propTypes = {
 
 AlignLeft.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignLeft;
diff --git a/src/icons/align-right.js b/src/icons/align-right.js
@@ -15,7 +15,6 @@ const AlignRight = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignRight"
     >
       <path d="M22 3v18"></path>
       <rect x="2" y="6" width="16" height="4"></rect>
@@ -31,8 +30,7 @@ AlignRight.propTypes = {
 
 AlignRight.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignRight;
diff --git a/src/icons/align-to-bottom.js b/src/icons/align-to-bottom.js
@@ -15,7 +15,6 @@ const AlignToBottom = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignToBottom"
     >
       <path d="M3 22h18"></path>
       <path d="M12 2v15"></path>
@@ -31,8 +30,7 @@ AlignToBottom.propTypes = {
 
 AlignToBottom.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignToBottom;
diff --git a/src/icons/align-to-middle.js b/src/icons/align-to-middle.js
@@ -15,7 +15,6 @@ const AlignToMiddle = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignToMiddle"
     >
       <path d="M21 12H3"></path>
       <path d="M12 2v6"></path>
@@ -33,8 +32,7 @@ AlignToMiddle.propTypes = {
 
 AlignToMiddle.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignToMiddle;
diff --git a/src/icons/align-to-top.js b/src/icons/align-to-top.js
@@ -15,7 +15,6 @@ const AlignToTop = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignToTop"
     >
       <path d="M12 22V7"></path>
       <path d="M5 14l7-7 7 7"></path>
@@ -31,8 +30,7 @@ AlignToTop.propTypes = {
 
 AlignToTop.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignToTop;
diff --git a/src/icons/align-top.js b/src/icons/align-top.js
@@ -15,7 +15,6 @@ const AlignTop = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignTop"
     >
       <path d="M21 2H3"></path>
       <path d="M6 22V6h4v16H6z"></path>
@@ -31,8 +30,7 @@ AlignTop.propTypes = {
 
 AlignTop.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignTop;
diff --git a/src/icons/align-vertical-center.js b/src/icons/align-vertical-center.js
@@ -15,7 +15,6 @@ const AlignVerticalCenter = props => {
       strokeLinecap="round"
       strokeLinejoin="round"
       {...otherProps}
-      id="AlignVerticalCenter"
     >
       <path d="M21 12H3"></path>
       <path d="M6 16v4h4v-4"></path>
@@ -33,8 +32,7 @@ AlignVerticalCenter.propTypes = {
 
 AlignVerticalCenter.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AlignVerticalCenter;
diff --git a/src/icons/android-fill.js b/src/icons/android-fill.js
@@ -11,7 +11,6 @@ const AndroidFill = props => {
       viewBox="0 0 24 24"
       fill={color}
       {...otherProps}
-      id="AndroidFill"
     >
       <path d="M17.532 15.106a1.003 1.003 0 1 1 .001-2.007 1.003 1.003 0 0 1 0 2.007zm-11.044 0a1.003 1.003 0 1 1 .001-2.007 1.003 1.003 0 0 1 0 2.007zm11.4-6.018l2.006-3.459a.413.413 0 1 0-.721-.407l-2.027 3.5a12.243 12.243 0 0 0-5.13-1.108c-1.85 0-3.595.398-5.141 1.098l-2.027-3.5a.413.413 0 1 0-.72.407l1.995 3.458C2.696 10.947.345 14.417 0 18.523h24c-.334-4.096-2.675-7.565-6.112-9.435z"></path>
     </svg>
@@ -25,8 +24,7 @@ AndroidFill.propTypes = {
 
 AndroidFill.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default AndroidFill;
diff --git a/src/icons/angular-fill.js b/src/icons/angular-fill.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const AngularFill = 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 d="M10.174 12.594h3.652L12 8.095l-1.826 4.499z"></path>
+      <path d="M12 1L2 4.652l1.525 13.541L12 23l8.475-4.807L22 4.652 12 1zm6.24 16.786h-2.33l-1.257-3.212H9.347L8.09 17.786H5.76L12 3.431l6.24 14.355z"></path>
+    </svg>
+  );
+};
+
+AngularFill.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+AngularFill.defaultProps = {
+  color: 'currentColor',
+  size: '24'
+};
+
+export default AngularFill;
diff --git a/src/icons/arrow-back-thick-fill.js b/src/icons/arrow-back-thick-fill.js
@@ -11,7 +11,6 @@ const ArrowBackThickFill = props => {
       viewBox="0 0 24 24"
       fill={color}
       {...otherProps}
-      id="ArrowBackThickFill"
     >
       <path
         fillRule="evenodd"
@@ -29,8 +28,7 @@ ArrowBackThickFill.propTypes = {
 
 ArrowBackThickFill.defaultProps = {
   color: 'currentColor',
-  size: '24',
-  display: 'block'
+  size: '24'
 };
 
 export default ArrowBackThickFill;