Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 27 additions & 27 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,76 +2,76 @@

[http://konpa.github.io/devicon/](http://konpa.github.io/devicon/)

Devicon aims to gather all logos representing development languages and tools.
Each icon comes in several versions: font/svg, original/plain/line, colored/not colored, wordmark/no wordmark.
Devicon consiste en reunir iconos, logos o marcas de todas las herramientes de desarrollo posibles.
Cada icono viene en diferentes versiones: font/svg, original/plain/line, colored/not colored, wordmark/no wordmark.

Devicon it's 78 icons and 200+ versions. And it's growing!
Devicon tiene 78 iconos y mas de 200 versiones, y aun sige creciendo.

See all available icons on the [new website](http://konpa.github.io/devicon/).
[Ver todos los iconos disponibles.](http://konpa.github.io/devicon/)

## Icon requests

**Please leave a comment [here](https://github.com/konpa/devicon/issues/11) in order to request an icon.**
**Si quieren algun icono en particular, dejar comentarios [aqui](https://github.com/konpa/devicon/issues/11).**

## How to use
## Como usar

For a super fast setup go check [devicon.fr](http://konpa.github.io/devicon/)
Para una rapida instalacion visita [devicon.fr](http://konpa.github.io/devicon/)

_2 ways of using devicon:_
_2 maneras de usar devicon:_

#### SVG icons
#### Iconos SVG

- Copy/paste svg code (from the [svg folder](https://github.com/konpa/devicon/tree/master/icons) or the [project page](http://konpa.github.io/devicon/) using your dev tool)
- Copia y pega el codigo del SVG (desde su respectiva [carpeta](https://github.com/konpa/devicon/tree/master/icons) o de la [pagina del proyecto](http://konpa.github.io/devicon/))

```html
<!-- for git plain version -->
<!-- para una version plana -->
<svg class="devicon-git-plain" viewBox="0 0 128 128">
<path fill="#F34F29" d="M124.742,58.378L69.625,3.264c-3.172-3.174-8.32-3.174-11.497,0L46.685,14.71l14.518,14.518c3.375-1.139,7.243-0.375,9.932,2.314c2.703,2.706,3.462,6.607,2.293,9.993L87.42,55.529c3.385-1.167,7.292-0.413,9.994,2.295c3.78,3.777,3.78,9.9,0,13.679c-3.78,3.78-9.901,3.78-13.683,0c-2.842-2.844-3.545-7.019-2.105-10.521L68.578,47.933l-0.002,34.341c0.922,0.455,1.791,1.063,2.559,1.828c3.779,3.777,3.779,9.898,0,13.683c-3.779,3.777-9.904,3.777-13.679,0c-3.778-3.784-4.088-9.905-0.311-13.683C58.079,83.169,59,82.464,60,81.992V47.333c-1-0.472-1.92-1.172-2.856-2.111c-2.861-2.86-3.396-7.06-1.928-10.576L40.983,20.333L3.229,58.123c-3.175,3.177-3.155,8.325,0.02,11.5l55.126,55.114c3.173,3.174,8.325,3.174,11.503,0l54.86-54.858C127.913,66.703,127.916,61.552,124.742,58.378z"/>
</svg>
```

- Add css rules in your stylesheet
- Agrega reglas css a tu hoja de estilos
```css
.devicon-git-plain {
max-width: 2em;
}

/* if you want to change the original color */
/* Si quieres cambiar el color original */
.devicon-git-plain path {
fill: #4691f6;
}
```

#### Icons font
#### Iconos como fuente

- Upload devicon.css and font files to your project
- Agrega el archivo devicon.css y los archivos de las fuentes a tu proyecto

```html
<link rel="stylesheet" href="devicon.css">

<!-- if you want colored versions -->
<!-- if you want colored versions -->
<link rel="stylesheet" href="devicon-colors.css">
```

- Add icon using <i> tag
- Agrega el icono usando la etiqueta <i>

```html
<!-- for git plain version -->
<!-- para la version plain -->
<i class="devicon-git-plain"></i>

<!-- for git plain version with wordmark -->
<!-- para la version plain con wordmark -->
<i class="devicon-git-plain-wordmark"></i>

<!-- for git plain version colored with git main color (devicon-color.css or devicon.min.css required) -->
<!-- para la version plain con color principal (devicon-color.css o devicon.min.css requeridos) -->
<i class="devicon-git-plain colored"></i>

<!-- for git plain version with wordmark colored with git main color (devicon-color.css or devicon.min.css required) -->
<!-- para la version plana con wordmark y con el color principal (devicon-color.css o devicon.min.css requeridos) -->
<i class="devicon-git-plain-wordmark colored"></i>
```

##### NPM and Bower packages

You can install devicon as a dependency to your project either with NPM or Bower
Puedes instalar devicon como dependencia a tus proyectos usando NPM o Bower

```
// NPM
Expand All @@ -81,14 +81,14 @@ You can install devicon as a dependency to your project either with NPM or Bower
bower install --save devicon
```

<sub>Final font is build with [Icomoon app](https://icomoon.io/)</sub>
<sub>La fuente final esta hecha con [Icomoon app](https://icomoon.io/)</sub>

##### See the [devicon.json file](https://github.com/konpa/devicon/blob/master/devicon.json) or [devicon website](http://konpa.github.io/devicon/) for complete and up to date reference of icon's available versions.
##### Ver el [archivo devicon.json](https://github.com/konpa/devicon/blob/master/devicon.json) o la [pagina de devicon](http://konpa.github.io/devicon/) para ver la lista completa de iconos en todas sus versiones disponibles.

## Contribute
## Contribuir

Please have a look at the CONTRIBUTING.md file
Heche un vistazo al archivo CONTRIBUTING.md

Under [MIT Licence](https://github.com/konpa/devicon/blob/master/LICENSE)
Bajo [Licencia MIT](https://github.com/konpa/devicon/blob/master/LICENSE)

<sub>All product names, logos, and brandsare property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement.</sub>
42 changes: 34 additions & 8 deletions devicon-colors.css
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@
}
.devicon-visualstudio-plain-wordmark.colored,
.devicon-visualstudio-plain.colored {
color: #68217A;
color: #5b2d90;
}
.devicon-slack-plain-wordmark.colored,
.devicon-slack-plain.colored {
Expand Down Expand Up @@ -128,10 +128,10 @@
color: #205081;
}
.devicon-phpstorm-plain-wordmark.colored {
color: #5058A6;
color: #8753f9;
}
.devicon-phpstorm-plain.colored {
color: #5058A6;
color: #8753f9;
}
.devicon-protractor-plain-wordmark.colored {
color: #b7111d;
Expand Down Expand Up @@ -234,7 +234,7 @@
}
.devicon-bootstrap-plain-wordmark.colored,
.devicon-bootstrap-plain.colored {
color: #59407f;
color: #5f3f8a;
}
.devicon-bower-line-wordmark.colored,
.devicon-bower-line.colored,
Expand Down Expand Up @@ -282,7 +282,7 @@
}
.devicon-css3-plain-wordmark.colored,
.devicon-css3-plain.colored {
color: #3d8fc6;
color: #0170ba;
}
.devicon-debian-plain-wordmark.colored,
.devicon-debian-plain.colored {
Expand Down Expand Up @@ -390,7 +390,7 @@
color: #8a4182;
}
.devicon-javascript-plain.colored {
color: #f0db4f;
color: #f7e018;
}
.devicon-jetbrains-plain.colored,
.devicon-jetbrains-line.colored,
Expand Down Expand Up @@ -461,7 +461,7 @@
color: #80b5e2;
}
.devicon-php-plain.colored {
color: #6181b6;
color: #787cb4;
}
.devicon-postgresql-plain.colored,
.devicon-postgresql-plain-wordmark.colored {
Expand Down Expand Up @@ -549,7 +549,7 @@
.devicon-windows8-original.colored,
.devicon-windows8-plain-wordmark.colored,
.devicon-windows8-plain.colored {
color: #00adef;
color: #0077db;
}
.devicon-wordpress-plain-wordmark.colored,
.devicon-wordpress-plain.colored {
Expand All @@ -562,4 +562,30 @@
.devicon-zend-plain-wordmark.colored,
.devicon-zend-plain.colored {
color: #68b604;
}

.devicon-bulma-plain.colored {
color: #00D1B2;
}
.devicon-excel-plain.colored {
color: #1D7044;
}
.devicon-matlab-line.colored,
.devicon-matlab-plain.colored {
color: #FF830F;
}
.devicon-minitab-plain.colored {
color: #8DC63F;
}
.devicon-phalcon-plain.colored {
color: #76C39B;
}
.devicon-r-plain.colored {
color: #2165B6;
}
.devicon-rstudio-plain.colored {
color: #0053CC;
}
.devicon-spss-plain.colored {
color: #CC1E4C;
}
42 changes: 34 additions & 8 deletions devicon.css
Original file line number Diff line number Diff line change
Expand Up @@ -313,39 +313,31 @@
.devicon-django-plain-wordmark:before {
content: "\e63f";
}

.devicon-gimp-plain:before {
content: "\e633";
}

.devicon-redhat-plain-wordmark:before {
content: "\e62a";
}

.devicon-redhat-plain:before {
content: "\e62b";
}

.devicon-cplusplus-line:before,
.devicon-cplusplus-line-wordmark:before {
content: "\e634";
}

.devicon-cplusplus-plain:before,
.devicon-cplusplus-plain-wordmark:before {
content: "\e635";
}

.devicon-csharp-line:before,
.devicon-csharp-line-wordmark:before {
content: "\e636";
}

.devicon-csharp-plain:before,
.devicon-csharp-plain-wordmark:before {
content: "\e637";
}

.devicon-c-line:before,
.devicon-c-line-wordmark:before {
content: "\e638";
Expand Down Expand Up @@ -917,3 +909,37 @@
.devicon-zend-plain:before {
content: "\ec04";
}

.devicon-bulma-plain:before {
content: "\e959";
}

.devicon-excel-plain:before {
content: "\e95a";
}

.devicon-matlab-plain:before {
content: "\e95b";
}

.devicon-minitab-plain:before {
content: "\e95c";
}

.devicon-phalcon-original:before
.devicon-phalcon-plain:before {
content: "\e95d";
}

.devicon-r-plain:before {
content: "\e913";
}

.devicon-rstudio-plain:before {
content: "\e95e";
}

.devicon-spss-original:before,
.devicon-spss-plain:before {
content: "\e95f";
}
66 changes: 65 additions & 1 deletion devicon.json
Original file line number Diff line number Diff line change
Expand Up @@ -958,5 +958,69 @@
"svg": ["plain", "plain-wordmark"],
"font": ["plain", "plain-wordmark"]
}
}
},
{
"name": "bulma",
"tags": ["css", "framework"],
"versions": {
"svg": ["plain", "plain-wordmark"],
"font": ["plain", "plain-wordmark"]
}
},
{
"name": "excel",
"tags": ["package", "statistics"],
"versions": {
"svg": ["plain", "plain-wordmark"],
"font": ["plain", "plain-wordmark"]
}
},
{
"name": "matlab",
"tags": ["package", "statistics"],
"versions": {
"svg": ["original", "original-wordmark"],
"font": ["plain", "plain-wordmark", "line", "line-wordmark"]
}
},
{
"name": "minitab",
"tags": ["package", "statistics"],
"versions": {
"svg": ["original", "original-wordmark", "plain", "plain-wordmark"],
"font": ["plain", "plain-wordmark"]
}
},
{
"name": "phalcon",
"tags": ["php", "framework"],
"versions": {
"svg": ["original", "original-wordmark", "plain", "plain-wordmark"],
"font": ["plain", "plain-wordmark"]
}
},
{
"name": "r",
"tags": ["programming", "language"],
"versions": {
"svg": ["original", "plain"],
"font": ["plain"]
}
},
{
"name": "rstudio",
"tags": ["editor", "package", "statistics"],
"versions": {
"svg": ["original", "plain"],
"font": ["plain"]
}
},
{
"name": "spss",
"tags": ["package", "statistics"],
"versions": {
"svg": ["original", "plain"],
"font": ["plain"]
}
}
]
2 changes: 1 addition & 1 deletion devicon.min.css

Large diffs are not rendered by default.

Binary file modified fonts/devicon.eot
Binary file not shown.
Loading