🎉 (@hzcore/icons-social) creating initial commit for icons section

adding icons section for reusable icons Closes #40
hzdg · Mar 4, 2020 · c11efa4 · c11efa4
1 parent 1452e9f
commit c11efa4
Show file tree

Hide file tree

Showing 23 changed files with 1,145 additions and 46 deletions.
diff --git a/packages/icons/hzcore-icons-arrow/README.mdx b/packages/icons/hzcore-icons-arrow/README.mdx
@@ -67,4 +67,61 @@ yarn add @hzcore/icons-arrow
                 C491.696,366.043,491.696,359.28,487.536,355.12z"/>
             </svg>
         </span>
+        <span style={{padding:'20px'}}>
+            <svg
+              x="0px" 
+              y="0px" 
+              width="90"
+              viewBox="0 0 490.656 490.656"
+              fill="currentColor"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+            <g>
+              <g>
+                <path d="M487.536,120.445c-4.16-4.16-10.923-4.16-15.083,0L245.339,347.581L18.203,120.467c-4.16-4.16-10.923-4.16-15.083,0
+                  c-4.16,4.16-4.16,10.923,0,15.083l234.667,234.667c2.091,2.069,4.821,3.115,7.552,3.115s5.461-1.045,7.531-3.136l234.667-234.667
+                  C491.696,131.368,491.696,124.605,487.536,120.445z"/>
+              </g>
+            </g>
+            </svg>
+        </span>
+                <span style={{padding:'20px'}}>
+            <svg
+              x="0px" 
+              y="0px" 
+              width="90"
+              viewBox="0 0 512 512"
+              fill="currentColor"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g>
+                <g>
+                  <path d="M492,236H68.442l70.164-69.824c7.829-7.792,7.859-20.455,0.067-28.284c-7.792-7.83-20.456-7.859-28.285-0.068
+                    l-104.504,104c-0.007,0.006-0.012,0.013-0.018,0.019c-7.809,7.792-7.834,20.496-0.002,28.314c0.007,0.006,0.012,0.013,0.018,0.019
+                    l104.504,104c7.828,7.79,20.492,7.763,28.285-0.068c7.792-7.829,7.762-20.492-0.067-28.284L68.442,276H492
+                    c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z"/>
+                </g>
+              </g>
+            </svg>
+        </span>
+        <span style={{padding:'20px 20px'}}>
+            <svg
+              x="0px" 
+              y="0px" 
+              width="90"
+              viewBox="0 0 512 512"
+              fill="currentColor"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g>
+                <g>
+                  <path d="M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068
+                    c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557
+                    l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104
+                    c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z"/>
+                </g>
+              </g>
+            </svg>
+        </span>
+
 </Playground>
diff --git a/packages/icons/hzcore-icons-eho/CHANGELOG.md b/packages/icons/hzcore-icons-eho/CHANGELOG.md
@@ -0,0 +1,4 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
diff --git a/packages/icons/hzcore-icons-eho/README.mdx b/packages/icons/hzcore-icons-eho/README.mdx
@@ -0,0 +1,82 @@
+---
+name: eho
+menu: Reusable Icons
+route: /icons-eho
+---
+
+# eho
+
+These are Reusable SVGs to use for your projects! 
+Designers, these are the SVGs that have been reused in several projects.
+Developers, these are the SVGs that are available in HZ-Core!
+
+## Installation
+
+```shell
+yarn add @hzcore/icons-eho
+
+```
+
+## Eho Icons:
+
+<Playground>  
+<svg version="1.0" id="Layer_1"	xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="43px" height="21px" viewBox="0 0 19.8 9.992" enableBackground="new 0 0 19.8 9.992" xmlSpace="preserve">
+<g>
+	<path fill="currentColor" d="M8.859,9.968H9.12V9.422l0.326-0.666H9.154L9.021,9.087C9.013,9.107,9.002,9.139,8.991,9.18
+		C8.979,9.139,8.967,9.107,8.959,9.087L8.825,8.756H8.534l0.325,0.666V9.968z M8.134,9.968h0.259V9.002h0.231V8.756H7.9v0.246h0.233
+		L8.134,9.968L8.134,9.968z M7.592,9.968h0.262V8.756H7.592V9.968z M6.519,9.968h0.256V9.381c0-0.079-0.009-0.154-0.027-0.224
+		C6.779,9.243,6.81,9.307,6.834,9.35l0.352,0.618H7.44V8.756H7.186v0.562c0,0.084,0.008,0.166,0.024,0.252
+		C7.185,9.5,7.153,9.432,7.119,9.367L6.787,8.756H6.519V9.968z M5.795,8.756h-0.26v0.777c0,0.285,0.155,0.458,0.419,0.458
+		c0.264,0,0.419-0.173,0.419-0.458V8.756H6.115v0.671c0,0.2-0.042,0.296-0.161,0.296c-0.117,0-0.159-0.096-0.159-0.296V8.756z
+		 M5.002,9.968h0.259V9.002h0.232V8.756H4.769v0.246h0.233V9.968z M4.002,8.756H4.38c0.238,0,0.376,0.159,0.376,0.389
+		c0,0.188-0.088,0.312-0.229,0.326l0.271,0.497H4.485L4.261,9.452v0.516H4.002V8.756z M4.261,8.992v0.335h0.077
+		c0.1,0,0.155-0.062,0.155-0.17c0-0.112-0.054-0.165-0.162-0.165H4.261z M3.749,8.911C3.849,9.027,3.9,9.184,3.9,9.361
+		c0,0.18-0.052,0.334-0.151,0.451C3.648,9.93,3.517,9.991,3.362,9.991c-0.151,0-0.284-0.062-0.385-0.179
+		c-0.1-0.117-0.151-0.271-0.151-0.451c0-0.178,0.052-0.334,0.15-0.45C3.078,8.793,3.21,8.732,3.362,8.732
+		C3.518,8.732,3.647,8.793,3.749,8.911 M3.638,9.361c0-0.213-0.114-0.358-0.275-0.358c-0.159,0-0.275,0.146-0.275,0.358
+		c0,0.212,0.117,0.359,0.275,0.359C3.523,9.721,3.638,9.574,3.638,9.361 M2.076,8.756h0.359c0.218,0,0.356,0.159,0.356,0.404
+		c0,0.267-0.126,0.413-0.368,0.413H2.335v0.395H2.076V8.756z M2.374,9.327c0.101,0,0.155-0.062,0.155-0.17
+		c0-0.112-0.052-0.165-0.16-0.165H2.335v0.335H2.374z M1.276,8.756h0.36c0.218,0,0.355,0.159,0.355,0.404
+		c0,0.267-0.125,0.413-0.368,0.413H1.536v0.395h-0.26V8.756z M1.575,9.327c0.101,0,0.155-0.062,0.155-0.17
+		c0-0.112-0.053-0.165-0.162-0.165H1.536v0.335H1.575z M1.022,8.911c0.101,0.116,0.153,0.272,0.153,0.45
+		c0,0.18-0.053,0.334-0.153,0.451C0.924,9.93,0.791,9.991,0.638,9.991c-0.153,0-0.286-0.062-0.386-0.179S0.1,9.541,0.1,9.361
+		c0-0.178,0.053-0.334,0.151-0.45c0.101-0.118,0.232-0.179,0.387-0.179C0.793,8.732,0.922,8.793,1.022,8.911 M0.913,9.361
+		c0-0.213-0.115-0.358-0.275-0.358c-0.161,0-0.277,0.146-0.277,0.358c0,0.212,0.118,0.359,0.277,0.359
+		C0.798,9.721,0.913,9.574,0.913,9.361 M8.961,7.889L9.114,7.73C9.027,7.616,8.917,7.559,8.782,7.559
+		c-0.124,0-0.23,0.049-0.311,0.145c-0.08,0.094-0.123,0.219-0.123,0.361c0,0.146,0.043,0.271,0.123,0.362
+		C8.551,8.52,8.658,8.57,8.782,8.57c0.162,0,0.283-0.078,0.375-0.245c0.029-0.054,0.057-0.156,0.057-0.267
+		c0-0.019-0.002-0.037-0.003-0.06H8.782v0.187h0.214C8.96,8.293,8.882,8.354,8.782,8.354c-0.13,0-0.223-0.117-0.223-0.289
+		c0-0.17,0.093-0.287,0.223-0.287C8.856,7.777,8.92,7.814,8.961,7.889 M7.526,8.552h0.206V8.08c0-0.062-0.007-0.123-0.022-0.18
+		C7.736,7.969,7.761,8.02,7.781,8.055l0.281,0.497h0.205V7.578H8.062v0.453c0,0.066,0.007,0.132,0.021,0.201
+		C8.062,8.176,8.037,8.121,8.009,8.068l-0.266-0.49H7.526V8.552z M7.195,8.552h0.211V7.578H7.195V8.552z M6.715,8.27H6.522
+		C6.527,8.456,6.635,8.572,6.81,8.572c0.189,0,0.307-0.127,0.307-0.313c0-0.073-0.02-0.132-0.056-0.179
+		C7.01,8.016,6.948,7.994,6.881,7.964C6.777,7.918,6.72,7.904,6.72,7.836c0-0.055,0.036-0.092,0.095-0.092
+		c0.06,0,0.096,0.042,0.097,0.115H7.1C7.098,7.665,6.996,7.559,6.811,7.559c-0.171,0-0.28,0.125-0.28,0.297
+		c0,0.09,0.03,0.166,0.086,0.215c0.057,0.051,0.114,0.068,0.169,0.093C6.871,8.199,6.92,8.227,6.92,8.284
+		c0,0.054-0.037,0.089-0.102,0.089C6.756,8.373,6.717,8.334,6.715,8.27 M5.979,7.578H5.77v0.625c0,0.229,0.126,0.367,0.337,0.367
+		c0.213,0,0.337-0.139,0.337-0.367V7.578H6.235v0.539c0,0.16-0.032,0.238-0.129,0.238c-0.094,0-0.128-0.078-0.128-0.238L5.979,7.578
+		L5.979,7.578z M5.571,7.703c0.08,0.093,0.123,0.218,0.123,0.361c0,0.145-0.043,0.269-0.123,0.361
+		C5.492,8.521,5.385,8.57,5.261,8.57c-0.122,0-0.229-0.049-0.309-0.145C4.872,8.333,4.83,8.209,4.83,8.064s0.042-0.27,0.122-0.361
+		c0.081-0.096,0.187-0.145,0.31-0.145C5.387,7.559,5.491,7.607,5.571,7.703 M5.482,8.064c0-0.17-0.092-0.287-0.221-0.287
+		c-0.128,0-0.222,0.117-0.222,0.287c0,0.172,0.095,0.289,0.222,0.289C5.391,8.354,5.482,8.236,5.482,8.064 M4.068,8.552h0.208V8.157
+		h0.265v0.395h0.208V7.578H4.541v0.381H4.276V7.578H4.068V8.552z M3.331,8.552h0.417V8.354H3.539V7.578H3.331V8.552z M2.76,7.578
+		h0.257l0.284,0.974h-0.22L3.047,8.41H2.729L2.694,8.552H2.477L2.76,7.578z M3,8.227L2.888,7.775L2.776,8.227H3z M1.984,7.578H1.775
+		v0.625c0,0.229,0.125,0.367,0.337,0.367c0.213,0,0.337-0.139,0.337-0.367V7.578H2.241v0.539c0,0.16-0.033,0.238-0.129,0.238
+		c-0.095,0-0.128-0.078-0.128-0.238V7.578z M1.268,8.57c-0.123,0-0.23-0.049-0.31-0.144c-0.08-0.094-0.122-0.218-0.122-0.362
+		s0.042-0.27,0.122-0.362c0.079-0.093,0.186-0.144,0.31-0.144c0.123,0,0.229,0.049,0.31,0.144C1.658,7.796,1.7,7.921,1.7,8.064
+		c0,0.121-0.029,0.224-0.088,0.312l0.066,0.077l-0.12,0.154L1.476,8.514C1.411,8.553,1.344,8.57,1.268,8.57 M1.294,8.307l0.12-0.152
+		L1.462,8.21C1.48,8.163,1.489,8.115,1.489,8.064c0-0.17-0.094-0.287-0.223-0.287s-0.22,0.117-0.22,0.287
+		c0,0.172,0.092,0.289,0.227,0.289c0.02,0,0.036-0.004,0.053-0.012L1.294,8.307z M0.298,8.552h0.464V8.354H0.506V8.154h0.256V7.966
+		H0.506V7.768h0.256V7.578H0.298V8.552z M3.144,4.162h3.144V3.284H3.144V4.162z M3.144,5.465h3.144V4.587H3.144V5.465z M4.701,1.076
+		L1.699,2.832v3.454H7.73V2.832L4.701,1.076z M8.693,3.766v3.425H0.765V3.766H0V2.747L4.673,0l4.729,2.69v1.076H8.693z"/>
+	<path fill="currentColor"  d="M14.938,0.532c0.466,0,0.834,0.37,0.834,0.834c0,0.465-0.368,0.834-0.834,0.834
+		c-0.464,0-0.834-0.369-0.834-0.834C14.104,0.902,14.475,0.532,14.938,0.532 M14.07,5.012c-0.216-1.358-0.238-1.537-0.238-1.692
+		c0-0.5,0.369-0.834,0.787-0.834c0.701,0,0.797,0.596,0.881,1.227l0.035,0.262h1.905c0,0.739-0.417,0.811-1.048,0.811
+		c-0.273,0-0.514-0.012-0.738-0.036l0.154,1.001h2.646l1.272,3.442C19.775,9.336,19.8,9.456,19.8,9.516
+		c0,0.106-0.059,0.154-0.299,0.154c-0.451,0-0.57-0.167-0.69-0.477l-0.869-2.346h-3.587L14.07,5.012z M17.751,7.348
+		c-0.168,1.488-1.441,2.646-2.979,2.646c-1.655,0-3.003-1.347-3.003-3.003c0-1.18,0.691-2.203,1.691-2.692l0.084,0.631
+		c-0.703,0.417-1.18,1.178-1.18,2.061c0,1.335,1.07,2.406,2.405,2.406c1.203,0,2.204-0.894,2.383-2.049H17.751z"/>
+</g>
+</svg>
+</Playground>
diff --git a/packages/icons/hzcore-icons-eho/__tests__/eho_test.tsx b/packages/icons/hzcore-icons-eho/__tests__/eho_test.tsx
@@ -0,0 +1,7 @@
+/* eslint-env jest, browser */
+import eho from '../src';
+
+test('eho is implemented', () => {
+  expect(() => eho()).not.toThrow();
+  throw new Error('implement eho and write some tests!');
+});
diff --git a/packages/icons/hzcore-icons-eho/package.json b/packages/icons/hzcore-icons-eho/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "@hzcore/icons-eho",
+  "version": "0.0.1",
+  "author": "Caroline Lee",
+  "main": "cjs/index.js",
+  "module": "es/index.js",
+  "typings": "src/index.tsx",
+  "publishConfig": {
+    "registry": "http://npmregistry.hzdg.com"
+  },
+  "files": [
+    "cjs",
+    "es",
+    "src",
+    "types",
+    "!**/__test*"
+  ],
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.4.3"
+  }
+}
diff --git a/packages/icons/hzcore-icons-eho/src/index.tsx b/packages/icons/hzcore-icons-eho/src/index.tsx
@@ -0,0 +1,79 @@
+import React from 'react';
+
+export const Facebook = () => {
+  return (
+    <svg
+      aria-hidden="true"
+      focusable="false"
+      data-prefix="fab"
+      data-icon="facebook"
+      className="facebookSVG"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+    >
+      <path
+        fill="currentColor"
+        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
+      ></path>
+    </svg>
+  );
+};
+
+export const Instagram = () => {
+  return (
+    <svg
+      aria-hidden="true"
+      focusable="false"
+      data-prefix="fab"
+      data-icon="instagram"
+      className="instagramSVG"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 448 512"
+    >
+      <path
+        fill="currentColor"
+        d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
+      ></path>
+    </svg>
+  );
+};
+
+export const Twitter = () => {
+  return (
+    <svg
+      aria-hidden="true"
+      focusable="false"
+      data-prefix="fab"
+      data-icon="twitter"
+      className="twitterSVG"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+    >
+      <path
+        fill="currentColor"
+        d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+      ></path>
+    </svg>
+  );
+};
+
+export const Github = () => {
+  return (
+    <svg
+      ariaHidden="true"
+      focusable="false"
+      class="githubSVG"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 496 512"
+      width="90"
+    >
+      <path
+        fill="currentColor"
+        d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/icons/hzcore-icons-misc/CHANGELOG.md b/packages/icons/hzcore-icons-misc/CHANGELOG.md
@@ -0,0 +1,4 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
diff --git a/packages/icons/hzcore-icons-misc/README.mdx b/packages/icons/hzcore-icons-misc/README.mdx
@@ -0,0 +1,71 @@
+---
+name: misc
+menu: Reusable Icons
+route: /icons-misc
+---
+
+# misc
+
+These are Reusable SVGs to use for your projects! 
+Designers, these are the SVGs that have been reused in several projects.
+Developers, these are the SVGs that are available in HZ-Core!
+
+## Installation
+
+```shell
+yarn add @hzcore/icons-misc
+
+```
+
+## Misc Icons:
+
+<Playground>  
+  <span style={{padding:'20px'}}>
+    <svg width="32" height="31" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0)">
+        <path
+          d="M16 27.41l-7.71-7.7 1.42-1.42 5.29 5.3V3h2v20.59l5.29-5.3 1.42 1.42-7.71 7.7zM28 26v3H4v-3H2v5h28v-5h-2z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0">
+          <path fill="#fff" d="M0 0h32v40H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  </span>
+  <span style={{padding:'20px'}}>
+    <svg height="32px" viewBox="0 -25 400 400" width="32px" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g fill="currentColor"><path d="m390 333.6875h-380c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h380c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"/><path d="m123.925781 89.285156 66.074219-57.363281v229.84375c0 5.523437 4.476562 10 10 10s10-4.476563 10-10v-229.84375l66.074219 57.363281c4.179687 3.535156 10.421875 3.058594 14.011719-1.074218 3.585937-4.132813 3.1875-10.382813-.898438-14.023438l-82.632812-71.742188c-.03125-.027343-.066407-.050781-.097657-.078124-.117187-.097657-.238281-.1875-.359375-.28125s-.257812-.199219-.390625-.292969c-.132812-.089844-.246093-.164063-.371093-.242188s-.28125-.175781-.425782-.257812c-.125-.070313-.257812-.136719-.390625-.203125-.128906-.070313-.292969-.148438-.441406-.214844s-.273437-.117188-.414063-.175781c-.136718-.054688-.296874-.113281-.453124-.164063-.15625-.054687-.285157-.09375-.429688-.136718-.164062-.046876-.324219-.085938-.484375-.125-.140625-.035157-.28125-.066407-.421875-.09375-.1875-.035157-.378906-.0625-.566406-.085938-.121094-.015625-.242188-.0351562-.363282-.046875-.628906-.0625-1.265624-.0625-1.898437 0-.121094.0117188-.238281.03125-.363281.046875-.1875.023438-.375.050781-.5625.085938-.144532.027343-.28125.058593-.421875.09375-.164063.039062-.324219.078124-.484375.125-.144532.042968-.289063.085937-.429688.136718-.144531.046875-.300781.105469-.457031.164063-.15625.0625-.277344.113281-.414063.175781-.136718.0625-.300781.136719-.441406.214844-.140625.074218-.261718.132812-.390625.203125-.128906.074219-.28125.167969-.421875.257812-.140625.089844-.25.160157-.375.242188-.121094.085937-.257812.191406-.386718.292969-.128907.097656-.242188.183593-.359376.28125-.03125.027343-.066406.050781-.101562.078124l-82.628906 71.742188c-4.085938 3.640625-4.488282 9.890625-.898438 14.023438 3.589844 4.132812 9.832032 4.609374 14.011719 1.074218zm0 0"/></g>
+    </svg>
+  </span>
+    <span style={{padding:'20px'}}>
+        <svg 
+        ariaHidden="true" 
+        focusable="false" 
+        class="svg-inline--fa fa-github fa-w-16"
+        xmlns="http://www.w3.org/2000/svg" 
+        viewBox="0 0 512 512"
+        width="30"
+        fill="currentColor"
+        >
+          <g>
+            <g>
+              <g>
+                <path d="M330.667,384h-21.333c-5.891,0-10.667,4.776-10.667,10.667v74.667h-256V42.667h256v74.667
+                  c0,5.891,4.776,10.667,10.667,10.667h21.333c5.891,0,10.667-4.776,10.667-10.667V42.667C341.333,19.103,322.231,0,298.667,0h-256
+                  C19.103,0,0,19.103,0,42.667v426.667C0,492.898,19.103,512,42.667,512h256c23.564,0,42.667-19.102,42.667-42.667v-74.667
+                  C341.333,388.776,336.558,384,330.667,384z"/>
+                <path d="M508.542,248.135l-128-117.333c-3.125-2.844-7.656-3.625-11.5-1.896c-3.875,1.698-6.375,5.531-6.375,9.76V160
+                  c0,3.021,1.281,5.906,3.531,7.927l74.151,66.74H138.667c-5.896,0-10.667,4.771-10.667,10.667v21.333
+                  c0,5.896,4.771,10.667,10.667,10.667h301.682l-74.151,66.74c-2.25,2.021-3.531,4.906-3.531,7.927v21.333
+                  c0,4.229,2.5,8.063,6.375,9.76c1.375,0.615,2.844,0.906,4.292,0.906c2.615,0,5.198-0.969,7.208-2.802l128-117.333
+                  C510.75,261.844,512,258.99,512,256S510.75,250.156,508.542,248.135z"/>
+              </g>
+            </g>
+          </g>
+        </svg>
+    </span>
+
+</Playground>
diff --git a/packages/icons/hzcore-icons-misc/__tests__/misc_test.tsx b/packages/icons/hzcore-icons-misc/__tests__/misc_test.tsx
@@ -0,0 +1,7 @@
+/* eslint-env jest, browser */
+import misc from '../src';
+
+test('misc is implemented', () => {
+  expect(() => misc()).not.toThrow();
+  throw new Error('implement misc and write some tests!');
+});