Merge pull request #14 from pheralb/next

🚀 v1.1.7

README.md

@@ -7,7 +7,7 @@
 
 <a href="https://react-symbols.vercel.app/">🔎 Discover</a>
 <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
-<a href="#-getting-started">🤝 Contribute</a>
+<a href="#-getting-started">🚀 Getting Started</a>
 <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
 <a href="https://twitter.com/pheralb_">🐦 Twitter</a>
 
@@ -19,16 +19,16 @@
 
 </div>
 
-## 🤔 About
+## 👋 Introduction
 
-**⚡ React-Symbols** is a library for React with the icons of the VSCode theme ["Symbols"](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols) by [Miguel Solorio (@miguelsolorio)](https://github.com/miguelsolorio).
+[**React-Symbols**](https://react-symbols.vercel.app/) is a library for React with the icons of the VSCode theme ["Symbols"](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols) by [Miguel Solorio (@miguelsolorio)](https://github.com/miguelsolorio).
 
 ## 🎉 Features
 
-- 📦 +90 icons.
-- 🍃 Lightweight.
-- 💙 Ready to use with Typescript.
-- 🧡 SVG optimized and minified.
+- **+100** icons.
+- **Lightweight**.
+- Ready to use with **Typescript**.
+- **SVG optimized** and **minified**.
 
 ## 🚀 Getting Started
 
@@ -71,7 +71,6 @@ export default MyComponent;
 <details>
   <summary>📀 Config for use the library in Remix.</summary>
 
-
 ```js
 // Add in the remix.config.js:
 
@@ -87,13 +86,16 @@ module.exports = {
 
 ## 📦 Icons
 
-- ✅ [Icons/files](https://github.com/miguelsolorio/vscode-symbols/tree/main/src/icons/files) - Ready.
-- 🧩 [Icons/folders](https://github.com/miguelsolorio/vscode-symbols/tree/main/src/icons/folders) - Ready.
+- ✅ [Icons/files](https://github.com/miguelsolorio/vscode-symbols/tree/main/src/icons/files).
+- 🧩 [Icons/folders](https://github.com/miguelsolorio/vscode-symbols/tree/main/src/icons/folders).
 
 ## 🙌 Contributing
 
-- [Josyto](https://github.com/Josyto).
-- [pablocdev](https://github.com/pablocdev).
+<a href="https://github.com/pheralb/react-symbols/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=pheralb/react-symbols" />
+</a>
+
+<p></p>
 
 ## 🔑 License
 

library/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-symbols/icons",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "Symbols icons by Miguel Solorio for React",
   "keywords": [
     "react",

library/src/index.ts

@@ -2,6 +2,7 @@
 
 export { default as Angular } from './library/angular.js';
 export { default as Astro } from './library/astro.js';
+export { default as Audio } from './library/audio.js';
 export { default as BracketsBlue } from './library/bracketsBlue.js';
 export { default as BracketsGray } from './library/bracketsGray.js';
 export { default as BracketsGreen } from './library/bracketsGreen.js';
@@ -31,8 +32,10 @@ export { default as Database } from './library/database.js';
 export { default as Docker } from './library/docker.js';
 export { default as Document } from './library/document.js';
 export { default as Dts } from './library/dts.js';
+export { default as Drawio } from './library/drawio.js';
 export { default as Eslint } from './library/eslint.js';
 export { default as Elixir } from './library/elixir.js';
+export { default as Exe } from './library/exe.js';
 export { default as Firebase } from './library/firebase.js';
 export { default as Fsharp } from './library/fsharp.js';
 export { default as Gear } from './library/gear.js';
@@ -62,9 +65,12 @@ export { default as Node } from './library/node.js';
 export { default as Nodemon } from './library/nodemon.js';
 export { default as Notebook } from './library/notebook.js';
 export { default as NPM } from './library/npm.js';
+export { default as Patch } from './library/patch.js';
 export { default as Perl } from './library/perl.js';
 export { default as PNPM } from './library/pnpm.js';
+export { default as PHP } from './library/php.js';
 export { default as PostCSS } from './library/postcss.js';
+export { default as Proto } from './library/proto.js';
 export { default as Prettier } from './library/prettier.js';
 export { default as Prisma } from './library/prisma.js';
 export { default as Pug } from './library/pug.js';
@@ -94,12 +100,17 @@ export { default as Terraform } from './library/terraform.js';
 export { default as Tsconfig } from './library/tsconfig.js';
 export { default as TsTest } from './library/tsTest.js';
 export { default as TypeScript } from './library/typescript.js';
+export { default as Tex } from './library/tex.js';
 export { default as Vite } from './library/vite.js';
+export { default as Video } from './library/video.js';
+export { default as Vlang } from './library/vlang.js';
 export { default as Vue } from './library/vue.js';
 export { default as Webpack } from './library/webpack.js';
 export { default as XML } from './library/xml.js';
 export { default as Yaml } from './library/yaml.js';
 export { default as Yarn } from './library/yarn.js';
+export { default as Zig } from './library/zig.js';
+export { default as Http } from './library/http.js';
 
 // Folders =>
 
@@ -128,3 +139,4 @@ export { default as FolderSky } from './library/folders/folderSky.js';
 export { default as FolderSkyCode } from './library/folders/folderSkyCode.js';
 export { default as FolderSkyOutline } from './library/folders/folderSkyOutline.js';
 export { default as FolderSrc } from './library/folders/folderSrc.js';
+export { default as FolderConfig } from './library/folders/folderConfig.js';

library/src/library/audio.tsx

@@ -0,0 +1,18 @@
+import { ComponentProps, FC } from 'react';
+
+const Audio: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <rect width="2" height="8" x="3" y="8" fill="#64748B" rx="1"></rect>
+    <rect width="2" height="12" x="7" y="6" fill="#64748B" rx="1"></rect>
+    <rect width="2" height="18" x="11" y="3" fill="#64748B" rx="1"></rect>
+    <rect width="2" height="12" x="15" y="6" fill="#64748B" rx="1"></rect>
+    <rect width="2" height="8" x="19" y="8" fill="#64748B" rx="1"></rect>
+  </svg>
+);
+
+export default Audio;

library/src/library/drawio.tsx

@@ -0,0 +1,27 @@
+import { ComponentProps, FC } from 'react';
+
+const DrawIO: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <rect width="8" height="6" x="8" y="3.5" fill="#F59E0B" rx="1"></rect>
+    <rect width="8" height="6" x="3" y="14.5" fill="#F59E0B" rx="1"></rect>
+    <rect width="8" height="6" x="13" y="14.5" fill="#F59E0B" rx="1"></rect>
+    <path
+      stroke="#F59E0B"
+      strokeWidth="1.5"
+      d="M6.608 17.024L12.265 7.226"
+    ></path>
+    <path
+      stroke="#F59E0B"
+      strokeWidth="1.5"
+      d="M0 -0.75L11.314 -0.75"
+      transform="scale(-1 1) rotate(-60 6.697 23.199)"
+    ></path>
+  </svg>
+);
+
+export default DrawIO;

library/src/library/exe.tsx

@@ -0,0 +1,23 @@
+import { ComponentProps, FC } from 'react';
+
+const Exe: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#64748B"
+      d="M8.97 9.56c.295 1.064-.32 2.17-1.356 2.437l-.55.14a5.797 5.797 0 00.006 1.764l.508.127c1.046.262 1.668 1.379 1.364 2.45l-.176.616c.413.377.884.682 1.396.9l.464-.507a1.835 1.835 0 012.728 0l.469.513a4.943 4.943 0 001.394-.89l-.186-.67c-.296-1.064.32-2.17 1.356-2.437l.549-.14a5.788 5.788 0 00-.006-1.764l-.507-.127c-1.047-.261-1.669-1.379-1.364-2.45l.175-.616a4.939 4.939 0 00-1.396-.9l-.464.507c-.742.809-1.986.809-2.727 0L10.177 8a4.939 4.939 0 00-1.394.89l.186.67zM12 14.464c-.753 0-1.364-.655-1.364-1.464 0-.808.61-1.464 1.364-1.464.753 0 1.364.656 1.364 1.464 0 .809-.61 1.464-1.364 1.464z"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M4 20V6h16v14H4zM2 4a2 2 0 012-2h16a2 2 0 012 2v16a2 2 0 01-2 2H4a2 2 0 01-2-2V4z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+);
+
+export default Exe;

library/src/library/folders/folderConfig.tsx

@@ -0,0 +1,23 @@
+import { ComponentProps, FC } from 'react';
+
+const FolderConfig: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M5 4a3 3 0 00-3 3v10a3 3 0 003 3h8v-2H5a1 1 0 01-1-1V7a1 1 0 011-1h2.784a1 1 0 01.635.227l2.393 1.966a3 3 0 001.904.682H19a1 1 0 011 1V10h2v-.125a3 3 0 00-3-3h-6.284a1 1 0 01-.635-.227L9.688 4.682A3 3 0 007.784 4H5z"
+      clipRule="evenodd"
+    ></path>
+    <path
+      fill="#0EA5E9"
+      d="M16.772 13.404c.267.958-.287 1.954-1.22 2.193l-.494.127a5.218 5.218 0 00.005 1.587l.457.114c.942.236 1.502 1.241 1.227 2.205l-.157.555a4.45 4.45 0 001.256.81l.418-.456a1.651 1.651 0 012.454 0l.422.461a4.45 4.45 0 001.256-.802l-.168-.602c-.267-.958.287-1.954 1.22-2.193l.494-.127a5.217 5.217 0 00-.005-1.587l-.457-.114c-.941-.236-1.501-1.241-1.227-2.205l.158-.554a4.446 4.446 0 00-1.257-.81l-.417.455a1.651 1.651 0 01-2.455 0L17.86 12c-.46.193-.883.466-1.255.802l.167.602zm2.728 4.414c-.678 0-1.227-.59-1.227-1.318 0-.728.55-1.318 1.227-1.318.678 0 1.227.59 1.227 1.318 0 .728-.55 1.318-1.227 1.318z"
+    ></path>
+  </svg>
+);
+
+export default FolderConfig;

library/src/library/http.tsx

@@ -0,0 +1,19 @@
+import { ComponentProps, FC } from 'react';
+
+const Http: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#2563EB"
+      stroke="#2563EB"
+      strokeWidth="0.5"
+      d="M12 21a9 9 0 100-18 9 9 0 000 18zm0-16.875c.739 0 1.583.664 2.274 2.147.245.524.458 1.127.63 1.79H9.096c.171-.663.384-1.266.629-1.79.691-1.483 1.535-2.147 2.274-2.147zm-3.294 1.67c-.31.667-.57 1.432-.768 2.268h-2.76a7.9 7.9 0 014.25-3.509 7.456 7.456 0 00-.722 1.242zm-.99 3.393A17.967 17.967 0 007.5 12c0 .98.076 1.926.217 2.813H4.642A7.856 7.856 0 014.125 12c0-.99.183-1.94.517-2.813h3.075zm.222 6.75c.198.835.457 1.6.768 2.266.21.45.451.87.723 1.242a7.9 7.9 0 01-4.25-3.509h2.759zm1.159 0h5.806a10.405 10.405 0 01-.629 1.79c-.691 1.483-1.535 2.147-2.274 2.147-.739 0-1.583-.664-2.274-2.147a10.406 10.406 0 01-.63-1.79zm6.046-1.126H8.857A16.728 16.728 0 018.625 12c0-.994.083-1.94.232-2.813h6.286c.15.872.232 1.82.232 2.813 0 .994-.083 1.94-.232 2.813zm.919 1.126h2.76a7.9 7.9 0 01-4.25 3.508c.27-.372.512-.793.722-1.242.31-.666.57-1.43.768-2.267zm3.296-1.126h-3.075c.141-.886.217-1.832.217-2.812 0-.98-.076-1.926-.217-2.813h3.075c.334.874.517 1.822.517 2.813 0 .99-.183 1.94-.517 2.813zM14.57 4.555a7.9 7.9 0 014.25 3.508h-2.759c-.198-.835-.457-1.6-.768-2.266a7.464 7.464 0 00-.723-1.242z"
+    ></path>
+  </svg>
+);
+
+export default Http;

library/src/library/patch.tsx

@@ -0,0 +1,17 @@
+import { ComponentProps, FC } from 'react';
+
+const Patch: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#F87171"
+      d="M4.784 13.813l1.23-1.23 5.404 5.402-1.231 1.231a2.676 2.676 0 01-3.785 0l-1.618-1.618a2.676 2.676 0 010-3.785zm14.432-3.626l-1.231 1.23-5.403-5.402 1.231-1.23a2.676 2.676 0 013.785 0l1.618 1.617a2.676 2.676 0 010 3.785zm-5.403 9.029a2.676 2.676 0 003.785 0l1.618-1.618a2.676 2.676 0 000-3.785l-9.03-9.03a2.676 2.676 0 00-3.784 0L4.784 6.403a2.676 2.676 0 000 3.785l9.03 9.029zM9.53 11.382a.618.618 0 110 1.236.618.618 0 010-1.236zm3.088 3.088a.618.618 0 11-1.235 0 .618.618 0 011.235 0zm0-2.47a.618.618 0 11-1.235 0 .618.618 0 011.235 0zM12 8.912a.618.618 0 110 1.235.618.618 0 010-1.235zM15.088 12a.618.618 0 11-1.235 0 .618.618 0 011.235 0z"
+    ></path>
+  </svg>
+);
+
+export default Patch;

library/src/library/php.tsx

@@ -0,0 +1,17 @@
+import { ComponentProps, FC } from 'react';
+
+const PHP: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#A855F7"
+      d="M11.99 4.089c-1.546.471-2.535 1.665-2.525 3.044.011.944.31 1.781 1.063 2.964.483.76 1.45 2.218 1.479 2.228.014.007.148-.056.292-.137 1.024-.57 1.675-1.472 1.816-2.506.021-.152.039-.602.039-.996 0-.792.014-.86.211-1 .229-.166.507-.113.69.127l.102.13.01.725c.008.422-.003.862-.027 1.049a4.386 4.386 0 01-.687 1.876c-.225.345-.799.912-1.197 1.183-.355.242-1.052.626-1.27.7a.488.488 0 01-.507-.116c-.092-.088-1.623-2.408-2.031-3.083-.437-.719-.771-1.521-.915-2.204-.11-.517-.123-1.278-.032-1.704.088-.394.243-.806.426-1.112.084-.144.148-.267.14-.274a1.983 1.983 0 00-.358.045C5.98 5.49 3.756 7.616 3.16 10.33c-.15.676-.176.979-.154 1.795.02.8.063 1.077.253 1.708.215.707.507 1.33.978 2.08.338.538.525.908.638 1.263.193.595.207.729.228 2.02.014.82.036 1.236.064 1.286a.97.97 0 00.151.176l.11.105h2.593l.095-.088c.197-.183.194-.165.194-1.672v-1.39h2.108l.021 2.886.134.13.13.134h2.598l.095-.088c.173-.162.19-.236.229-1.01.067-1.366.25-2.362.651-3.523.215-.627.36-.961.817-1.883.39-.789.401-.803.496-.785.053.01.285.052.517.091.564.092.74.148.997.313.267.176.5.479.612.803.07.215.08.303.08.855 0 .595-.003.62-.084.736-.109.151-.355.264-.513.236a.944.944 0 01-.268-.134c-.204-.148-.496-.18-.672-.07-.204.126-1.64 1.598-1.697 1.738-.109.26-.05.458.215.708.919.873 2.386 1.197 3.6.795.73-.24 1.465-.834 1.961-1.59.268-.402.405-.694.563-1.208l.099-.313v-3.608c0-3.32-.003-3.633-.063-3.897a5.1 5.1 0 00-2.725-3.509c-.668-.334-1.534-.514-2.474-.514h-.38l-.388-.243c-.788-.485-1.27-.637-2.1-.658-.532-.01-.582-.007-.88.085zm5.575 5.174c.239.176.295.447.151.686-.264.419-.922.225-.922-.274 0-.388.471-.637.77-.412z"
+    ></path>
+  </svg>
+);
+
+export default PHP;

library/src/library/proto.tsx

@@ -0,0 +1,37 @@
+import { ComponentProps, FC } from 'react';
+
+const Proto: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#F87171"
+      fillRule="evenodd"
+      d="M10.405 7.748a1.5 1.5 0 01-.549 2.05l-6.062 3.5a1.5 1.5 0 01-1.5-2.599l6.062-3.5a1.5 1.5 0 012.049.55z"
+      clipRule="evenodd"
+    ></path>
+    <path
+      fill="#2563EB"
+      fillRule="evenodd"
+      d="M1.745 11.252a1.5 1.5 0 012.049-.55l6.062 3.5a1.5 1.5 0 01-1.5 2.599l-6.062-3.5a1.5 1.5 0 01-.55-2.05z"
+      clipRule="evenodd"
+    ></path>
+    <path
+      fill="#F59E0B"
+      fillRule="evenodd"
+      d="M22.255 11.252a1.5 1.5 0 00-2.049-.55l-6.062 3.5a1.5 1.5 0 001.5 2.599l6.062-3.5a1.5 1.5 0 00.55-2.05z"
+      clipRule="evenodd"
+    ></path>
+    <path
+      fill="#2DD4BF"
+      fillRule="evenodd"
+      d="M13.595 7.748a1.5 1.5 0 00.549 2.05l6.062 3.5a1.5 1.5 0 001.5-2.599l-6.062-3.5a1.5 1.5 0 00-2.049.55z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+);
+
+export default Proto;

library/src/library/tex.tsx

@@ -0,0 +1,19 @@
+import { ComponentProps, FC } from 'react';
+
+const Tex: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 20 20"
+    {...props}
+  >
+    <path
+      fill="#2563EB"
+      fillRule="evenodd"
+      d="M3.764 3h12.472l.02 4.178h-.596c-.196-1.49-.756-2.499-1.68-3.025-.519-.29-1.294-.448-2.326-.475v10.904c0 .762.133 1.268.4 1.518.266.25.82.374 1.663.374V17H6.333v-.526c.81 0 1.347-.127 1.614-.38.266-.252.4-.756.4-1.512V3.678c-1.012.027-1.788.185-2.328.475-.99.54-1.55 1.548-1.679 3.025h-.597L3.763 3z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+);
+
+export default Tex;

library/src/library/video.tsx

@@ -0,0 +1,19 @@
+import { ComponentProps, FC } from 'react';
+
+const Video: FC<ComponentProps<'svg'>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M4 6h16v12H4V6zM2 6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6zm7.5 8.616V9.385a.75.75 0 011.11-.659l4.786 2.616a.75.75 0 010 1.316l-4.786 2.616a.75.75 0 01-1.11-.658z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+);
+
+export default Video;