piconss

A collection of customizable SVG icons for dark, light and default.

Table of contents

• Installation
• Usage
• Available Icons
• Contributing

Installation

You can access piconss icons via unpkg or use them locally by cloning the repository.

You can use piconss directly in your HTML or JavaScript applications without any installation:

<img
  src="https://unpkg.com/piconss@latest/icons/default/angularjs.svg"
  width="40"
  alt="AngularJS Icon"
/>

Usage

You can customize the icons using different themes. Currently, the available themes are:

default light dark

To use a specific icon, just provide the correct path as shown below:

<img
  src="https://unpkg.com/piconss@latest/icons/default/angularjs.svg"
  width="40"
  alt="AngularJS Icon"
/>

<img
  src="https://unpkg.com/piconss@latest/icons/dark/expressDark.svg"
  width="40"
  alt="Express Dark Icon"
/>

<img
  src="https://unpkg.com/piconss@latest/icons/light/expressLight.svg"
  width="40"
  alt="Express Light Icon"
/>

Using with unpkg

Add the following link to your HTML or MD file to use icons from unpkg:

<img
  src="https://unpkg.com/piconss@latest/icons/default/iconname.svg"
  alt="Icon Name"
/>
<img
  src="https://unpkg.com/piconss@latest/icons/dark/iconnameDark.svg"
  alt="Icon Name"
/>
<img
  src="https://unpkg.com/piconss@latest/icons/light/iconnameLight.svg"
  alt="Icon Name"
/>

Available Icons

Below is a list of all available icons in the piconss library:

| Icon Name | Icon Image | | -------------- | ------------------------------------------------------------------------------------- | | angularjs | | | aws | | | azure | | | babel | | | blender | | | bootstrap | | | c | | | clion | | | cpp | | | csharp | | | css3 | | | dart | | | django | | | docker | | | dotnet | | | electron | | | expressDark | | | expressLight | | | figma | | | firebase | | | flask | | | flutter | | | gatsby | | | git | | | github | | | go | | | graphql | | | haskell | | | html5 | | | intellij | | | java | | | javascript | | | jenkins | | | jest | | | jira | | | jquery | | | julia | | | jupyter | | | kotlin | | | less | | | linux | | | markdown | | | matlab | | | mocha | | | mongodb | | | mysql | | | nextjs | | | nodejs | | | numpy | | | nuxtjs | | | opencv | | | perl | | | php | | | postcss | | | postgresql | | | postman | | | prettier | | | prisma | | | pycharm | | | python | | | pytorch | | | r | | | reactjs | | | reactrouter | | | redux | | | ruby | | | rust | | | sass | | | scala | | | sketch | | | sqlite | | | svelte | | | swift | | | tailwindcss | | | tensorflow | | | threejsDark | | | threejsLight | | | typescript | | | unity | | | unrealengine | | | vscode | | | vuejs | | | webstorm | |

Contributing

We appreciate your contributions to piconss! To contribute, follow these steps:

1. Fork the repository: Go to the piconss repository and click the "Fork" button.

2. Clone your fork: After forking, clone the repository to your local machine using the following command:

   git clone https://github.com/your-username/piconss.git

3. Create a new branch Create a new branch where you can make your changes. Use a descriptive branch name:

   git checkout -b my-new-feature

4. Make your changes Make the necessary changes or additions to the icons or code.

5. Commit your changes After making your changes, commit them with a clear and concise message:

     git add .
     git commit -m "Add new icon for xyz"

6. Push to your fork: Push your changes to the branch on your fork:

     git push origin my-new-feature

7. Submit a pull request: Go back to the original repository and create a pull request from your branch. Be sure to provide a clear explanation of the changes you've made.