pedro-murilo / icons-for-readme

A repository for beautiful icons to put in your README! ✨

🔵 Icons for README

A repository for beautiful icons to put in your README!

---

🔬 Contents

About | Guide | Languages | Frameworks | Styles or Frameworks | Testing | Design | OS | Tools or Others |

---

🗂 About

These icons are created on Figma and exported to SVG. If you want to put it in your README, you can do that!
Just copy the part that is in the 'Markdown' table and put it where you want 💜!

---

🗺 Guide

A little example:

<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/js-icon.svg" alt="Javascript Icon" />

The width is for change the size of your Icon, you can change this value to what you want!

then, the js-icon.svg part is the Icon, but that icon is in that repository, and if you want to a custom icon, you need to create this or you can contribute to this repository too!

Note: I will continue to add more icons in this repository!

---

⌨ Languages

Name	Icon	Markdown
Javascript		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/js-icon.svg" alt="Javascript Icon" />
Typescript		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/typescript-icon.svg" alt="Typescript Icon" />

🖥 Frameworks

Name	Icon	Markdown
ReactJS		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/react-icon.svg" alt="ReactJS Icon" />
NextJS		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/nextjs-icon.svg" alt="NextJS Icon" />

💅 Styles or Frameworks

Name	Icon	Markdown
CSS3		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/css-icon.svg" alt="CSS Icon" />
SASS		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/sass-icon.svg" alt="SASS Icon" />
Styled Components		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/styled-components-icon.svg" alt="Styled Components Icon" />
Storybook		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/storybook-icon.svg" alt="Storybook Icon" />
Framer Motion		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/framer-motion-icon.svg" alt="Framer Motion Icon" />

🔧 Testing

Name	Icon	Markdown
Jest		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/jest-icon.svg" alt="Jest Icon" />
Testing Library		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/testing-library-icon.svg" alt="Testing Library Icon" />

🎀 Design

Name	Icon	Markdown
Figma		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/figma-icon.svg" alt="Figma Icon" />

🖥 OS

Name	Icon	Markdown
Manjaro Linux		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/manjaro-icon.svg" alt="Manjaro Icon" />
Ubuntu		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/ubuntu-icon.svg" alt="Ubuntu Icon" />

⚙ Tools or Others

Name	Icon	Markdown
VSCode		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/vscode-icon.svg" alt="VSCode Icon" />
Firebase		<img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/firebase-icon.svg" alt="Firebase Icon" />