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/

🚀 Instalación

Instalá el paquete vía npm:

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.):

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

O en un archivo HTML agregá la referencia directa:

<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:

<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:

.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/

💡 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

📄 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.