Skip to content

Latest commit

 

History

History
106 lines (65 loc) · 9.8 KB

README.md

File metadata and controls

106 lines (65 loc) · 9.8 KB
Raw

🔵 Icons for README

A repository for beautiful icons to put in your README!

🗂 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 Javascript Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/js-icon.svg" alt="Javascript Icon" />
Typescript Typescript Icon <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 ReactJS Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/react-icon.svg" alt="ReactJS Icon" />
NextJS NextJS Icon <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 CSS Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/css-icon.svg" alt="CSS Icon" />
SASS SASS Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/sass-icon.svg" alt="SASS Icon" />
Styled Components Styled Components Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/styled-components-icon.svg" alt="Styled Components Icon" />
Storybook Storybook Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/storybook-icon.svg" alt="Storybook Icon" />
Framer Motion Framer Motion Icon <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 Jest Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/jest-icon.svg" alt="Jest Icon" />
Testing Library Testing Library Icon <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 Figma Icon <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 Manjaro Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/manjaro-icon.svg" alt="Manjaro Icon" />
Ubuntu Ubuntu Icon <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 VSCode Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/vscode-icon.svg" alt="VSCode Icon" />
Firebase Firebase Icon <img width="75px" src="https://github.com/Pedro-Murilo/icons-for-readme/blob/main/.github/firebase-icon.svg" alt="Firebase Icon" />