diff --git a/README.md b/README.md index 4682ad3..a8bd14d 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ ๐Ÿ”Ž Discover   โ€ข   -๐Ÿค Contribute +๐Ÿš€ Getting Started   โ€ข   ๐Ÿฆ Twitter @@ -19,16 +19,16 @@ -## ๐Ÿค” 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;
๐Ÿ“€ Config for use the library in Remix. - ```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). + + + + +

## ๐Ÿ”‘ License diff --git a/library/package.json b/library/package.json index d25ba81..08c01c1 100644 --- a/library/package.json +++ b/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", diff --git a/library/src/index.ts b/library/src/index.ts index e547800..c5ce9d6 100644 --- a/library/src/index.ts +++ b/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'; diff --git a/library/src/library/audio.tsx b/library/src/library/audio.tsx new file mode 100644 index 0000000..519470c --- /dev/null +++ b/library/src/library/audio.tsx @@ -0,0 +1,18 @@ +import { ComponentProps, FC } from 'react'; + +const Audio: FC> = (props) => ( + + + + + + + +); + +export default Audio; diff --git a/library/src/library/drawio.tsx b/library/src/library/drawio.tsx new file mode 100644 index 0000000..9b79e6b --- /dev/null +++ b/library/src/library/drawio.tsx @@ -0,0 +1,27 @@ +import { ComponentProps, FC } from 'react'; + +const DrawIO: FC> = (props) => ( + + + + + + + +); + +export default DrawIO; diff --git a/library/src/library/exe.tsx b/library/src/library/exe.tsx new file mode 100644 index 0000000..1a78720 --- /dev/null +++ b/library/src/library/exe.tsx @@ -0,0 +1,23 @@ +import { ComponentProps, FC } from 'react'; + +const Exe: FC> = (props) => ( + + + + +); + +export default Exe; diff --git a/library/src/library/folders/folderConfig.tsx b/library/src/library/folders/folderConfig.tsx new file mode 100644 index 0000000..54ca06b --- /dev/null +++ b/library/src/library/folders/folderConfig.tsx @@ -0,0 +1,23 @@ +import { ComponentProps, FC } from 'react'; + +const FolderConfig: FC> = (props) => ( + + + + +); + +export default FolderConfig; diff --git a/library/src/library/http.tsx b/library/src/library/http.tsx new file mode 100644 index 0000000..71263b4 --- /dev/null +++ b/library/src/library/http.tsx @@ -0,0 +1,19 @@ +import { ComponentProps, FC } from 'react'; + +const Http: FC> = (props) => ( + + + +); + +export default Http; diff --git a/library/src/library/patch.tsx b/library/src/library/patch.tsx new file mode 100644 index 0000000..8be4848 --- /dev/null +++ b/library/src/library/patch.tsx @@ -0,0 +1,17 @@ +import { ComponentProps, FC } from 'react'; + +const Patch: FC> = (props) => ( + + + +); + +export default Patch; diff --git a/library/src/library/php.tsx b/library/src/library/php.tsx new file mode 100644 index 0000000..7703ef2 --- /dev/null +++ b/library/src/library/php.tsx @@ -0,0 +1,17 @@ +import { ComponentProps, FC } from 'react'; + +const PHP: FC> = (props) => ( + + + +); + +export default PHP; diff --git a/library/src/library/proto.tsx b/library/src/library/proto.tsx new file mode 100644 index 0000000..6251e95 --- /dev/null +++ b/library/src/library/proto.tsx @@ -0,0 +1,37 @@ +import { ComponentProps, FC } from 'react'; + +const Proto: FC> = (props) => ( + + + + + + +); + +export default Proto; diff --git a/library/src/library/tex.tsx b/library/src/library/tex.tsx new file mode 100644 index 0000000..e2eacfe --- /dev/null +++ b/library/src/library/tex.tsx @@ -0,0 +1,19 @@ +import { ComponentProps, FC } from 'react'; + +const Tex: FC> = (props) => ( + + + +); + +export default Tex; diff --git a/library/src/library/video.tsx b/library/src/library/video.tsx new file mode 100644 index 0000000..ea2a031 --- /dev/null +++ b/library/src/library/video.tsx @@ -0,0 +1,19 @@ +import { ComponentProps, FC } from 'react'; + +const Video: FC> = (props) => ( + + + +); + +export default Video; diff --git a/library/src/library/vlang.tsx b/library/src/library/vlang.tsx new file mode 100644 index 0000000..f7281c0 --- /dev/null +++ b/library/src/library/vlang.tsx @@ -0,0 +1,62 @@ +import { ComponentProps, FC } from 'react'; + +const Vlang: FC> = (props) => ( + + + + + + + + + + + + + + + + + + + +); + +export default Vlang; diff --git a/library/src/library/zig.tsx b/library/src/library/zig.tsx new file mode 100644 index 0000000..109c354 --- /dev/null +++ b/library/src/library/zig.tsx @@ -0,0 +1,19 @@ +import { ComponentProps, FC } from 'react'; + +const Zig: FC> = (props) => ( + + + +); + +export default Zig; diff --git a/website/src/components/card/index.tsx b/website/src/components/card/index.tsx index 78033af..ca5a8a9 100644 --- a/website/src/components/card/index.tsx +++ b/website/src/components/card/index.tsx @@ -28,7 +28,7 @@ const Card = (props: CardProps) => { return (
copyToClipboard(`<${props.name} />`)} > {props.icon} diff --git a/website/src/components/command/index.tsx b/website/src/components/command/index.tsx index f224a54..e3d5435 100644 --- a/website/src/components/command/index.tsx +++ b/website/src/components/command/index.tsx @@ -11,7 +11,7 @@ const Command = () => { await navigator.clipboard.writeText(txt); } toast("Copied to clipboard", { - icon: "๐Ÿš€๐Ÿš€", + icon: "๐Ÿš€", style: { borderRadius: "10px", background: "#121212", diff --git a/website/src/components/header/index.tsx b/website/src/components/header/index.tsx index 17136e8..04a358c 100644 --- a/website/src/components/header/index.tsx +++ b/website/src/components/header/index.tsx @@ -2,7 +2,7 @@ import Command from "../command"; const Header = () => (
-

+

Symbols by Miguel Solorio

diff --git a/website/src/data/icons.ts b/website/src/data/icons.ts index 975aae0..4bde506 100644 --- a/website/src/data/icons.ts +++ b/website/src/data/icons.ts @@ -3,6 +3,7 @@ import * as ReactSymbols from "@react-symbols/icons"; export const Icons = [ { name: "Angular", icon: ReactSymbols.Angular }, { name: "Astro", icon: ReactSymbols.Astro }, + { name: "Audio", icon: ReactSymbols.Audio }, { name: "BracketsBlue", icon: ReactSymbols.BracketsBlue }, { name: "BracketsGray", icon: ReactSymbols.BracketsGray }, { name: "BracketsGreen", icon: ReactSymbols.BracketsGreen }, @@ -28,12 +29,14 @@ export const Icons = [ { name: "Csharp", icon: ReactSymbols.Csharp }, { name: "Csv", icon: ReactSymbols.Csv }, { name: "Dart", icon: ReactSymbols.Dart }, + { name: "Drawio", icon: ReactSymbols.Drawio }, { name: "Database", icon: ReactSymbols.Database }, { name: "Docker", icon: ReactSymbols.Docker }, { name: "Document", icon: ReactSymbols.Document }, { name: "Dts", icon: ReactSymbols.Dts }, { name: "Eslint", icon: ReactSymbols.Eslint }, { name: "Elixir", icon: ReactSymbols.Elixir }, + { name: "Exe", icon: ReactSymbols.Exe }, { name: "Firebase", icon: ReactSymbols.Firebase }, { name: "Fsharp", icon: ReactSymbols.Fsharp }, { name: "Gear", icon: ReactSymbols.Gear }, @@ -65,6 +68,7 @@ export const Icons = [ { name: "NPM", icon: ReactSymbols.NPM }, { name: "Perl", icon: ReactSymbols.Perl }, { name: "PNPM", icon: ReactSymbols.PNPM }, + { name: "Patch", icon: ReactSymbols.Patch }, { name: "Postcss", icon: ReactSymbols.PostCSS }, { name: "Prettier", icon: ReactSymbols.Prettier }, { name: "Prisma", icon: ReactSymbols.Prisma }, @@ -72,6 +76,8 @@ export const Icons = [ { name: "Pulumi", icon: ReactSymbols.Pulumi }, { name: "Puzzle", icon: ReactSymbols.Puzzle }, { name: "Python", icon: ReactSymbols.Python }, + { name: "PHP", icon: ReactSymbols.PHP }, + { name: "Proto", icon: ReactSymbols.Proto }, { name: "R", icon: ReactSymbols.R }, { name: "React", icon: ReactSymbols.Reactjs }, { name: "ReactTs", icon: ReactSymbols.Reactts }, @@ -92,15 +98,20 @@ export const Icons = [ { name: "Tailwind", icon: ReactSymbols.Tailwind }, { name: "Terraform", icon: ReactSymbols.Terraform }, { name: "Text", icon: ReactSymbols.Text }, + { name: "Tex", icon: ReactSymbols.Tex }, { name: "Ts", icon: ReactSymbols.TypeScript }, { name: "TsTest", icon: ReactSymbols.TsTest }, { name: "Tsconfig", icon: ReactSymbols.Tsconfig }, { name: "Vite", icon: ReactSymbols.Vite }, + { name: "Video", icon: ReactSymbols.Video }, { name: "Vue", icon: ReactSymbols.Vue }, + { name: "Vlang", icon: ReactSymbols.Vlang }, { name: "Webpack", icon: ReactSymbols.Webpack }, { name: "Xml", icon: ReactSymbols.XML }, { name: "Yaml", icon: ReactSymbols.Yaml }, { name: "Yarn", icon: ReactSymbols.Yarn }, + { name: "Zig", icon: ReactSymbols.Zig }, + { name: "Http", icon: ReactSymbols.Http }, ]; export const Folders = [ @@ -129,4 +140,5 @@ export const Folders = [ { name: "FolderSkyCode", icon: ReactSymbols.FolderSkyCode }, { name: "FolderSkyOutline", icon: ReactSymbols.FolderSkyOutline }, { name: "FolderSrc", icon: ReactSymbols.FolderSrc }, + { name: "FolderConfig", icon: ReactSymbols.FolderConfig }, ]; diff --git a/website/src/root.tsx b/website/src/root.tsx index ec0c01d..24e498a 100644 --- a/website/src/root.tsx +++ b/website/src/root.tsx @@ -12,7 +12,6 @@ import { // Styles => import custom from "@/styles/custom.css"; import tailwindcss from "@/styles/tailwind.css"; -import Header from "./components/header"; import Footer from "./components/footer"; // Metas => diff --git a/website/src/routes/index.tsx b/website/src/routes/index.tsx index dd5cecf..dde924a 100644 --- a/website/src/routes/index.tsx +++ b/website/src/routes/index.tsx @@ -1,10 +1,6 @@ import Card from "@/components/card"; -import Command from "@/components/command"; -import Header from "@/components/header"; import { Icons } from "@/data/icons"; -import { NPM } from "@react-symbols/icons"; import { ComponentProps, FC, useState } from "react"; -import toast from "react-hot-toast"; interface IconData { name: string;