init: add all icons source

package.json

@@ -6,6 +6,16 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
+  "peerDependencies": {
+    "classnames": "^2.x",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  },
+  "devDependencies": {
+    "classnames": "^2.3.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/realtby/icons.git"

src/actions/all-actions-fill.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const AllActionsFill = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6 0a6 6 0 00-6 6v20a6 6 0 006 6h20a6 6 0 006-6V6a6 6 0 00-6-6H6zm5.003 16a2 2 0 11-4 0 2 2 0 014 0zm7 0a2 2 0 11-4 0 2 2 0 014 0zm5 2a2 2 0 100-4 2 2 0 000 4z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+AllActionsFill.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default AllActionsFill;

src/actions/all-actions.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const AllActions = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 19 4" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M4.003 2a2 2 0 11-4 0 2 2 0 014 0zM11.003 2a2 2 0 11-4 0 2 2 0 014 0zM18.003 2a2 2 0 11-4 0 2 2 0 014 0z"
+        fill="#9BA8AC"
+      />
+    </svg>
+  );
+};
+
+AllActions.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default AllActions;

src/actions/camera-fill.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const CameraFill = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.121 0a1.5 1.5 0 00-1.342.83L4.194 2H1.503a1.5 1.5 0 00-1.5 1.5v9a1.5 1.5 0 001.5 1.5h13a1.5 1.5 0 001.5-1.5v-9a1.5 1.5 0 00-1.5-1.5h-2.691L11.227.83A1.5 1.5 0 009.884 0H6.12zm1.882 11a3 3 0 100-6 3 3 0 000 6z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+CameraFill.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default CameraFill;

src/actions/camera.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const Camera = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.78.83A1.5 1.5 0 016.12 0h3.764a1.5 1.5 0 011.341.83L11.813 2h2.69a1.5 1.5 0 011.5 1.5v9a1.5 1.5 0 01-1.5 1.5h-13a1.5 1.5 0 01-1.5-1.5v-9a1.5 1.5 0 011.5-1.5h2.692L4.779.83zM6.12 1a.5.5 0 00-.447.276L4.95 2.724A.5.5 0 014.503 3h-3a.5.5 0 00-.5.5v9a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-9a.5.5 0 00-.5-.5h-3a.5.5 0 01-.447-.276l-.724-1.448A.5.5 0 009.885 1H6.12z"
+        fill="#000"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.003 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM4.503 8a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+Camera.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default Camera;

src/actions/complain.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const Complain = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.06 3.06c-.328.101-.694.19-1.057.19-.537 0-1.159-.044-1.74-.134a9.017 9.017 0 01-.51-.093V7.48c.205.057.456.11.739.154.503.077 1.048.116 1.51.116.138 0 .334-.036.616-.123.222-.068.456-.154.723-.252l.218-.08c.682-.248 1.546-.545 2.444-.545.835 0 1.526.14 2.057.272l.193.05v-4.57c-.483-.158-1.15-.252-2.25-.252-.602 0-1.238.203-1.931.455l-.195.071c-.27.1-.553.203-.818.285zM1.752 9.024c.17.036.342.067.51.093.581.09 1.203.134 1.74.134.363 0 .73-.089 1.056-.19.265-.08.547-.184.818-.284l.195-.071c.693-.252 1.329-.455 1.93-.455.666 0 1.225.11 1.694.228l.34.088.024.007c.1.026.199.053.292.076.188.047.424.101.65.101a.75.75 0 00.75-.75V2a.75.75 0 00-.414-.67C10.52.92 9.55.75 8.003.75c-.898 0-1.762.297-2.444.545l-.218.08c-.267.098-.5.184-.723.252-.282.087-.478.123-.615.123-.463 0-1.008-.039-1.511-.116-.52-.08-.927-.191-1.154-.305A.75.75 0 00.253 2v13a.75.75 0 001.5 0V9.023z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+Complain.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default Complain;

src/actions/delete.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const Delete = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M5.003 7.5a.5.5 0 011 0v5a.5.5 0 01-1 0v-5zM7.503 7.5a.5.5 0 011 0v5a.5.5 0 01-1 0v-5zM10.503 7a.5.5 0 00-.5.5v5a.5.5 0 001 0v-5a.5.5 0 00-.5-.5z"
+        fill="#000"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.003 0a2 2 0 00-2 2h-2.5a1.5 1.5 0 100 3h.5v9a2 2 0 002 2h8a2 2 0 002-2V5h.5a1.5 1.5 0 100-3h-2.5a2 2 0 00-2-2h-4zm5 2h-6a1 1 0 011-1h4a1 1 0 011 1zm-8 12V5h10v9a1 1 0 01-1 1h-8a1 1 0 01-1-1zm11.5-11h-13a.5.5 0 000 1h13a.5.5 0 100-1z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+Delete.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default Delete;

src/actions/edit-fill.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const EditFill = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M13.841.391a1.335 1.335 0 00-1.887 0l-1.348 1.355 3.655 3.655 1.35-1.352a1.334 1.334 0 000-1.887l-1.77-1.77z"
+        fill="#000"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.9 2.454L.752 11.592a.5.5 0 00-.153.284l-.59 3.541a.5.5 0 00.575.576l3.541-.59.008-.002a.498.498 0 00.264-.138l9.155-9.155L9.9 2.454zM1.426 12.999l-.316 1.892 1.892-.315-1.576-1.577z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+EditFill.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default EditFill;

src/actions/edit.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const Edit = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.954.391a1.335 1.335 0 011.887 0l1.77 1.77a1.334 1.334 0 010 1.888l-1.475 1.476-.011.01-9.727 9.728a.498.498 0 01-.264.138l-.008.002-3.54.59a.5.5 0 01-.576-.576l.59-3.54a.5.5 0 01.153-.285l9.725-9.725.012-.011L11.954.39zm1.18.708a.335.335 0 00-.473 0L11.539 2.22l2.244 2.244 1.122-1.122a.335.335 0 000-.473l-1.77-1.77zM1.801 11.958l2.244 2.243 9.03-9.03-2.243-2.245L1.8 11.958zm-.69 2.932L1.427 13l1.576 1.577-1.892.315z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+Edit.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default Edit;

src/actions/file-image.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const FileImage = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.003 2.5a2.5 2.5 0 012.5-2.5h7a2.5 2.5 0 012.5 2.5v11a2.5 2.5 0 01-2.5 2.5h-7a2.5 2.5 0 01-2.5-2.5v-11zm2.5-1.5a1.5 1.5 0 00-1.5 1.5v11a1.5 1.5 0 001.5 1.5h7a1.5 1.5 0 001.5-1.5v-11a1.5 1.5 0 00-1.5-1.5h-7z"
+        fill="#1D2126"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.003 4.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM3.003 8a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM3.003 11.5a.5.5 0 01.5-.5h3a.5.5 0 010 1h-3a.5.5 0 01-.5-.5z"
+        fill="#1D2126"
+      />
+    </svg>
+  );
+};
+
+FileImage.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default FileImage;

src/actions/hidden-bold.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const HiddenBold = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M10.58 2.18A8.623 8.623 0 008 1.8c-2.48 0-4.722.954-6.63 3.088-.117.125-.283.28-.464.45l-.007.007a9.8 9.8 0 00-.491.481c-.155.17-.263.34-.328.516A1.28 1.28 0 000 6.8c0 .125.013.281.08.459.065.175.173.345.328.515.131.144.32.32.49.48l.008.007c.18.17.347.326.464.451.443.495.903.927 1.38 1.298l.714-.714a9.397 9.397 0 01-1.352-1.254l-.007-.008c-.141-.152-.331-.33-.502-.49l-.013-.012a9.213 9.213 0 01-.443-.432.615.615 0 01-.13-.192A.285.285 0 011 6.8c0-.047.004-.077.016-.108a.615.615 0 01.13-.192c.102-.11.26-.26.444-.432l.013-.012c.17-.16.36-.338.502-.49l.007-.008C3.838 3.627 5.813 2.8 8 2.8c.605 0 1.193.063 1.765.196l.814-.815z"
+        fill="#000"
+      />
+      <path
+        d="M8.678 4.083a2.8 2.8 0 00-3.395 3.395l.935-.936a1.801 1.801 0 011.524-1.524l.936-.935zM9.74 7.263l1.007-1.007a2.8 2.8 0 01-3.291 3.291L8.463 8.54A1.803 1.803 0 009.74 7.263z"
+        fill="#000"
+      />
+      <path
+        d="M6.369 10.634c.53.112 1.073.166 1.631.166 2.187 0 4.162-.827 5.888-2.758l.007-.008c.141-.152.331-.33.502-.49l.013-.012c.184-.173.342-.322.443-.432a.634.634 0 00.132-.187A.287.287 0 0015 6.8a.287.287 0 00-.015-.113.634.634 0 00-.132-.187 9.23 9.23 0 00-.443-.432l-.013-.012c-.17-.16-.36-.338-.502-.49l-.007-.008a9.481 9.481 0 00-1.26-1.184l.713-.712c.445.355.875.763 1.289 1.226.117.125.283.281.464.45l.007.007c.171.16.36.337.491.481.15.164.26.327.327.503.069.18.081.34.081.471 0 .131-.012.291-.081.471a1.602 1.602 0 01-.327.503c-.132.144-.32.32-.49.48l-.008.007c-.18.17-.347.326-.464.451C12.722 10.846 10.48 11.8 8 11.8a8.66 8.66 0 01-2.454-.343l.823-.823z"
+        fill="#000"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.15.646a.5.5 0 010 .708L2.855 12.646a.5.5 0 11-.707-.707L13.442.646a.5.5 0 01.707 0z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+HiddenBold.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default HiddenBold;

src/actions/index.ts

@@ -0,0 +1,18 @@
+export { default as AllActionsFillIcon } from './all-actions-fill';
+export { default as AllActionsIcon } from './all-actions';
+export { default as CameraFillIcon } from './camera-fill';
+export { default as CameraIcon } from './camera';
+export { default as ComplainIcon } from './complain';
+export { default as DeleteIcon } from './delete';
+export { default as EditFillIcon } from './edit-fill';
+export { default as EditIcon } from './edit';
+export { default as FileImageIcon } from './file-image';
+export { default as HiddenBoldIcon } from './hidden-bold';
+export { default as KeyFillIcon } from './key-fill';
+export { default as KeyIcon } from './key';
+export { default as LockCloseIcon } from './lock-close';
+export { default as LockOpenIcon } from './lock-open';
+export { default as NotifyNoIcon } from './notify-no';
+export { default as NotifyYesIcon } from './notify-yes';
+export { default as ShareIcon } from './share';
+export { default as VisibleBoldIcon } from './visible-bold';

src/actions/key-fill.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { IconProps } from '../core';
+import { castIconProps } from '../core';
+
+const KeyFill = (property: IconProps): ReturnType<React.FC> => {
+  const props = castIconProps(property);
+  return (
+    <svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.614 1.61a5.5 5.5 0 112.323 9.163l-1.08 1.08a.5.5 0 01-.354.147h-1.5v1.5a.5.5 0 01-.5.5h-1.5v1.5a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5v-3a.5.5 0 01.146-.354l5.08-5.08a5.499 5.499 0 011.385-5.455zm5.389 3.89a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
+        fill="#000"
+      />
+    </svg>
+  );
+};
+
+KeyFill.defaultProps = {
+  height: 16,
+  width: 16,
+};
+export default KeyFill;