@openscouts/scout-icon-webfont/readme.md

Scouts Icons Webfont, utilizado en Mi Rincon Scout.

# Scouts Icons Webfont

**Scout Icon WebFont** es un paquete de íconos temáticos para scouts, optimizado para uso en proyectos web.  
Ofrece una fuente web con íconos vectoriales inspirados en símbolos del movimiento scout, campamentos, naturaleza y aventura.

---

## 📌 Página principal

Podés ver la demo, catálogo de íconos y documentación en:  
[https://open-scouts.github.io/scout-icon-webfont/](https://open-scouts.github.io/scout-icon-webfont/)

---

## 🚀 Instalación

Instalá el paquete vía npm:

```bash
npm install scout-icon-webfont
````

---

## ⚙️ Uso

### 1. Importar la fuente y CSS en tu proyecto

Si usás un bundler o framework moderno (React, Vue, Angular, etc.):

```js
import 'scout-icon-webfont/css/scout-icon-webfont.css';
```

O en un archivo HTML agregá la referencia directa:

```html
<link rel="stylesheet" href="node_modules/scout-icon-webfont/css/scout-icon-webfont.css">
```

### 2. Agregar íconos en tu HTML

Para mostrar un ícono, usá la etiqueta `<i>` con las clases CSS específicas:

```html
<i class="scout-icon scout-icon-brujula"></i>
<i class="scout-icon scout-icon-fogata"></i>
<i class="scout-icon scout-icon-tienda"></i>
```

### 3. Personalizar estilo

Podés modificar tamaño, color y otras propiedades CSS para adaptar los íconos a tu diseño:

```css
.scout-icon {
  font-size: 40px;
  color: #1E8449; /* verde naturaleza */
}
```

---

## 📚 Catálogo de íconos

La colección incluye íconos típicos del mundo scout, tales como:

* brújula
* fogata
* tienda de campaña
* mochila
* mapa
* nudo
* linterna

Para ver la lista completa de íconos y sus clases CSS, visitá la página principal:
[https://open-scouts.github.io/scout-icon-webfont/](https://open-scouts.github.io/scout-icon-webfont/)

---

## 💡 Características principales

* Íconos en formato **Web Font** (fuente web vectorial)
* Fácil integración con HTML y CSS
* Compatible con proyectos web modernos
* Íconos temáticos para scouts y actividades al aire libre
* Código abierto y libre para uso educativo y comunitario

---

Claro, aquí te dejo una versión mejorada y más clara de esa instrucción para la documentación:

---

## 🛠️ FIX
**Al guardar un SVG:**

1. Desagrupar todas las formas (Ctrl + Shift + G).
2. Convertir todos los objetos a trazados (Ctrl + Mayús + C).
3. Unir/combinar todos los trazados (Ctrl + +).
4. Guardar el archivo en formato **SVG simple** (preferiblemente).

Estos pasos aseguran que el SVG esté optimizado y listo para ser usado correctamente en la fuente web.


---
## 🛠️ Desarrollo y Contribuciones

Este proyecto está abierto a contribuciones y mejoras.
Si querés reportar errores, sugerir nuevos íconos o participar, podés usar el repositorio en GitHub:
[https://github.com/open-scouts/scout-icon-webfont](https://github.com/open-scouts/scout-icon-webfont)

---

## 📄 Licencia

Este proyecto está bajo licencia **MIT**.
Podés usarlo libremente en proyectos personales y comerciales, siempre respetando la atribución.

---

---

**¡Gracias por usar Scout Icon WebFont!**
Un recurso pensado para la comunidad scout y desarrolladores web.