A repository for beautiful icons to put in your README!
About |
Guide |
Languages |
Frameworks |
Styles or Frameworks |
Testing |
Design |
OS |
Tools or Others |
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 💜!
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!
| 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" /> |
| 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" /> |
| 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" /> |
| 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" /> |
| 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" /> |
| 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" /> |
| 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" /> |