Code Monkey home page Code Monkey logo

tech-icons's Introduction

Showcase your skills right on your GitHub page!

Preamble

This project is created at your own discretion. It contains quite a large number of icons representing different programming languages, frameworks, technologies, social networks, databases and various tools. The icons are presented in standard image size so you can set their size to your liking. You can use them in your resumes or GitHub repositories to stand out from the crowd.

Documentation

Example πŸ“„

In this screenshot you can see how the icons in the README.md file look like.

Definition of iconsβš’οΈ

In order to add an icon to your repository or something else, copy the code below and remember to replace the value in the link after the last / with your choice from the icons folder.

<a href="#"><img src="https://github.com/onemarc/tech-icons/blob/main/icons/NAME_OF_ICON.svg" width="50"></a>

Resizing icons πŸ“

How to change the icon size? - Follow the example below and set the width="VALUE" parameter to its own value.

<a href="#"><img src="https://github.com/onemarc/tech-icons/blob/main/icons/NAME_OF_ICON.svg" width="50"></a>

Icons themes βš™οΈ

Among the images of icons there are also those located on different types of backgrounds, for example, on black, dark, white and in the color palette of the original icon. This will help you find what you are looking for.

An example of icons at once in three variants of themes:

Icons centering πŸ–‡οΈ

If you want to align the icons relative to the edge or center, add the following parameters to the <p> tag:

  • align="center" - to the center
  • align="right" - to the right edge
  • align="left" - to the left edge
<a href="#"><p align="center"><img src="https://github.com/onemarc/tech-icons/blob/main/icons/NAME_OF_ICON.svg"></p></a>

How to find icon? πŸ”Ž

How to find the icon you need?

- To find an icon, you need to go to the icons folder and write the name of the technology/programming language/framework/social network or whatever you are looking for in the search box. In most cases, all icons are named according to their general name.

Ideas for improvement πŸ’‘

If anyone has ideas for improving this project, please submit your ideas to issues or make pull requests.

Issue form:

  1. Come up with a clear title for the issue that explains its essence.
  2. Describe the problem or innovation and write what it is about.
  3. If you wish and detail the problem or innovation, you can add an image.

In this way, the problems you find or the proposed innovations will be formed in a structured way and will be considered faster.

Most popular icons πŸ“‚

Below is a small part of the commonly used icons.

Support ✨

Your attention to my project is very important to me because I have invested my efforts and time in it.
If you think this project deserves improvement and you want to support it, make a one-time contribution by buying a cup of coffee.
Buy Me A Coffee
Thank you for your attention and possible support. ✨

tech-icons's People

Contributors

onemarc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

netsec007

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.