cool-vue-icons 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/ATTRIBUTION.md +29 -0
  2. package/README.md +152 -69
  3. package/package.json +9 -3
package/ATTRIBUTION.md ADDED
@@ -0,0 +1,29 @@
1
+ # Atribución de Iconos
2
+
3
+ ## Iconos Originales
4
+
5
+ Los iconos SVG utilizados en esta librería son de **[coolicons](https://github.com/krystonschwarze/coolicons)**, una colección cuidadosamente diseñada de más de 440 iconos creados por **[Kryston Schwarze](https://github.com/krystonschwarze)**.
6
+
7
+ ### Información del Creador Original
8
+
9
+ - **Creador**: Kryston Schwarze
10
+ - **Repositorio**: https://github.com/krystonschwarze/coolicons
11
+ - **Sitio web**: https://coolicons.cool
12
+ - **Licencia original**: Creative Commons Attribution 4.0 International (CC BY 4.0)
13
+ - **Licencia completa**: https://creativecommons.org/licenses/by/4.0/
14
+
15
+ ### Sobre coolicons
16
+
17
+ coolicons es una colección cuidadosamente diseñada de 440+ iconos con un enfoque en simplicidad y consistencia. Perfectamente adecuados para diseño web, aplicaciones y móvil.
18
+
19
+ ## Licencia de Esta Librería
20
+
21
+ Esta librería Vue (`cool-vue-icons`) es una adaptación de los iconos SVG originales como componentes Vue 3.
22
+
23
+ - **Código de la librería** (componentes Vue, sistema de build, etc.): Licenciado bajo **MIT**
24
+ - **Iconos SVG originales**: Licenciados bajo **CC BY 4.0** por Kryston Schwarze
25
+
26
+ ## Agradecimientos
27
+
28
+ Gracias a [Kryston Schwarze](https://github.com/krystonschwarze) por crear y compartir estos increíbles iconos bajo una licencia abierta.
29
+
package/README.md CHANGED
@@ -118,6 +118,11 @@ La librería incluye más de 440 iconos organizados en categorías:
118
118
 
119
119
 
120
120
 
121
+
122
+
123
+
124
+
125
+
121
126
  ## 📋 Catálogo Visual de Iconos
122
127
 
123
128
  <h3 id="arrow">Arrow (72 iconos)</h3>
@@ -1013,16 +1018,26 @@ La librería incluye más de 440 iconos organizados en categorías:
1013
1018
  </tbody>
1014
1019
  </table>
1015
1020
 
1016
- <h3 id="environment">Environment (13 iconos)</h3>
1021
+ <h3 id="environment">Environment (25 iconos)</h3>
1017
1022
 
1018
1023
  <table>
1019
1024
  <tbody>
1020
1025
  <tr>
1021
1026
  <td style="padding: 8px; vertical-align: middle;">
1027
+ <img src="cooliocns SVG/Environment/Agricultural.svg" width="20" height="20" alt="IconAgricultural" style="vertical-align: middle; margin-right: 8px;" />
1028
+ <code style="font-size: 0.85em;">IconAgricultural</code>
1029
+ </td>
1030
+ <td style="padding: 8px; vertical-align: middle;">
1022
1031
  <img src="cooliocns SVG/Environment/Bulb.svg" width="20" height="20" alt="IconBulb" style="vertical-align: middle; margin-right: 8px;" />
1023
1032
  <code style="font-size: 0.85em;">IconBulb</code>
1024
1033
  </td>
1025
1034
  <td style="padding: 8px; vertical-align: middle;">
1035
+ <img src="cooliocns SVG/Environment/Camping.svg" width="20" height="20" alt="IconCamping" style="vertical-align: middle; margin-right: 8px;" />
1036
+ <code style="font-size: 0.85em;">IconCamping</code>
1037
+ </td>
1038
+ </tr>
1039
+ <tr>
1040
+ <td style="padding: 8px; vertical-align: middle;">
1026
1041
  <img src="cooliocns SVG/Environment/Coffee.svg" width="20" height="20" alt="IconCoffee" style="vertical-align: middle; margin-right: 8px;" />
1027
1042
  <code style="font-size: 0.85em;">IconCoffee</code>
1028
1043
  </td>
@@ -1030,23 +1045,31 @@ La librería incluye más de 440 iconos organizados en categorías:
1030
1045
  <img src="cooliocns SVG/Environment/Coffe_To_Go.svg" width="20" height="20" alt="IconCoffeToGo" style="vertical-align: middle; margin-right: 8px;" />
1031
1046
  <code style="font-size: 0.85em;">IconCoffeToGo</code>
1032
1047
  </td>
1033
- </tr>
1034
- <tr>
1035
1048
  <td style="padding: 8px; vertical-align: middle;">
1036
1049
  <img src="cooliocns SVG/Environment/Cookie.svg" width="20" height="20" alt="IconCookie" style="vertical-align: middle; margin-right: 8px;" />
1037
1050
  <code style="font-size: 0.85em;">IconCookie</code>
1038
1051
  </td>
1052
+ </tr>
1053
+ <tr>
1054
+ <td style="padding: 8px; vertical-align: middle;">
1055
+ <img src="cooliocns SVG/Environment/Cultural.svg" width="20" height="20" alt="IconCultural" style="vertical-align: middle; margin-right: 8px;" />
1056
+ <code style="font-size: 0.85em;">IconCultural</code>
1057
+ </td>
1039
1058
  <td style="padding: 8px; vertical-align: middle;">
1040
1059
  <img src="cooliocns SVG/Environment/Cupcake.svg" width="20" height="20" alt="IconCupcake" style="vertical-align: middle; margin-right: 8px;" />
1041
1060
  <code style="font-size: 0.85em;">IconCupcake</code>
1042
1061
  </td>
1043
1062
  <td style="padding: 8px; vertical-align: middle;">
1044
- <img src="cooliocns SVG/Environment/First_Aid.svg" width="20" height="20" alt="IconFirstAid" style="vertical-align: middle; margin-right: 8px;" />
1045
- <code style="font-size: 0.85em;">IconFirstAid</code>
1063
+ <img src="cooliocns SVG/Environment/Fire.svg" width="20" height="20" alt="IconFire" style="vertical-align: middle; margin-right: 8px;" />
1064
+ <code style="font-size: 0.85em;">IconFire</code>
1046
1065
  </td>
1047
1066
  </tr>
1048
1067
  <tr>
1049
1068
  <td style="padding: 8px; vertical-align: middle;">
1069
+ <img src="cooliocns SVG/Environment/First_Aid.svg" width="20" height="20" alt="IconFirstAid" style="vertical-align: middle; margin-right: 8px;" />
1070
+ <code style="font-size: 0.85em;">IconFirstAid</code>
1071
+ </td>
1072
+ <td style="padding: 8px; vertical-align: middle;">
1050
1073
  <img src="cooliocns SVG/Environment/Leaf.svg" width="20" height="20" alt="IconLeaf" style="vertical-align: middle; margin-right: 8px;" />
1051
1074
  <code style="font-size: 0.85em;">IconLeaf</code>
1052
1075
  </td>
@@ -1054,24 +1077,62 @@ La librería incluye más de 440 iconos organizados en categorías:
1054
1077
  <img src="cooliocns SVG/Environment/Moon.svg" width="20" height="20" alt="IconMoon" style="vertical-align: middle; margin-right: 8px;" />
1055
1078
  <code style="font-size: 0.85em;">IconMoon</code>
1056
1079
  </td>
1080
+ </tr>
1081
+ <tr>
1082
+ <td style="padding: 8px; vertical-align: middle;">
1083
+ <img src="cooliocns SVG/Environment/Mountain.svg" width="20" height="20" alt="IconMountain" style="vertical-align: middle; margin-right: 8px;" />
1084
+ <code style="font-size: 0.85em;">IconMountain</code>
1085
+ </td>
1057
1086
  <td style="padding: 8px; vertical-align: middle;">
1058
1087
  <img src="cooliocns SVG/Environment/Planet.svg" width="20" height="20" alt="IconPlanet" style="vertical-align: middle; margin-right: 8px;" />
1059
1088
  <code style="font-size: 0.85em;">IconPlanet</code>
1060
1089
  </td>
1061
- </tr>
1062
- <tr>
1063
1090
  <td style="padding: 8px; vertical-align: middle;">
1064
1091
  <img src="cooliocns SVG/Environment/Puzzle.svg" width="20" height="20" alt="IconPuzzle" style="vertical-align: middle; margin-right: 8px;" />
1065
1092
  <code style="font-size: 0.85em;">IconPuzzle</code>
1066
1093
  </td>
1094
+ </tr>
1095
+ <tr>
1067
1096
  <td style="padding: 8px; vertical-align: middle;">
1068
1097
  <img src="cooliocns SVG/Environment/Rainbow.svg" width="20" height="20" alt="IconRainbow" style="vertical-align: middle; margin-right: 8px;" />
1069
1098
  <code style="font-size: 0.85em;">IconRainbow</code>
1070
1099
  </td>
1071
1100
  <td style="padding: 8px; vertical-align: middle;">
1101
+ <img src="cooliocns SVG/Environment/Sea.svg" width="20" height="20" alt="IconSea" style="vertical-align: middle; margin-right: 8px;" />
1102
+ <code style="font-size: 0.85em;">IconSea</code>
1103
+ </td>
1104
+ <td style="padding: 8px; vertical-align: middle;">
1105
+ <img src="cooliocns SVG/Environment/Shovel.svg" width="20" height="20" alt="IconShovel" style="vertical-align: middle; margin-right: 8px;" />
1106
+ <code style="font-size: 0.85em;">IconShovel</code>
1107
+ </td>
1108
+ </tr>
1109
+ <tr>
1110
+ <td style="padding: 8px; vertical-align: middle;">
1111
+ <img src="cooliocns SVG/Environment/Snowflake.svg" width="20" height="20" alt="IconSnowflake" style="vertical-align: middle; margin-right: 8px;" />
1112
+ <code style="font-size: 0.85em;">IconSnowflake</code>
1113
+ </td>
1114
+ <td style="padding: 8px; vertical-align: middle;">
1072
1115
  <img src="cooliocns SVG/Environment/Sun.svg" width="20" height="20" alt="IconSun" style="vertical-align: middle; margin-right: 8px;" />
1073
1116
  <code style="font-size: 0.85em;">IconSun</code>
1074
1117
  </td>
1118
+ <td style="padding: 8px; vertical-align: middle;">
1119
+ <img src="cooliocns SVG/Environment/Sunrise.svg" width="20" height="20" alt="IconSunrise" style="vertical-align: middle; margin-right: 8px;" />
1120
+ <code style="font-size: 0.85em;">IconSunrise</code>
1121
+ </td>
1122
+ </tr>
1123
+ <tr>
1124
+ <td style="padding: 8px; vertical-align: middle;">
1125
+ <img src="cooliocns SVG/Environment/Thermometer.svg" width="20" height="20" alt="IconThermometer" style="vertical-align: middle; margin-right: 8px;" />
1126
+ <code style="font-size: 0.85em;">IconThermometer</code>
1127
+ </td>
1128
+ <td style="padding: 8px; vertical-align: middle;">
1129
+ <img src="cooliocns SVG/Environment/Tree.svg" width="20" height="20" alt="IconTree" style="vertical-align: middle; margin-right: 8px;" />
1130
+ <code style="font-size: 0.85em;">IconTree</code>
1131
+ </td>
1132
+ <td style="padding: 8px; vertical-align: middle;">
1133
+ <img src="cooliocns SVG/Environment/Valley.svg" width="20" height="20" alt="IconValley" style="vertical-align: middle; margin-right: 8px;" />
1134
+ <code style="font-size: 0.85em;">IconValley</code>
1135
+ </td>
1075
1136
  </tr>
1076
1137
  <tr>
1077
1138
  <td style="padding: 8px; vertical-align: middle;">
@@ -1273,7 +1334,7 @@ La librería incluye más de 440 iconos organizados en categorías:
1273
1334
  </tbody>
1274
1335
  </table>
1275
1336
 
1276
- <h3 id="interface">Interface (73 iconos)</h3>
1337
+ <h3 id="interface">Interface (77 iconos)</h3>
1277
1338
 
1278
1339
  <table>
1279
1340
  <tbody>
@@ -1349,6 +1410,10 @@ La librería incluye más de 440 iconos organizados en categorías:
1349
1410
  </tr>
1350
1411
  <tr>
1351
1412
  <td style="padding: 8px; vertical-align: middle;">
1413
+ <img src="cooliocns SVG/Interface/Confetti.svg" width="20" height="20" alt="IconConfetti" style="vertical-align: middle; margin-right: 8px;" />
1414
+ <code style="font-size: 0.85em;">IconConfetti</code>
1415
+ </td>
1416
+ <td style="padding: 8px; vertical-align: middle;">
1352
1417
  <img src="cooliocns SVG/Interface/Credit_Card_01.svg" width="20" height="20" alt="IconCreditCard01" style="vertical-align: middle; margin-right: 8px;" />
1353
1418
  <code style="font-size: 0.85em;">IconCreditCard01</code>
1354
1419
  </td>
@@ -1356,6 +1421,16 @@ La librería incluye más de 440 iconos organizados en categorías:
1356
1421
  <img src="cooliocns SVG/Interface/Credit_Card_02.svg" width="20" height="20" alt="IconCreditCard02" style="vertical-align: middle; margin-right: 8px;" />
1357
1422
  <code style="font-size: 0.85em;">IconCreditCard02</code>
1358
1423
  </td>
1424
+ </tr>
1425
+ <tr>
1426
+ <td style="padding: 8px; vertical-align: middle;">
1427
+ <img src="cooliocns SVG/Interface/Crown.svg" width="20" height="20" alt="IconCrown" style="vertical-align: middle; margin-right: 8px;" />
1428
+ <code style="font-size: 0.85em;">IconCrown</code>
1429
+ </td>
1430
+ <td style="padding: 8px; vertical-align: middle;">
1431
+ <img src="cooliocns SVG/Interface/Diamond.svg" width="20" height="20" alt="IconDiamond" style="vertical-align: middle; margin-right: 8px;" />
1432
+ <code style="font-size: 0.85em;">IconDiamond</code>
1433
+ </td>
1359
1434
  <td style="padding: 8px; vertical-align: middle;">
1360
1435
  <img src="cooliocns SVG/Interface/Download.svg" width="20" height="20" alt="IconDownload" style="vertical-align: middle; margin-right: 8px;" />
1361
1436
  <code style="font-size: 0.85em;">IconDownload</code>
@@ -1539,12 +1614,16 @@ La librería incluye más de 440 iconos organizados en categorías:
1539
1614
  <code style="font-size: 0.85em;">IconSettingsFuture</code>
1540
1615
  </td>
1541
1616
  <td style="padding: 8px; vertical-align: middle;">
1542
- <img src="cooliocns SVG/Interface/Shopping_Bag_01.svg" width="20" height="20" alt="IconShoppingBag01" style="vertical-align: middle; margin-right: 8px;" />
1543
- <code style="font-size: 0.85em;">IconShoppingBag01</code>
1617
+ <img src="cooliocns SVG/Interface/Share.svg" width="20" height="20" alt="IconShare" style="vertical-align: middle; margin-right: 8px;" />
1618
+ <code style="font-size: 0.85em;">IconShare</code>
1544
1619
  </td>
1545
1620
  </tr>
1546
1621
  <tr>
1547
1622
  <td style="padding: 8px; vertical-align: middle;">
1623
+ <img src="cooliocns SVG/Interface/Shopping_Bag_01.svg" width="20" height="20" alt="IconShoppingBag01" style="vertical-align: middle; margin-right: 8px;" />
1624
+ <code style="font-size: 0.85em;">IconShoppingBag01</code>
1625
+ </td>
1626
+ <td style="padding: 8px; vertical-align: middle;">
1548
1627
  <img src="cooliocns SVG/Interface/Shopping_Bag_02.svg" width="20" height="20" alt="IconShoppingBag02" style="vertical-align: middle; margin-right: 8px;" />
1549
1628
  <code style="font-size: 0.85em;">IconShoppingBag02</code>
1550
1629
  </td>
@@ -1552,12 +1631,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1552
1631
  <img src="cooliocns SVG/Interface/Shopping_Cart_01.svg" width="20" height="20" alt="IconShoppingCart01" style="vertical-align: middle; margin-right: 8px;" />
1553
1632
  <code style="font-size: 0.85em;">IconShoppingCart01</code>
1554
1633
  </td>
1634
+ </tr>
1635
+ <tr>
1555
1636
  <td style="padding: 8px; vertical-align: middle;">
1556
1637
  <img src="cooliocns SVG/Interface/Shopping_Cart_02.svg" width="20" height="20" alt="IconShoppingCart02" style="vertical-align: middle; margin-right: 8px;" />
1557
1638
  <code style="font-size: 0.85em;">IconShoppingCart02</code>
1558
1639
  </td>
1559
- </tr>
1560
- <tr>
1561
1640
  <td style="padding: 8px; vertical-align: middle;">
1562
1641
  <img src="cooliocns SVG/Interface/Slider_01.svg" width="20" height="20" alt="IconSlider01" style="vertical-align: middle; margin-right: 8px;" />
1563
1642
  <code style="font-size: 0.85em;">IconSlider01</code>
@@ -1566,12 +1645,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1566
1645
  <img src="cooliocns SVG/Interface/Slider_02.svg" width="20" height="20" alt="IconSlider02" style="vertical-align: middle; margin-right: 8px;" />
1567
1646
  <code style="font-size: 0.85em;">IconSlider02</code>
1568
1647
  </td>
1648
+ </tr>
1649
+ <tr>
1569
1650
  <td style="padding: 8px; vertical-align: middle;">
1570
1651
  <img src="cooliocns SVG/Interface/Slider_03.svg" width="20" height="20" alt="IconSlider03" style="vertical-align: middle; margin-right: 8px;" />
1571
1652
  <code style="font-size: 0.85em;">IconSlider03</code>
1572
1653
  </td>
1573
- </tr>
1574
- <tr>
1575
1654
  <td style="padding: 8px; vertical-align: middle;">
1576
1655
  <img src="cooliocns SVG/Interface/Star.svg" width="20" height="20" alt="IconStar" style="vertical-align: middle; margin-right: 8px;" />
1577
1656
  <code style="font-size: 0.85em;">IconStar</code>
@@ -1580,12 +1659,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1580
1659
  <img src="cooliocns SVG/Interface/Suitcase.svg" width="20" height="20" alt="IconSuitcase" style="vertical-align: middle; margin-right: 8px;" />
1581
1660
  <code style="font-size: 0.85em;">IconSuitcase</code>
1582
1661
  </td>
1662
+ </tr>
1663
+ <tr>
1583
1664
  <td style="padding: 8px; vertical-align: middle;">
1584
1665
  <img src="cooliocns SVG/Interface/Swicht_Left.svg" width="20" height="20" alt="IconSwichtLeft" style="vertical-align: middle; margin-right: 8px;" />
1585
1666
  <code style="font-size: 0.85em;">IconSwichtLeft</code>
1586
1667
  </td>
1587
- </tr>
1588
- <tr>
1589
1668
  <td style="padding: 8px; vertical-align: middle;">
1590
1669
  <img src="cooliocns SVG/Interface/Swicht_Right.svg" width="20" height="20" alt="IconSwichtRight" style="vertical-align: middle; margin-right: 8px;" />
1591
1670
  <code style="font-size: 0.85em;">IconSwichtRight</code>
@@ -1594,12 +1673,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1594
1673
  <img src="cooliocns SVG/Interface/Tag.svg" width="20" height="20" alt="IconTag" style="vertical-align: middle; margin-right: 8px;" />
1595
1674
  <code style="font-size: 0.85em;">IconTag</code>
1596
1675
  </td>
1676
+ </tr>
1677
+ <tr>
1597
1678
  <td style="padding: 8px; vertical-align: middle;">
1598
1679
  <img src="cooliocns SVG/Interface/Ticket_Voucher.svg" width="20" height="20" alt="IconTicketVoucher" style="vertical-align: middle; margin-right: 8px;" />
1599
1680
  <code style="font-size: 0.85em;">IconTicketVoucher</code>
1600
1681
  </td>
1601
- </tr>
1602
- <tr>
1603
1682
  <td style="padding: 8px; vertical-align: middle;">
1604
1683
  <img src="cooliocns SVG/Interface/Trash_Empty.svg" width="20" height="20" alt="IconTrashEmpty" style="vertical-align: middle; margin-right: 8px;" />
1605
1684
  <code style="font-size: 0.85em;">IconTrashEmpty</code>
@@ -1608,23 +1687,22 @@ La librería incluye más de 440 iconos organizados en categorías:
1608
1687
  <img src="cooliocns SVG/Interface/Trash_Full.svg" width="20" height="20" alt="IconTrashFull" style="vertical-align: middle; margin-right: 8px;" />
1609
1688
  <code style="font-size: 0.85em;">IconTrashFull</code>
1610
1689
  </td>
1690
+ </tr>
1691
+ <tr>
1611
1692
  <td style="padding: 8px; vertical-align: middle;">
1612
1693
  <img src="cooliocns SVG/Interface/Trending_Down.svg" width="20" height="20" alt="IconTrendingDown" style="vertical-align: middle; margin-right: 8px;" />
1613
1694
  <code style="font-size: 0.85em;">IconTrendingDown</code>
1614
1695
  </td>
1615
- </tr>
1616
- <tr>
1617
1696
  <td style="padding: 8px; vertical-align: middle;">
1618
1697
  <img src="cooliocns SVG/Interface/Trending_Up.svg" width="20" height="20" alt="IconTrendingUp" style="vertical-align: middle; margin-right: 8px;" />
1619
1698
  <code style="font-size: 0.85em;">IconTrendingUp</code>
1620
1699
  </td>
1621
1700
  <td></td>
1622
- <td></td>
1623
1701
  </tr>
1624
1702
  </tbody>
1625
1703
  </table>
1626
1704
 
1627
- <h3 id="media">Media (22 iconos)</h3>
1705
+ <h3 id="media">Media (24 iconos)</h3>
1628
1706
 
1629
1707
  <table>
1630
1708
  <tbody>
@@ -1638,12 +1716,16 @@ La librería incluye más de 440 iconos organizados en categorías:
1638
1716
  <code style="font-size: 0.85em;">IconChromecast</code>
1639
1717
  </td>
1640
1718
  <td style="padding: 8px; vertical-align: middle;">
1641
- <img src="cooliocns SVG/Media/Forward.svg" width="20" height="20" alt="IconForward" style="vertical-align: middle; margin-right: 8px;" />
1642
- <code style="font-size: 0.85em;">IconForward</code>
1719
+ <img src="cooliocns SVG/Media/Film.svg" width="20" height="20" alt="IconFilm" style="vertical-align: middle; margin-right: 8px;" />
1720
+ <code style="font-size: 0.85em;">IconFilm</code>
1643
1721
  </td>
1644
1722
  </tr>
1645
1723
  <tr>
1646
1724
  <td style="padding: 8px; vertical-align: middle;">
1725
+ <img src="cooliocns SVG/Media/Forward.svg" width="20" height="20" alt="IconForward" style="vertical-align: middle; margin-right: 8px;" />
1726
+ <code style="font-size: 0.85em;">IconForward</code>
1727
+ </td>
1728
+ <td style="padding: 8px; vertical-align: middle;">
1647
1729
  <img src="cooliocns SVG/Media/Headphones.svg" width="20" height="20" alt="IconHeadphones" style="vertical-align: middle; margin-right: 8px;" />
1648
1730
  <code style="font-size: 0.85em;">IconHeadphones</code>
1649
1731
  </td>
@@ -1651,16 +1733,22 @@ La librería incluye más de 440 iconos organizados en categorías:
1651
1733
  <img src="cooliocns SVG/Media/Image_01.svg" width="20" height="20" alt="IconImage01" style="vertical-align: middle; margin-right: 8px;" />
1652
1734
  <code style="font-size: 0.85em;">IconImage01</code>
1653
1735
  </td>
1736
+ </tr>
1737
+ <tr>
1654
1738
  <td style="padding: 8px; vertical-align: middle;">
1655
1739
  <img src="cooliocns SVG/Media/Image_02.svg" width="20" height="20" alt="IconImage02" style="vertical-align: middle; margin-right: 8px;" />
1656
1740
  <code style="font-size: 0.85em;">IconImage02</code>
1657
1741
  </td>
1658
- </tr>
1659
- <tr>
1742
+ <td style="padding: 8px; vertical-align: middle;">
1743
+ <img src="cooliocns SVG/Media/Music.svg" width="20" height="20" alt="IconMusic" style="vertical-align: middle; margin-right: 8px;" />
1744
+ <code style="font-size: 0.85em;">IconMusic</code>
1745
+ </td>
1660
1746
  <td style="padding: 8px; vertical-align: middle;">
1661
1747
  <img src="cooliocns SVG/Media/Pause.svg" width="20" height="20" alt="IconPause" style="vertical-align: middle; margin-right: 8px;" />
1662
1748
  <code style="font-size: 0.85em;">IconPause</code>
1663
1749
  </td>
1750
+ </tr>
1751
+ <tr>
1664
1752
  <td style="padding: 8px; vertical-align: middle;">
1665
1753
  <img src="cooliocns SVG/Media/Pause_Circle.svg" width="20" height="20" alt="IconPauseCircle" style="vertical-align: middle; margin-right: 8px;" />
1666
1754
  <code style="font-size: 0.85em;">IconPauseCircle</code>
@@ -1669,12 +1757,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1669
1757
  <img src="cooliocns SVG/Media/Play.svg" width="20" height="20" alt="IconPlay" style="vertical-align: middle; margin-right: 8px;" />
1670
1758
  <code style="font-size: 0.85em;">IconPlay</code>
1671
1759
  </td>
1672
- </tr>
1673
- <tr>
1674
1760
  <td style="padding: 8px; vertical-align: middle;">
1675
1761
  <img src="cooliocns SVG/Media/Play_Circle.svg" width="20" height="20" alt="IconPlayCircle" style="vertical-align: middle; margin-right: 8px;" />
1676
1762
  <code style="font-size: 0.85em;">IconPlayCircle</code>
1677
1763
  </td>
1764
+ </tr>
1765
+ <tr>
1678
1766
  <td style="padding: 8px; vertical-align: middle;">
1679
1767
  <img src="cooliocns SVG/Media/Rewind.svg" width="20" height="20" alt="IconRewind" style="vertical-align: middle; margin-right: 8px;" />
1680
1768
  <code style="font-size: 0.85em;">IconRewind</code>
@@ -1683,12 +1771,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1683
1771
  <img src="cooliocns SVG/Media/Shuffle.svg" width="20" height="20" alt="IconShuffle" style="vertical-align: middle; margin-right: 8px;" />
1684
1772
  <code style="font-size: 0.85em;">IconShuffle</code>
1685
1773
  </td>
1686
- </tr>
1687
- <tr>
1688
1774
  <td style="padding: 8px; vertical-align: middle;">
1689
1775
  <img src="cooliocns SVG/Media/Skip_Back.svg" width="20" height="20" alt="IconSkipBack" style="vertical-align: middle; margin-right: 8px;" />
1690
1776
  <code style="font-size: 0.85em;">IconSkipBack</code>
1691
1777
  </td>
1778
+ </tr>
1779
+ <tr>
1692
1780
  <td style="padding: 8px; vertical-align: middle;">
1693
1781
  <img src="cooliocns SVG/Media/Skip_Forward.svg" width="20" height="20" alt="IconSkipForward" style="vertical-align: middle; margin-right: 8px;" />
1694
1782
  <code style="font-size: 0.85em;">IconSkipForward</code>
@@ -1697,12 +1785,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1697
1785
  <img src="cooliocns SVG/Media/Stop.svg" width="20" height="20" alt="IconStop" style="vertical-align: middle; margin-right: 8px;" />
1698
1786
  <code style="font-size: 0.85em;">IconStop</code>
1699
1787
  </td>
1700
- </tr>
1701
- <tr>
1702
1788
  <td style="padding: 8px; vertical-align: middle;">
1703
1789
  <img src="cooliocns SVG/Media/Stop_Circle.svg" width="20" height="20" alt="IconStopCircle" style="vertical-align: middle; margin-right: 8px;" />
1704
1790
  <code style="font-size: 0.85em;">IconStopCircle</code>
1705
1791
  </td>
1792
+ </tr>
1793
+ <tr>
1706
1794
  <td style="padding: 8px; vertical-align: middle;">
1707
1795
  <img src="cooliocns SVG/Media/Volume_Max.svg" width="20" height="20" alt="IconVolumeMax" style="vertical-align: middle; margin-right: 8px;" />
1708
1796
  <code style="font-size: 0.85em;">IconVolumeMax</code>
@@ -1711,12 +1799,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1711
1799
  <img src="cooliocns SVG/Media/Volume_Min.svg" width="20" height="20" alt="IconVolumeMin" style="vertical-align: middle; margin-right: 8px;" />
1712
1800
  <code style="font-size: 0.85em;">IconVolumeMin</code>
1713
1801
  </td>
1714
- </tr>
1715
- <tr>
1716
1802
  <td style="padding: 8px; vertical-align: middle;">
1717
1803
  <img src="cooliocns SVG/Media/Volume_Minus.svg" width="20" height="20" alt="IconVolumeMinus" style="vertical-align: middle; margin-right: 8px;" />
1718
1804
  <code style="font-size: 0.85em;">IconVolumeMinus</code>
1719
1805
  </td>
1806
+ </tr>
1807
+ <tr>
1720
1808
  <td style="padding: 8px; vertical-align: middle;">
1721
1809
  <img src="cooliocns SVG/Media/Volume_Off.svg" width="20" height="20" alt="IconVolumeOff" style="vertical-align: middle; margin-right: 8px;" />
1722
1810
  <code style="font-size: 0.85em;">IconVolumeOff</code>
@@ -1725,14 +1813,10 @@ La librería incluye más de 440 iconos organizados en categorías:
1725
1813
  <img src="cooliocns SVG/Media/Volume_Off_02.svg" width="20" height="20" alt="IconVolumeOff02" style="vertical-align: middle; margin-right: 8px;" />
1726
1814
  <code style="font-size: 0.85em;">IconVolumeOff02</code>
1727
1815
  </td>
1728
- </tr>
1729
- <tr>
1730
1816
  <td style="padding: 8px; vertical-align: middle;">
1731
1817
  <img src="cooliocns SVG/Media/Volume_Plus.svg" width="20" height="20" alt="IconVolumePlus" style="vertical-align: middle; margin-right: 8px;" />
1732
1818
  <code style="font-size: 0.85em;">IconVolumePlus</code>
1733
1819
  </td>
1734
- <td></td>
1735
- <td></td>
1736
1820
  </tr>
1737
1821
  </tbody>
1738
1822
  </table>
@@ -1822,7 +1906,7 @@ La librería incluye más de 440 iconos organizados en categorías:
1822
1906
  </tbody>
1823
1907
  </table>
1824
1908
 
1825
- <h3 id="navigation">Navigation (18 iconos)</h3>
1909
+ <h3 id="navigation">Navigation (20 iconos)</h3>
1826
1910
 
1827
1911
  <table>
1828
1912
  <tbody>
@@ -1846,15 +1930,19 @@ La librería incluye más de 440 iconos organizados en categorías:
1846
1930
  <code style="font-size: 0.85em;">IconBuilding04</code>
1847
1931
  </td>
1848
1932
  <td style="padding: 8px; vertical-align: middle;">
1933
+ <img src="cooliocns SVG/Navigation/Bus.svg" width="20" height="20" alt="IconBus" style="vertical-align: middle; margin-right: 8px;" />
1934
+ <code style="font-size: 0.85em;">IconBus</code>
1935
+ </td>
1936
+ <td style="padding: 8px; vertical-align: middle;">
1849
1937
  <img src="cooliocns SVG/Navigation/Car_Auto.svg" width="20" height="20" alt="IconCarAuto" style="vertical-align: middle; margin-right: 8px;" />
1850
1938
  <code style="font-size: 0.85em;">IconCarAuto</code>
1851
1939
  </td>
1940
+ </tr>
1941
+ <tr>
1852
1942
  <td style="padding: 8px; vertical-align: middle;">
1853
1943
  <img src="cooliocns SVG/Navigation/Compass.svg" width="20" height="20" alt="IconCompass" style="vertical-align: middle; margin-right: 8px;" />
1854
1944
  <code style="font-size: 0.85em;">IconCompass</code>
1855
1945
  </td>
1856
- </tr>
1857
- <tr>
1858
1946
  <td style="padding: 8px; vertical-align: middle;">
1859
1947
  <img src="cooliocns SVG/Navigation/Flag.svg" width="20" height="20" alt="IconFlag" style="vertical-align: middle; margin-right: 8px;" />
1860
1948
  <code style="font-size: 0.85em;">IconFlag</code>
@@ -1863,12 +1951,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1863
1951
  <img src="cooliocns SVG/Navigation/Globe.svg" width="20" height="20" alt="IconGlobe" style="vertical-align: middle; margin-right: 8px;" />
1864
1952
  <code style="font-size: 0.85em;">IconGlobe</code>
1865
1953
  </td>
1954
+ </tr>
1955
+ <tr>
1866
1956
  <td style="padding: 8px; vertical-align: middle;">
1867
1957
  <img src="cooliocns SVG/Navigation/House_01.svg" width="20" height="20" alt="IconHouse01" style="vertical-align: middle; margin-right: 8px;" />
1868
1958
  <code style="font-size: 0.85em;">IconHouse01</code>
1869
1959
  </td>
1870
- </tr>
1871
- <tr>
1872
1960
  <td style="padding: 8px; vertical-align: middle;">
1873
1961
  <img src="cooliocns SVG/Navigation/House_02.svg" width="20" height="20" alt="IconHouse02" style="vertical-align: middle; margin-right: 8px;" />
1874
1962
  <code style="font-size: 0.85em;">IconHouse02</code>
@@ -1877,12 +1965,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1877
1965
  <img src="cooliocns SVG/Navigation/House_03.svg" width="20" height="20" alt="IconHouse03" style="vertical-align: middle; margin-right: 8px;" />
1878
1966
  <code style="font-size: 0.85em;">IconHouse03</code>
1879
1967
  </td>
1968
+ </tr>
1969
+ <tr>
1880
1970
  <td style="padding: 8px; vertical-align: middle;">
1881
1971
  <img src="cooliocns SVG/Navigation/House_Add.svg" width="20" height="20" alt="IconHouseAdd" style="vertical-align: middle; margin-right: 8px;" />
1882
1972
  <code style="font-size: 0.85em;">IconHouseAdd</code>
1883
1973
  </td>
1884
- </tr>
1885
- <tr>
1886
1974
  <td style="padding: 8px; vertical-align: middle;">
1887
1975
  <img src="cooliocns SVG/Navigation/House_Check.svg" width="20" height="20" alt="IconHouseCheck" style="vertical-align: middle; margin-right: 8px;" />
1888
1976
  <code style="font-size: 0.85em;">IconHouseCheck</code>
@@ -1891,12 +1979,12 @@ La librería incluye más de 440 iconos organizados en categorías:
1891
1979
  <img src="cooliocns SVG/Navigation/House_Close.svg" width="20" height="20" alt="IconHouseClose" style="vertical-align: middle; margin-right: 8px;" />
1892
1980
  <code style="font-size: 0.85em;">IconHouseClose</code>
1893
1981
  </td>
1982
+ </tr>
1983
+ <tr>
1894
1984
  <td style="padding: 8px; vertical-align: middle;">
1895
1985
  <img src="cooliocns SVG/Navigation/House_Remove.svg" width="20" height="20" alt="IconHouseRemove" style="vertical-align: middle; margin-right: 8px;" />
1896
1986
  <code style="font-size: 0.85em;">IconHouseRemove</code>
1897
1987
  </td>
1898
- </tr>
1899
- <tr>
1900
1988
  <td style="padding: 8px; vertical-align: middle;">
1901
1989
  <img src="cooliocns SVG/Navigation/Map.svg" width="20" height="20" alt="IconMap" style="vertical-align: middle; margin-right: 8px;" />
1902
1990
  <code style="font-size: 0.85em;">IconMap</code>
@@ -1905,10 +1993,17 @@ La librería incluye más de 440 iconos organizados en categorías:
1905
1993
  <img src="cooliocns SVG/Navigation/Map_Pin.svg" width="20" height="20" alt="IconMapPin" style="vertical-align: middle; margin-right: 8px;" />
1906
1994
  <code style="font-size: 0.85em;">IconMapPin</code>
1907
1995
  </td>
1996
+ </tr>
1997
+ <tr>
1908
1998
  <td style="padding: 8px; vertical-align: middle;">
1909
1999
  <img src="cooliocns SVG/Navigation/Navigation.svg" width="20" height="20" alt="IconNavigation" style="vertical-align: middle; margin-right: 8px;" />
1910
2000
  <code style="font-size: 0.85em;">IconNavigation</code>
1911
2001
  </td>
2002
+ <td style="padding: 8px; vertical-align: middle;">
2003
+ <img src="cooliocns SVG/Navigation/Train.svg" width="20" height="20" alt="IconTrain" style="vertical-align: middle; margin-right: 8px;" />
2004
+ <code style="font-size: 0.85em;">IconTrain</code>
2005
+ </td>
2006
+ <td></td>
1912
2007
  </tr>
1913
2008
  </tbody>
1914
2009
  </table>
@@ -2131,7 +2226,7 @@ La librería incluye más de 440 iconos organizados en categorías:
2131
2226
  </tbody>
2132
2227
  </table>
2133
2228
 
2134
- <h3 id="user">User (13 iconos)</h3>
2229
+ <h3 id="user">User (14 iconos)</h3>
2135
2230
 
2136
2231
  <table>
2137
2232
  <tbody>
@@ -2173,12 +2268,16 @@ La librería incluye más de 440 iconos organizados en categorías:
2173
2268
  <code style="font-size: 0.85em;">IconUserClose</code>
2174
2269
  </td>
2175
2270
  <td style="padding: 8px; vertical-align: middle;">
2176
- <img src="cooliocns SVG/User/User_Remove.svg" width="20" height="20" alt="IconUserRemove" style="vertical-align: middle; margin-right: 8px;" />
2177
- <code style="font-size: 0.85em;">IconUserRemove</code>
2271
+ <img src="cooliocns SVG/User/User_Hand_Hear.svg" width="20" height="20" alt="IconUserHandHear" style="vertical-align: middle; margin-right: 8px;" />
2272
+ <code style="font-size: 0.85em;">IconUserHandHear</code>
2178
2273
  </td>
2179
2274
  </tr>
2180
2275
  <tr>
2181
2276
  <td style="padding: 8px; vertical-align: middle;">
2277
+ <img src="cooliocns SVG/User/User_Remove.svg" width="20" height="20" alt="IconUserRemove" style="vertical-align: middle; margin-right: 8px;" />
2278
+ <code style="font-size: 0.85em;">IconUserRemove</code>
2279
+ </td>
2280
+ <td style="padding: 8px; vertical-align: middle;">
2182
2281
  <img src="cooliocns SVG/User/Users.svg" width="20" height="20" alt="IconUsers" style="vertical-align: middle; margin-right: 8px;" />
2183
2282
  <code style="font-size: 0.85em;">IconUsers</code>
2184
2283
  </td>
@@ -2186,18 +2285,17 @@ La librería incluye más de 440 iconos organizados en categorías:
2186
2285
  <img src="cooliocns SVG/User/Users_Group.svg" width="20" height="20" alt="IconUsersGroup" style="vertical-align: middle; margin-right: 8px;" />
2187
2286
  <code style="font-size: 0.85em;">IconUsersGroup</code>
2188
2287
  </td>
2288
+ </tr>
2289
+ <tr>
2189
2290
  <td style="padding: 8px; vertical-align: middle;">
2190
2291
  <img src="cooliocns SVG/User/User_Square.svg" width="20" height="20" alt="IconUserSquare" style="vertical-align: middle; margin-right: 8px;" />
2191
2292
  <code style="font-size: 0.85em;">IconUserSquare</code>
2192
2293
  </td>
2193
- </tr>
2194
- <tr>
2195
2294
  <td style="padding: 8px; vertical-align: middle;">
2196
2295
  <img src="cooliocns SVG/User/User_Voice.svg" width="20" height="20" alt="IconUserVoice" style="vertical-align: middle; margin-right: 8px;" />
2197
2296
  <code style="font-size: 0.85em;">IconUserVoice</code>
2198
2297
  </td>
2199
2298
  <td></td>
2200
- <td></td>
2201
2299
  </tr>
2202
2300
  </tbody>
2203
2301
  </table>
@@ -2304,7 +2402,7 @@ La librería incluye más de 440 iconos organizados en categorías:
2304
2402
  </tbody>
2305
2403
  </table>
2306
2404
 
2307
- **Total: 442 iconos**
2405
+ **Total: 463 iconos**
2308
2406
 
2309
2407
 
2310
2408
  ## 📖 Ejemplo completo
@@ -2358,18 +2456,3 @@ Si quieres contribuir o desarrollar la librería:
2358
2456
  - `npm run build` - Construye la librería para producción
2359
2457
  - `npm run dev` - Modo desarrollo (si tienes una app de ejemplo)
2360
2458
  - `npm run test` - Ejecuta tests
2361
-
2362
- ### Publicar en NPM
2363
-
2364
- Esta repo incluye un workflow de GitHub Actions que publica en npm cuando se crea una Release en GitHub.
2365
-
2366
- 1. Añade el secreto `NPM_TOKEN` en Settings > Secrets del repositorio
2367
- 2. Crea una Release en GitHub
2368
- 3. El workflow publicará automáticamente la versión en NPM
2369
-
2370
- O manualmente:
2371
-
2372
- ```bash
2373
- npm login
2374
- npm publish
2375
- ```
package/package.json CHANGED
@@ -1,7 +1,8 @@
1
1
  {
2
2
  "name": "cool-vue-icons",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "Biblioteca de iconos como componentes Vue (Vue 3 + TypeScript). Iconos basados en coolicons por Kryston Schwarze.",
5
+ "readme": "README.md",
5
6
  "main": "dist/index.umd.js",
6
7
  "module": "dist/index.esm.js",
7
8
  "types": "dist/index.d.ts",
@@ -15,12 +16,17 @@
15
16
  },
16
17
  "files": [
17
18
  "dist",
18
- "src"
19
+ "src",
20
+ "README.md",
21
+ "LICENSE.txt",
22
+ "ATTRIBUTION.md"
19
23
  ],
20
24
  "scripts": {
21
25
  "generate:icons": "node ./scripts/generate-icons.js",
26
+ "generate:readme": "node ./scripts/generate-readme-catalog.js",
27
+ "generate:all": "npm run generate:icons && npm run generate:readme",
22
28
  "dev": "vite",
23
- "build": "npm run generate:icons && vite build",
29
+ "build": "npm run generate:all && vite build",
24
30
  "test": "vitest",
25
31
  "lint": "eslint --ext .ts,.vue src",
26
32
  "prepare": "npm run build"