Skip to content

CemWebDev/piconss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

piconss

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

Table of contents

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.