feat: add icons usage guidelines to README

[Mayaleeeee]

Added guidelines for using icons from the AsyncAPI Design system, including steps for adding or replacing icons.

reference asyncapi/brand#119 (comment)

[netlify]

✅ Deploy Preview for asyncapi-studio-design-system ready!

Name	Link
🔨 Latest commit	f61cce9
🔍 Latest deploy log	https://app.netlify.com/projects/asyncapi-studio-design-system/deploys/6a3ce775d548170008a3ffda
😎 Deploy Preview	https://deploy-preview-1327--asyncapi-studio-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

❌ Deploy Preview for modest-rosalind-098b67 failed.

Name	Link
🔨 Latest commit	f61cce9
🔍 Latest deploy log	https://app.netlify.com/projects/modest-rosalind-098b67/deploys/6a3ce7752f29d300082e540a

[changeset-bot]

⚠️ No Changeset found

Latest commit: f61cce9

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[aeworxet]

@asyncapi/bounty_team

[jl3panadero-source]

Solucion Leonidas Nexus Mini\n\n```\nPara agregar las pautas de uso de iconos al archivo README, te recomiendo seguir los siguientes pasos:

1. Actualiza el archivo README: Abre el archivo README en tu editor de texto favorito y busca la sección donde deseas agregar las pautas de uso de iconos.
2. Crea una nueva sección: Crea una nueva sección en el archivo README con un título claro y conciso, como "Uso de iconos" o "Pautas de uso de iconos".
3. Describe el propósito: Describe brevemente el propósito de las pautas de uso de iconos y por qué son importantes para el proyecto.
4. Establece las pautas: Establece las pautas de uso de iconos de manera clara y concisa. Por ejemplo:

• ¿Cuándo se deben usar iconos?
• ¿Qué tipo de iconos se deben usar?
• ¿Cómo se deben usar los iconos en relación con el texto?
• ¿Qué tamaño y resolución se deben usar para los iconos?

5. Proporciona ejemplos: Proporciona ejemplos de cómo se deben usar los iconos en diferentes contextos, como encabezados, botones, menús, etc.
6. Incluye recursos adicionales: Incluye recursos adicionales, como enlaces adocumentación o tutoriales, para que los usuarios puedan obtener más información sobre el uso de iconos.
7. Revisa y actualiza: Revisa el archivo README para asegurarte de que las pautas de uso de iconos sean claras y consistentes con el resto del contenido.

Aquí te dejo un ejemplo de cómo podrías agregar las pautas de uso de iconos al archivo README:

Uso de iconos

Los iconos se utilizan para mejorar la experiencia del usuario y proporcionar una forma visual de comunicar información importante. A continuación, se presentan las pautas de uso de iconos para este proyecto:

• Los iconos deben usarse de manera consistente en todo el proyecto.
• Los iconos deben ser de alta resolución y tamaño mínimo de 24x24 píxeles.
• Los iconos deben usarse en relación con el texto, no como reemplazo del texto.
• Los iconos deben ser accesibles y seguir las pautas de accesibilidad web.

Ejemplos de uso de iconos:

• Encabezados: Utilice un icono de título para destacar el título de la sección.
• Botones: Utilice un icono de acción para indicar la acción que se realizará al hacer clic en el botón.

Recursos adicionales:

• Documentación de iconos
• Tutoriales de diseño de iconos

Espero que esto te ayude a agregar las pautas de uso de iconos al archivo README de manera efectiva. ¡Si tienes alguna pregunta o necesitas más ayuda, no dudes en preguntar!\n```

[aeworxet]

@jl3panadero-source, please use English in communication across AsyncAPI.